@royaloperahouse/chord 2.3.3 → 2.4.0-a-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +214 -7
- package/README.md +250 -40
- package/dist/chord.cjs.development.js +732 -491
- 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 +732 -493
- 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/Icons/Icons.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/Descriptors/Wheelchair.svg.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +1 -1
- package/dist/components/atoms/Typography/Typography.d.ts +1 -1
- package/dist/components/atoms/index.d.ts +2 -2
- package/dist/components/index.d.ts +3 -3
- 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/Select/Select.style.d.ts +1 -1
- package/dist/components/molecules/Table/Table.style.d.ts +1 -0
- package/dist/components/molecules/VideoWithControls/index.d.ts +2 -0
- package/dist/components/molecules/index.d.ts +3 -2
- 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/iconTypes.d.ts +5 -0
- package/dist/types/impactHeader.d.ts +13 -0
- package/dist/types/tableTypes.d.ts +4 -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
|
|
|
@@ -1401,13 +1545,15 @@ var Tickets = (function (_ref) {
|
|
|
1401
1545
|
|
|
1402
1546
|
var Wheelchair = (function (_ref) {
|
|
1403
1547
|
var _ref$color = _ref.color,
|
|
1404
|
-
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color
|
|
1548
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
1549
|
+
ariaLabel = _ref.ariaLabel;
|
|
1405
1550
|
return /*#__PURE__*/React.createElement("svg", {
|
|
1406
1551
|
width: "100%",
|
|
1407
1552
|
height: "100%",
|
|
1408
1553
|
viewBox: "0 0 24 24",
|
|
1409
1554
|
fill: "none",
|
|
1410
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1555
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1556
|
+
"aria-label": ariaLabel
|
|
1411
1557
|
}, /*#__PURE__*/React.createElement("path", {
|
|
1412
1558
|
d: "M8.4 18.8c-1.1 0-2.2-.4-3-1.1-.8-.8-1.3-1.8-1.3-2.9-.1-1.6.9-3.2 2.3-3.9l-.4-1c-1.9.9-3 2.8-3 4.9.1 2.8 2.4 5.1 5.3 5.1h.2c2.6-.1 4.7-2.1 5.1-4.6l-1.1-.1c-.3 2-2 3.6-4.1 3.6ZM9.8 4.5c1.2 0 2.2-1 2.2-2.2C12 1.1 11 .1 9.8.1c-1.2 0-2.2 1-2.2 2.2 0 1.2.9 2.2 2.2 2.2Zm0-3.3c.6 0 1.1.5 1.1 1.1 0 .6-.5 1.1-1.1 1.1-.6 0-1.1-.5-1.1-1.1 0-.6.5-1.1 1.1-1.1Zm4.9 12c-.3-.5-.9-.8-1.6-.8h-2.6V6.3c0-.6-.5-1.2-1.1-1.2H6.2c-.5.1-.9.5-.9 1v3.2h1.1V6.2l2.9.1v7.2h3.8c.3 0 .5.1.6.3l3.4 5.4.9-.6-3.3-5.4Z",
|
|
1413
1559
|
fill: color
|
|
@@ -2288,7 +2434,8 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
2288
2434
|
color = _ref.color,
|
|
2289
2435
|
iconName = _ref.iconName,
|
|
2290
2436
|
title = _ref.title,
|
|
2291
|
-
direction = _ref.direction
|
|
2437
|
+
direction = _ref.direction,
|
|
2438
|
+
ariaLabel = _ref.ariaLabel;
|
|
2292
2439
|
var IconComponent = IconLibrary[iconName];
|
|
2293
2440
|
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
2294
2441
|
className: className,
|
|
@@ -2296,7 +2443,8 @@ var Icon = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
2296
2443
|
title: title,
|
|
2297
2444
|
direction: direction
|
|
2298
2445
|
}, /*#__PURE__*/React.createElement(IconComponent, {
|
|
2299
|
-
color: color
|
|
2446
|
+
color: color,
|
|
2447
|
+
ariaLabel: ariaLabel
|
|
2300
2448
|
}));
|
|
2301
2449
|
});
|
|
2302
2450
|
Icon.displayName = 'Icon';
|
|
@@ -2625,7 +2773,39 @@ var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateO
|
|
|
2625
2773
|
});
|
|
2626
2774
|
|
|
2627
2775
|
var _templateObject$b;
|
|
2628
|
-
|
|
2776
|
+
/**
|
|
2777
|
+
* # IMPORTANT
|
|
2778
|
+
* Please use the `<GridItem />` component instead of this component if possible.
|
|
2779
|
+
* This component was introduced due to incompatibilities between versions of the Chord library.
|
|
2780
|
+
*/
|
|
2781
|
+
|
|
2782
|
+
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) {
|
|
2783
|
+
var columnStartDesktop = _ref.columnStartDesktop;
|
|
2784
|
+
return columnStartDesktop;
|
|
2785
|
+
}, function (_ref2) {
|
|
2786
|
+
var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
|
|
2787
|
+
columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
|
|
2788
|
+
return columnSpanDesktop;
|
|
2789
|
+
}, devices.mobile, function (_ref3) {
|
|
2790
|
+
var columnStartDevice = _ref3.columnStartDevice,
|
|
2791
|
+
columnStartSmallDevice = _ref3.columnStartSmallDevice;
|
|
2792
|
+
return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
|
|
2793
|
+
}, function (_ref4) {
|
|
2794
|
+
var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
|
|
2795
|
+
columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
|
|
2796
|
+
columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
|
|
2797
|
+
return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
|
|
2798
|
+
}, devices.tablet, function (_ref5) {
|
|
2799
|
+
var columnStartDevice = _ref5.columnStartDevice;
|
|
2800
|
+
return columnStartDevice;
|
|
2801
|
+
}, function (_ref6) {
|
|
2802
|
+
var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
|
|
2803
|
+
columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
|
|
2804
|
+
return columnSpanDevice;
|
|
2805
|
+
});
|
|
2806
|
+
|
|
2807
|
+
var _templateObject$c;
|
|
2808
|
+
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
2809
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
2630
2810
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
2631
2811
|
return aspectRatio;
|
|
@@ -2643,8 +2823,8 @@ var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b
|
|
|
2643
2823
|
return aspectRatio;
|
|
2644
2824
|
});
|
|
2645
2825
|
|
|
2646
|
-
var _templateObject$
|
|
2647
|
-
var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2826
|
+
var _templateObject$d, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
|
|
2827
|
+
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
2828
|
var height = _ref.height;
|
|
2649
2829
|
return height ? height + "px" : '6px';
|
|
2650
2830
|
});
|
|
@@ -2727,13 +2907,13 @@ var Progress = function Progress(_ref) {
|
|
|
2727
2907
|
}, renderSteps()));
|
|
2728
2908
|
};
|
|
2729
2909
|
|
|
2730
|
-
var _templateObject$
|
|
2731
|
-
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2910
|
+
var _templateObject$e, _templateObject2$4, _templateObject3$3;
|
|
2911
|
+
var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
2732
2912
|
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
2913
|
var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-errorstate);\n"])));
|
|
2734
2914
|
|
|
2735
|
-
var _templateObject$
|
|
2736
|
-
var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
2915
|
+
var _templateObject$f;
|
|
2916
|
+
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
2917
|
var typography = _ref.typography;
|
|
2738
2918
|
return typography;
|
|
2739
2919
|
}, function (_ref2) {
|
|
@@ -2789,9 +2969,10 @@ var StyledTag = function StyledTag(_ref) {
|
|
|
2789
2969
|
}, children);
|
|
2790
2970
|
};
|
|
2791
2971
|
var AltHeader = function AltHeader(_ref2) {
|
|
2792
|
-
var
|
|
2972
|
+
var semanticLevel = _ref2.semanticLevel,
|
|
2973
|
+
level = _ref2.level,
|
|
2793
2974
|
children = _ref2.children;
|
|
2794
|
-
var renderedTag = "h" + level;
|
|
2975
|
+
var renderedTag = semanticLevel ? "h" + semanticLevel : "h" + level;
|
|
2795
2976
|
return /*#__PURE__*/React__default.createElement(StyledTag, {
|
|
2796
2977
|
tag: renderedTag,
|
|
2797
2978
|
typography: "altHeader",
|
|
@@ -2889,8 +3070,8 @@ var Radio = function Radio(_ref) {
|
|
|
2889
3070
|
}, error)));
|
|
2890
3071
|
};
|
|
2891
3072
|
|
|
2892
|
-
var _templateObject$
|
|
2893
|
-
var Container = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3073
|
+
var _templateObject$g, _templateObject2$5, _templateObject3$4, _templateObject4$2, _templateObject5$1, _templateObject6;
|
|
3074
|
+
var Container = /*#__PURE__*/styled__default.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
2894
3075
|
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
3076
|
var error = _ref.error,
|
|
2896
3077
|
darkMode = _ref.darkMode,
|
|
@@ -2998,8 +3179,8 @@ var Radio2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
2998
3179
|
}, error)));
|
|
2999
3180
|
});
|
|
3000
3181
|
|
|
3001
|
-
var _templateObject$
|
|
3002
|
-
var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3182
|
+
var _templateObject$h, _templateObject2$6, _templateObject3$5;
|
|
3183
|
+
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
3184
|
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
3185
|
var theme = _ref.theme;
|
|
3005
3186
|
return theme.colors.primary;
|
|
@@ -3070,8 +3251,8 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3070
3251
|
}, renderNextIcon()));
|
|
3071
3252
|
};
|
|
3072
3253
|
|
|
3073
|
-
var _templateObject$
|
|
3074
|
-
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$
|
|
3254
|
+
var _templateObject$i;
|
|
3255
|
+
var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n path {\n fill: var(--base-color-", ");\n }\n"])), function (_ref) {
|
|
3075
3256
|
var fillColor = _ref.fillColor;
|
|
3076
3257
|
return fillColor;
|
|
3077
3258
|
});
|
|
@@ -3095,8 +3276,8 @@ var SecondaryLogo = function SecondaryLogo(_ref) {
|
|
|
3095
3276
|
})));
|
|
3096
3277
|
};
|
|
3097
3278
|
|
|
3098
|
-
var _templateObject$
|
|
3099
|
-
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$
|
|
3279
|
+
var _templateObject$j, _templateObject2$7;
|
|
3280
|
+
var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 4px;\n"])));
|
|
3100
3281
|
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
3282
|
|
|
3102
3283
|
var SectionSplitter = function SectionSplitter(_ref) {
|
|
@@ -3115,8 +3296,8 @@ var SectionSplitter = function SectionSplitter(_ref) {
|
|
|
3115
3296
|
}, /*#__PURE__*/React__default.createElement(Splitter, null)));
|
|
3116
3297
|
};
|
|
3117
3298
|
|
|
3118
|
-
var _templateObject$
|
|
3119
|
-
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3299
|
+
var _templateObject$k;
|
|
3300
|
+
var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 172px;\n"])));
|
|
3120
3301
|
|
|
3121
3302
|
var SponsorLogo = function SponsorLogo(_ref) {
|
|
3122
3303
|
var _ref$colorLogo = _ref.colorLogo,
|
|
@@ -3326,8 +3507,8 @@ var SponsorLogo = function SponsorLogo(_ref) {
|
|
|
3326
3507
|
})))));
|
|
3327
3508
|
};
|
|
3328
3509
|
|
|
3329
|
-
var _templateObject$
|
|
3330
|
-
var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$
|
|
3510
|
+
var _templateObject$l, _templateObject2$8;
|
|
3511
|
+
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
3512
|
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
3513
|
|
|
3333
3514
|
var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
|
|
@@ -3360,8 +3541,8 @@ var Sponsorship = function Sponsorship(_ref) {
|
|
|
3360
3541
|
}));
|
|
3361
3542
|
};
|
|
3362
3543
|
|
|
3363
|
-
var _templateObject$
|
|
3364
|
-
var TabText = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3544
|
+
var _templateObject$m, _templateObject2$9;
|
|
3545
|
+
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
3546
|
if (props.withIcon === 'left') {
|
|
3366
3547
|
return "margin-left: 5px;";
|
|
3367
3548
|
}
|
|
@@ -3460,8 +3641,8 @@ var Tab = function Tab(_ref) {
|
|
|
3460
3641
|
}));
|
|
3461
3642
|
};
|
|
3462
3643
|
|
|
3463
|
-
var _templateObject$
|
|
3464
|
-
var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
3644
|
+
var _templateObject$n, _templateObject2$a;
|
|
3645
|
+
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
3646
|
var iconName = _ref.iconName;
|
|
3466
3647
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
|
|
3467
3648
|
}, function (_ref2) {
|
|
@@ -3512,8 +3693,8 @@ var TabLink = function TabLink(_ref) {
|
|
|
3512
3693
|
})) : null, children);
|
|
3513
3694
|
};
|
|
3514
3695
|
|
|
3515
|
-
var _templateObject$
|
|
3516
|
-
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3696
|
+
var _templateObject$o, _templateObject2$b, _templateObject3$6, _templateObject4$3;
|
|
3697
|
+
var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n"])), function (_ref) {
|
|
3517
3698
|
var width = _ref.width;
|
|
3518
3699
|
return width ? width + "px;" : '100%;';
|
|
3519
3700
|
}, function (_ref2) {
|
|
@@ -3636,8 +3817,8 @@ var TextArea = function TextArea(_ref) {
|
|
|
3636
3817
|
}, error))));
|
|
3637
3818
|
};
|
|
3638
3819
|
|
|
3639
|
-
var _templateObject$
|
|
3640
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3820
|
+
var _templateObject$p, _templateObject2$c, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1;
|
|
3821
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3641
3822
|
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
3823
|
var width = _ref.width;
|
|
3643
3824
|
if (!width) return 'none';
|
|
@@ -3763,8 +3944,8 @@ var TextField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3763
3944
|
}, error)));
|
|
3764
3945
|
});
|
|
3765
3946
|
|
|
3766
|
-
var _templateObject$
|
|
3767
|
-
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$
|
|
3947
|
+
var _templateObject$q, _templateObject2$d, _templateObject3$8, _templateObject4$5, _templateObject5$3;
|
|
3948
|
+
var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
3768
3949
|
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) {
|
|
3769
3950
|
var theme = _ref.theme;
|
|
3770
3951
|
return theme.fonts.desktop.weights.body[1];
|
|
@@ -3837,8 +4018,8 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
|
|
|
3837
4018
|
}, error) : null);
|
|
3838
4019
|
};
|
|
3839
4020
|
|
|
3840
|
-
var _templateObject$
|
|
3841
|
-
var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$
|
|
4021
|
+
var _templateObject$r, _templateObject2$e;
|
|
4022
|
+
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) {
|
|
3842
4023
|
var iconName = _ref.iconName;
|
|
3843
4024
|
return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
|
|
3844
4025
|
}, function (_ref2) {
|
|
@@ -3867,21 +4048,6 @@ var TextLink = function TextLink(_ref) {
|
|
|
3867
4048
|
})) : null);
|
|
3868
4049
|
};
|
|
3869
4050
|
|
|
3870
|
-
var _templateObject$r, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3871
|
-
var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: 10px;\n margin-top: 140px;\n display: grid;\n grid-template-columns: repeat(2, auto);\n font-family: var(--font-family-header);\n font-size: ", ";\n color: ", ";\n width: auto;\n margin: auto;\n"])), function (_ref) {
|
|
3872
|
-
var fontSize = _ref.fontSize;
|
|
3873
|
-
return fontSize + 'px';
|
|
3874
|
-
}, function (_ref2) {
|
|
3875
|
-
var color = _ref2.color;
|
|
3876
|
-
return color;
|
|
3877
|
-
});
|
|
3878
|
-
var LogoRightSide = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 10px;\n font-weight: 500;\n letter-spacing: 1px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
3879
|
-
var LogoLeftSide = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-right: 1px solid ", ";\n padding-right: 10px;\n letter-spacing: 2px;\n display: flex;\n flex-direction: column;\n"])), function (_ref3) {
|
|
3880
|
-
var color = _ref3.color;
|
|
3881
|
-
return color;
|
|
3882
|
-
});
|
|
3883
|
-
var LogoLeftSideRow = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n font-weight: 400;\n"])));
|
|
3884
|
-
|
|
3885
4051
|
var TextLogoProduct;
|
|
3886
4052
|
|
|
3887
4053
|
(function (TextLogoProduct) {
|
|
@@ -3889,25 +4055,12 @@ var TextLogoProduct;
|
|
|
3889
4055
|
TextLogoProduct["Cinema"] = "CINEMA";
|
|
3890
4056
|
})(TextLogoProduct || (TextLogoProduct = {}));
|
|
3891
4057
|
|
|
3892
|
-
var
|
|
3893
|
-
var color = _ref.color,
|
|
3894
|
-
productName = _ref.productName,
|
|
3895
|
-
_ref$fontSize = _ref.fontSize,
|
|
3896
|
-
fontSize = _ref$fontSize === void 0 ? 12 : _ref$fontSize;
|
|
3897
|
-
return /*#__PURE__*/React.createElement(LogoWrapper, {
|
|
3898
|
-
color: color,
|
|
3899
|
-
fontSize: fontSize
|
|
3900
|
-
}, /*#__PURE__*/React.createElement(LogoLeftSide, {
|
|
3901
|
-
color: color
|
|
3902
|
-
}, /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/React.createElement(LogoRightSide, null, productName));
|
|
3903
|
-
};
|
|
3904
|
-
|
|
3905
|
-
var _templateObject$s, _templateObject2$g, _templateObject3$a, _templateObject4$7;
|
|
4058
|
+
var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$6;
|
|
3906
4059
|
var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-block: 20px;\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
3907
4060
|
var dark = _ref.dark;
|
|
3908
4061
|
return dark ? 'white' : 'errorstate';
|
|
3909
4062
|
});
|
|
3910
|
-
var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$
|
|
4063
|
+
var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n width: fit-content;\n position: relative;\n padding-left: 32px;\n color: var(\n --base-color-", "\n );\n cursor: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n div {\n margin-left: -32px;\n }\n\n @media ", " {\n &:focus {\n outline: 0;\n }\n }\n"])), function (_ref2) {
|
|
3911
4064
|
var dark = _ref2.dark,
|
|
3912
4065
|
disabled = _ref2.disabled;
|
|
3913
4066
|
if (dark) return disabled ? 'lightgrey' : 'white';
|
|
@@ -3916,7 +4069,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$g || (_
|
|
|
3916
4069
|
var disabled = _ref3.disabled;
|
|
3917
4070
|
return disabled ? 'not-allowed' : 'pointer';
|
|
3918
4071
|
}, devices.mobileAndTablet);
|
|
3919
|
-
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$
|
|
4072
|
+
var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 1px;\n left: 0;\n height: 20px;\n width: 20px;\n padding: 3px;\n box-sizing: border-box;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n outline: ", ";\n\n svg {\n display: none;\n }\n\n @media ", " {\n top: 0;\n }\n"])), function (_ref4) {
|
|
3920
4073
|
var dark = _ref4.dark,
|
|
3921
4074
|
disabled = _ref4.disabled,
|
|
3922
4075
|
error = _ref4.error;
|
|
@@ -3932,7 +4085,7 @@ var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$a || (
|
|
|
3932
4085
|
dark = _ref6.dark;
|
|
3933
4086
|
return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
|
|
3934
4087
|
}, devices.mobile);
|
|
3935
|
-
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
4088
|
+
var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n &:checked ~ ", " {\n background-color: var(\n --base-color-", "\n );\n & svg {\n display: block;\n path {\n fill: var(\n --base-color-", "\n );\n }\n }\n }\n"])), TickboxCheckmark, function (_ref7) {
|
|
3936
4089
|
var dark = _ref7.dark,
|
|
3937
4090
|
whiteBox = _ref7.whiteBox,
|
|
3938
4091
|
disabled = _ref7.disabled;
|
|
@@ -4024,9 +4177,9 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
4024
4177
|
}, error)));
|
|
4025
4178
|
};
|
|
4026
4179
|
|
|
4027
|
-
var _templateObject$t, _templateObject2$
|
|
4180
|
+
var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
|
|
4028
4181
|
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
4029
|
-
var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4182
|
+
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) {
|
|
4030
4183
|
var error = _ref.error,
|
|
4031
4184
|
darkMode = _ref.darkMode,
|
|
4032
4185
|
disabled = _ref.disabled;
|
|
@@ -4049,7 +4202,7 @@ var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templat
|
|
|
4049
4202
|
if (blackBox) return 'var(--base-color-white)';
|
|
4050
4203
|
return ' var(--base-color-black)';
|
|
4051
4204
|
});
|
|
4052
|
-
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$
|
|
4205
|
+
var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-left: 32px;\n input[type='checkbox'] {\n width: 1px;\n height: 1px;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n z-index: 0;\n &:checked + ", " {\n background-color: ", ";\n }\n &:focus + ", " {\n outline: ", ";\n }\n }\n"])), Tickbox$1, function (_ref4) {
|
|
4053
4206
|
var blackBox = _ref4.blackBox,
|
|
4054
4207
|
darkMode = _ref4.darkMode;
|
|
4055
4208
|
if (darkMode) return 'var(--base-color-white)';
|
|
@@ -4060,7 +4213,7 @@ var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$b || (_
|
|
|
4060
4213
|
if (darkMode) return '4px solid var(--base-color-lemonchiffon)';
|
|
4061
4214
|
return '3px solid var(--base-color-lapislazuli)';
|
|
4062
4215
|
});
|
|
4063
|
-
var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4216
|
+
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);
|
|
4064
4217
|
var TextLabel$3 = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref6) {
|
|
4065
4218
|
var darkMode = _ref6.darkMode,
|
|
4066
4219
|
disabled = _ref6.disabled;
|
|
@@ -4135,17 +4288,17 @@ var Tickbox2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
4135
4288
|
}, error)));
|
|
4136
4289
|
});
|
|
4137
4290
|
|
|
4138
|
-
var _templateObject$u, _templateObject2$
|
|
4291
|
+
var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7, _templateObject8;
|
|
4139
4292
|
var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-", ");\n"])), function (_ref) {
|
|
4140
4293
|
var color = _ref.color;
|
|
4141
4294
|
return color;
|
|
4142
4295
|
});
|
|
4143
|
-
var Line = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
4296
|
+
var Line = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: var(--base-color-", ");\n margin-top: 32px;\n\n @media ", " {\n margin-top: 20px;\n }\n"])), function (_ref2) {
|
|
4144
4297
|
var color = _ref2.color;
|
|
4145
4298
|
return color;
|
|
4146
4299
|
}, devices.mobileAndTablet);
|
|
4147
|
-
var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4148
|
-
var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
4300
|
+
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);
|
|
4301
|
+
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);
|
|
4149
4302
|
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"])));
|
|
4150
4303
|
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);
|
|
4151
4304
|
var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
@@ -4987,11 +5140,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
|
|
|
4987
5140
|
}
|
|
4988
5141
|
});
|
|
4989
5142
|
|
|
4990
|
-
var _templateObject$w, _templateObject2$
|
|
5143
|
+
var _templateObject$w, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$1, _templateObject8$1, _templateObject9, _templateObject10;
|
|
4991
5144
|
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"])));
|
|
4992
|
-
var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
4993
|
-
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
4994
|
-
var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5145
|
+
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"])));
|
|
5146
|
+
var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n width: 100%;\n"])));
|
|
5147
|
+
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"])));
|
|
4995
5148
|
var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
4996
5149
|
var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100px;\n margin-left: 24px;\n"])));
|
|
4997
5150
|
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"])));
|
|
@@ -5061,6 +5214,16 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5061
5214
|
video.loop = loop;
|
|
5062
5215
|
}
|
|
5063
5216
|
}, [loop]);
|
|
5217
|
+
React.useEffect(function () {
|
|
5218
|
+
var handleFullscreenChange = function handleFullscreenChange() {
|
|
5219
|
+
setIsFullscreen(!!document.fullscreenElement);
|
|
5220
|
+
};
|
|
5221
|
+
|
|
5222
|
+
document.addEventListener('fullscreenchange', handleFullscreenChange);
|
|
5223
|
+
return function () {
|
|
5224
|
+
document.removeEventListener('fullscreenchange', handleFullscreenChange);
|
|
5225
|
+
};
|
|
5226
|
+
}, []);
|
|
5064
5227
|
var handleFullscreen = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
|
|
5065
5228
|
var videoContainer;
|
|
5066
5229
|
return runtime_1.wrap(function _callee$(_context) {
|
|
@@ -5159,7 +5322,9 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5159
5322
|
setVolume(newVolume);
|
|
5160
5323
|
}
|
|
5161
5324
|
}, [isMuted]);
|
|
5162
|
-
return /*#__PURE__*/React__default.createElement(VideoControlsWrapper,
|
|
5325
|
+
return /*#__PURE__*/React__default.createElement(VideoControlsWrapper, {
|
|
5326
|
+
className: "video-controls-container"
|
|
5327
|
+
}, /*#__PURE__*/React__default.createElement(VideoControlsInnerWrapper, null, /*#__PURE__*/React__default.createElement(LeftWrapper, null, /*#__PURE__*/React__default.createElement(VideoPlayButton, {
|
|
5163
5328
|
id: "play",
|
|
5164
5329
|
onClick: handlePlay,
|
|
5165
5330
|
className: "video-play-button",
|
|
@@ -5195,13 +5360,13 @@ var VideoControls = function VideoControls(_ref2) {
|
|
|
5195
5360
|
})));
|
|
5196
5361
|
};
|
|
5197
5362
|
|
|
5198
|
-
var _templateObject$x, _templateObject2$
|
|
5363
|
+
var _templateObject$x, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$7;
|
|
5199
5364
|
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"])));
|
|
5200
|
-
var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5365
|
+
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) {
|
|
5201
5366
|
var darkMode = _ref.darkMode;
|
|
5202
5367
|
return darkMode ? 'white' : 'errorstate';
|
|
5203
5368
|
});
|
|
5204
|
-
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5369
|
+
var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 154px;\n height: 48px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid\n var(\n --base-color-", "\n );\n background-color: var(--base-color-", ");\n ", ";\n\n * {\n color: var(--base-color-", ");\n word-break: unset;\n user-select: none;\n }\n\n path {\n fill: var(--base-color-", ") !important;\n }\n\n & > * {\n width: 51px;\n }\n"])), function (_ref2) {
|
|
5205
5370
|
var darkMode = _ref2.darkMode,
|
|
5206
5371
|
disabled = _ref2.disabled,
|
|
5207
5372
|
error = _ref2.error;
|
|
@@ -5223,7 +5388,7 @@ var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templa
|
|
|
5223
5388
|
var disabled = _ref6.disabled;
|
|
5224
5389
|
return disabled ? 'midgrey' : 'black';
|
|
5225
5390
|
});
|
|
5226
|
-
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$
|
|
5391
|
+
var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 51px;\n border: 0;\n text-align: center;\n font-family: var(--font-family-altHeader);\n font-size: var(--font-size-altHeader-6);\n font-weight: var(--font-weight-altHeader-6);\n background-color: transparent;\n cursor: ", ";\n"])), function (_ref7) {
|
|
5227
5392
|
var disabled = _ref7.disabled;
|
|
5228
5393
|
return disabled ? 'not-allowed' : 'text';
|
|
5229
5394
|
});
|
|
@@ -5423,14 +5588,14 @@ var Component = function Component(_ref) {
|
|
|
5423
5588
|
}, error)));
|
|
5424
5589
|
};
|
|
5425
5590
|
|
|
5426
|
-
var _templateObject$y, _templateObject2$
|
|
5591
|
+
var _templateObject$y, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
5427
5592
|
var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n ", "\n }\n"])), devices.mobileAndTablet, function (_ref) {
|
|
5428
5593
|
var isMenuOpen = _ref.isMenuOpen;
|
|
5429
5594
|
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 ";
|
|
5430
5595
|
});
|
|
5431
|
-
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5432
|
-
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
5433
|
-
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
5596
|
+
var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n width: 100vw;\n position: absolute;\n z-index: ", ";\n opacity: 0.4;\n"])), zIndexes.searchOverlay);
|
|
5597
|
+
var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n background-color: var(--base-color-white);\n height: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 80px;\n }\n"])), zIndexes.navigation, devices.mobile);
|
|
5598
|
+
var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n background-color: var(--base-color-white);\n height: 100px;\n border-top: 1px solid var(--base-color-light-grey);\n width: 100%;\n position: absolute;\n top: 140px;\n z-index: ", ";\n\n @media ", " {\n height: 100%;\n top: 80px;\n }\n"])), function (_ref2) {
|
|
5434
5599
|
var visible = _ref2.visible;
|
|
5435
5600
|
return visible ? 'visible' : 'hidden';
|
|
5436
5601
|
}, zIndexes.search, devices.mobile);
|
|
@@ -5449,9 +5614,9 @@ var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObjec
|
|
|
5449
5614
|
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);
|
|
5450
5615
|
|
|
5451
5616
|
var _templateObject$z;
|
|
5452
|
-
var LogoWrapper
|
|
5617
|
+
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"])));
|
|
5453
5618
|
|
|
5454
|
-
var Logo
|
|
5619
|
+
var Logo = function Logo(_ref) {
|
|
5455
5620
|
var _ref$id = _ref.id,
|
|
5456
5621
|
id = _ref$id === void 0 ? 'Logo' : _ref$id,
|
|
5457
5622
|
_ref$dataRoh = _ref.dataRoh,
|
|
@@ -5467,7 +5632,7 @@ var Logo$1 = function Logo(_ref) {
|
|
|
5467
5632
|
rel: "noopener noreferrer",
|
|
5468
5633
|
href: urlLink,
|
|
5469
5634
|
title: title
|
|
5470
|
-
}, /*#__PURE__*/React__default.createElement(LogoWrapper
|
|
5635
|
+
}, /*#__PURE__*/React__default.createElement(LogoWrapper, {
|
|
5471
5636
|
id: id,
|
|
5472
5637
|
className: "logoImg"
|
|
5473
5638
|
}, /*#__PURE__*/React__default.createElement("picture", null, /*#__PURE__*/React__default.createElement("source", {
|
|
@@ -5481,7 +5646,7 @@ var Logo$1 = function Logo(_ref) {
|
|
|
5481
5646
|
var _templateObject$A;
|
|
5482
5647
|
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);
|
|
5483
5648
|
|
|
5484
|
-
var _templateObject$B, _templateObject2$
|
|
5649
|
+
var _templateObject$B, _templateObject2$l, _templateObject3$f, _templateObject4$c;
|
|
5485
5650
|
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) {
|
|
5486
5651
|
var selected = _ref.selected,
|
|
5487
5652
|
colorPrimary = _ref.colorPrimary;
|
|
@@ -5510,9 +5675,9 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_te
|
|
|
5510
5675
|
|
|
5511
5676
|
return '';
|
|
5512
5677
|
});
|
|
5513
|
-
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5514
|
-
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
5515
|
-
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$
|
|
5678
|
+
var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5679
|
+
var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n width: 12px;\n height: 12px;\n position: absolute;\n top: 8px;\n margin-left: 6px;\n\n & .basket-num {\n color: white;\n font-size: 10px;\n font-family: var(--font-family-navigation);\n }\n"])));
|
|
5680
|
+
var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n color: var(--base-color-black);\n margin-left: 6px;\n text-decoration: none;\n"])));
|
|
5516
5681
|
|
|
5517
5682
|
var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
|
|
5518
5683
|
if (!expiryUnixTimestamp) return 0;
|
|
@@ -5670,7 +5835,7 @@ var Basket$1 = function Basket(_ref) {
|
|
|
5670
5835
|
}, expiryTime ? basketText : text) : ''));
|
|
5671
5836
|
};
|
|
5672
5837
|
|
|
5673
|
-
var _templateObject$C, _templateObject2$
|
|
5838
|
+
var _templateObject$C, _templateObject2$m;
|
|
5674
5839
|
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) {
|
|
5675
5840
|
var selected = _ref.selected,
|
|
5676
5841
|
colorPrimary = _ref.colorPrimary;
|
|
@@ -5687,7 +5852,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_te
|
|
|
5687
5852
|
var colorPrimary = _ref3.colorPrimary;
|
|
5688
5853
|
return colorPrimary;
|
|
5689
5854
|
});
|
|
5690
|
-
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
5855
|
+
var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n"])));
|
|
5691
5856
|
|
|
5692
5857
|
var Search$1 = function Search(_ref) {
|
|
5693
5858
|
var _ref$selected = _ref.selected,
|
|
@@ -5963,23 +6128,23 @@ var NavTop = function NavTop(_ref) {
|
|
|
5963
6128
|
}));
|
|
5964
6129
|
};
|
|
5965
6130
|
|
|
5966
|
-
var _templateObject$D, _templateObject2$
|
|
6131
|
+
var _templateObject$D, _templateObject2$n, _templateObject3$g, _templateObject4$d;
|
|
5967
6132
|
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"])));
|
|
5968
|
-
var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6133
|
+
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) {
|
|
5969
6134
|
if (props.showMenu) {
|
|
5970
6135
|
return "\n display: flex;\n flex-direction: column;\n row-gap: 32px;\n ";
|
|
5971
6136
|
}
|
|
5972
6137
|
|
|
5973
6138
|
return "display: none;";
|
|
5974
6139
|
});
|
|
5975
|
-
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6140
|
+
var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n width: 60px;\n\n & a {\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-black);\n text-decoration: none;\n cursor: pointer;\n\n :hover {\n color: var(--base-color-", ");\n }\n }\n\n :hover {\n && svg path {\n fill: var(--base-color-", ");\n }\n }\n\n @media ", " {\n display: block;\n\n svg {\n width: 24px;\n height: 24px;\n margin-left: 40px;\n margin-top: -20px;\n }\n\n a {\n margin-left: 20px;\n }\n }\n"])), function (_ref) {
|
|
5976
6141
|
var colorPrimary = _ref.colorPrimary;
|
|
5977
6142
|
return colorPrimary;
|
|
5978
6143
|
}, function (_ref2) {
|
|
5979
6144
|
var colorPrimary = _ref2.colorPrimary;
|
|
5980
6145
|
return colorPrimary;
|
|
5981
6146
|
}, devices.mobileAndTablet);
|
|
5982
|
-
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6147
|
+
var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n a {\n margin-left: 20px;\n }\n }\n"])), devices.mobileAndTablet);
|
|
5983
6148
|
|
|
5984
6149
|
var Tabs = function Tabs(_ref) {
|
|
5985
6150
|
var _ref$items = _ref.items,
|
|
@@ -6106,10 +6271,10 @@ var Tabs = function Tabs(_ref) {
|
|
|
6106
6271
|
}, "MENU"))));
|
|
6107
6272
|
};
|
|
6108
6273
|
|
|
6109
|
-
var _templateObject$E, _templateObject2$
|
|
6274
|
+
var _templateObject$E, _templateObject2$o, _templateObject3$h, _templateObject5$9, _templateObject6$6, _templateObject7$3;
|
|
6110
6275
|
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);
|
|
6111
|
-
var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6112
|
-
var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6276
|
+
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"])));
|
|
6277
|
+
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"])));
|
|
6113
6278
|
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);
|
|
6114
6279
|
var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
6115
6280
|
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);
|
|
@@ -6293,7 +6458,7 @@ var Navigation = function Navigation(_ref) {
|
|
|
6293
6458
|
columnSpanDesktop: 1,
|
|
6294
6459
|
columnStartDevice: 2,
|
|
6295
6460
|
columnSpanDevice: 2
|
|
6296
|
-
}, /*#__PURE__*/React__default.createElement(LogoContainer, null, /*#__PURE__*/React__default.createElement(Logo
|
|
6461
|
+
}, /*#__PURE__*/React__default.createElement(LogoContainer, null, /*#__PURE__*/React__default.createElement(Logo, {
|
|
6297
6462
|
urlLink: logoLink,
|
|
6298
6463
|
desktopImage: desktopLogoUrl,
|
|
6299
6464
|
devicesImage: devicesLogoUrl
|
|
@@ -6344,18 +6509,18 @@ var Navigation = function Navigation(_ref) {
|
|
|
6344
6509
|
})))));
|
|
6345
6510
|
};
|
|
6346
6511
|
|
|
6347
|
-
var _templateObject$F, _templateObject2$
|
|
6512
|
+
var _templateObject$F, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$a, _templateObject6$7;
|
|
6348
6513
|
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"])));
|
|
6349
|
-
var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6350
|
-
var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6351
|
-
var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6514
|
+
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"])));
|
|
6515
|
+
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);
|
|
6516
|
+
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);
|
|
6352
6517
|
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);
|
|
6353
6518
|
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);
|
|
6354
6519
|
|
|
6355
|
-
var _templateObject$G, _templateObject2$
|
|
6520
|
+
var _templateObject$G, _templateObject2$q, _templateObject3$j;
|
|
6356
6521
|
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);
|
|
6357
|
-
var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$
|
|
6358
|
-
var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
6522
|
+
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);
|
|
6523
|
+
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"])));
|
|
6359
6524
|
|
|
6360
6525
|
var PolicyLinks = function PolicyLinks(_ref) {
|
|
6361
6526
|
var _ref$items = _ref.items,
|
|
@@ -6371,11 +6536,11 @@ var PolicyLinks = function PolicyLinks(_ref) {
|
|
|
6371
6536
|
}));
|
|
6372
6537
|
};
|
|
6373
6538
|
|
|
6374
|
-
var _templateObject$H, _templateObject2$
|
|
6539
|
+
var _templateObject$H, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$3;
|
|
6375
6540
|
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);
|
|
6376
|
-
var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6377
|
-
var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6378
|
-
var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$
|
|
6541
|
+
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);
|
|
6542
|
+
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);
|
|
6543
|
+
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);
|
|
6379
6544
|
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);
|
|
6380
6545
|
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);
|
|
6381
6546
|
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"])));
|
|
@@ -6443,15 +6608,15 @@ var Footer = function Footer(_ref) {
|
|
|
6443
6608
|
}, additionalInfo)))));
|
|
6444
6609
|
};
|
|
6445
6610
|
|
|
6446
|
-
var _templateObject$I, _templateObject2$
|
|
6611
|
+
var _templateObject$I, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$9;
|
|
6447
6612
|
var LIST_ITEM_GAP = 32;
|
|
6448
6613
|
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) {
|
|
6449
6614
|
var bottomBorder = _ref.bottomBorder;
|
|
6450
6615
|
return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
|
|
6451
6616
|
}, zIndexes.anchor);
|
|
6452
|
-
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6453
|
-
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6454
|
-
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$
|
|
6617
|
+
var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
6618
|
+
var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6619
|
+
var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: ", "px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.48) 85%,\n rgba(235, 235, 235, 0.4) 99%,\n rgba(255, 255, 255, 0.39) 100%\n );\n }\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref2) {
|
|
6455
6620
|
var tabsOverflow = _ref2.tabsOverflow;
|
|
6456
6621
|
return tabsOverflow ? 'calc(100% - 74px)' : '100%';
|
|
6457
6622
|
}, LIST_ITEM_GAP, function (_ref3) {
|
|
@@ -6709,17 +6874,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
6709
6874
|
})) : null) : null))));
|
|
6710
6875
|
};
|
|
6711
6876
|
|
|
6712
|
-
var _templateObject$J, _templateObject2$
|
|
6877
|
+
var _templateObject$J, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$a, _templateObject7$5, _templateObject8$4, _templateObject9$2, _templateObject10$2;
|
|
6713
6878
|
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) {
|
|
6714
6879
|
var sticky = _ref.sticky;
|
|
6715
6880
|
return sticky ? 'sticky' : 'initial';
|
|
6716
6881
|
}, zIndexes.anchor);
|
|
6717
|
-
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
6718
|
-
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6882
|
+
var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
|
|
6883
|
+
var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
|
|
6719
6884
|
var title = _ref2.title;
|
|
6720
6885
|
return title ? 'row' : 'row-reverse';
|
|
6721
6886
|
}, devices.tablet, devices.mobile);
|
|
6722
|
-
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6887
|
+
var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
|
|
6723
6888
|
var ButtonsDesktopWrapper = /*#__PURE__*/styled__default.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
|
|
6724
6889
|
var ButtonsMobileWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_templateObject7$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
|
|
6725
6890
|
var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$4 || (_templateObject8$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
|
|
@@ -6770,14 +6935,14 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
|
|
|
6770
6935
|
}, message)));
|
|
6771
6936
|
};
|
|
6772
6937
|
|
|
6773
|
-
var _templateObject$K, _templateObject2$
|
|
6938
|
+
var _templateObject$K, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$6, _templateObject8$5;
|
|
6774
6939
|
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);
|
|
6775
|
-
var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6776
|
-
var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6940
|
+
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"])));
|
|
6941
|
+
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) {
|
|
6777
6942
|
var theme = _ref.theme;
|
|
6778
6943
|
return theme.colors.primary;
|
|
6779
6944
|
}, exports.Colors.White);
|
|
6780
|
-
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
6945
|
+
var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n"])));
|
|
6781
6946
|
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"])));
|
|
6782
6947
|
var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
|
|
6783
6948
|
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"])));
|
|
@@ -6870,19 +7035,19 @@ var UpsellCards = function UpsellCards(_ref) {
|
|
|
6870
7035
|
}));
|
|
6871
7036
|
};
|
|
6872
7037
|
|
|
6873
|
-
var _templateObject$M, _templateObject2$
|
|
7038
|
+
var _templateObject$M, _templateObject2$v, _templateObject3$o;
|
|
6874
7039
|
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) {
|
|
6875
7040
|
var theme = _ref.theme;
|
|
6876
7041
|
return theme.colors.primary;
|
|
6877
7042
|
}, devices.mobile, devices.tablet);
|
|
6878
|
-
var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6879
|
-
var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7043
|
+
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);
|
|
7044
|
+
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);
|
|
6880
7045
|
|
|
6881
|
-
var _templateObject$N, _templateObject2$
|
|
7046
|
+
var _templateObject$N, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$e;
|
|
6882
7047
|
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"])));
|
|
6883
|
-
var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
6884
|
-
var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
6885
|
-
var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7048
|
+
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"])));
|
|
7049
|
+
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);
|
|
7050
|
+
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);
|
|
6886
7051
|
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);
|
|
6887
7052
|
|
|
6888
7053
|
var Accordion = function Accordion(_ref) {
|
|
@@ -7027,7 +7192,8 @@ var Accordions = function Accordions(_ref) {
|
|
|
7027
7192
|
visibleStandfirst: accordion.visibleStandfirst,
|
|
7028
7193
|
contentType: accordion.contentType,
|
|
7029
7194
|
displayLevel: accordion.displayLevel,
|
|
7030
|
-
semanticLevel: accordion.semanticLevel
|
|
7195
|
+
semanticLevel: accordion.semanticLevel,
|
|
7196
|
+
initOpen: accordion.initOpen
|
|
7031
7197
|
}, accordion.children);
|
|
7032
7198
|
}));
|
|
7033
7199
|
};
|
|
@@ -7041,13 +7207,13 @@ var Theme = function Theme(_ref) {
|
|
|
7041
7207
|
}, children);
|
|
7042
7208
|
};
|
|
7043
7209
|
|
|
7044
|
-
var _templateObject$P, _templateObject2$
|
|
7210
|
+
var _templateObject$P, _templateObject2$x, _templateObject3$q;
|
|
7045
7211
|
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) {
|
|
7046
7212
|
var theme = _ref.theme;
|
|
7047
7213
|
return theme.colors.primary;
|
|
7048
7214
|
}, devices.mobile);
|
|
7049
|
-
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7050
|
-
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7215
|
+
var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n align-items: center;\n svg {\n width: var(--navigation-large-gap);\n height: var(--navigation-large-gap);\n }\n\n @media ", " {\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
7216
|
+
var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.2s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n color: var(--base-color-white);\n a {\n color: var(--base-color-white);\n text-decoration: underline;\n }\n"])));
|
|
7051
7217
|
|
|
7052
7218
|
var AnnouncementBanner = function AnnouncementBanner(_ref) {
|
|
7053
7219
|
var title = _ref.title,
|
|
@@ -7106,7 +7272,7 @@ var AuxiliaryButton = function AuxiliaryButton(_ref) {
|
|
|
7106
7272
|
}), children);
|
|
7107
7273
|
};
|
|
7108
7274
|
|
|
7109
|
-
var _templateObject$R, _templateObject2$
|
|
7275
|
+
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;
|
|
7110
7276
|
var LENGTH_LARGE_TEXT = 28;
|
|
7111
7277
|
var LENGTH_SMALL_TEXT$1 = 19;
|
|
7112
7278
|
var LENGTH_TEXT_TABLET = 10;
|
|
@@ -7117,14 +7283,14 @@ var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_temp
|
|
|
7117
7283
|
var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
|
|
7118
7284
|
return !onlyShowButtonsOnHover ? "height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between; \n " : '';
|
|
7119
7285
|
});
|
|
7120
|
-
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7286
|
+
var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--editorial-spacing-hover);\n background-color: ", ";\n position: absolute;\n width: 100%;\n z-index: ", ";\n"])), function (_ref3) {
|
|
7121
7287
|
var lineColor = _ref3.lineColor,
|
|
7122
7288
|
theme = _ref3.theme;
|
|
7123
7289
|
if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
|
|
7124
7290
|
return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
|
|
7125
7291
|
}, zIndexes.contentOverlay);
|
|
7126
|
-
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7127
|
-
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7292
|
+
var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: -10px;\n"])));
|
|
7293
|
+
var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref4) {
|
|
7128
7294
|
var fullWidth = _ref4.fullWidth;
|
|
7129
7295
|
return fullWidth ? '0' : '20px';
|
|
7130
7296
|
}, function (_ref5) {
|
|
@@ -7392,9 +7558,9 @@ var Card = function Card(_ref) {
|
|
|
7392
7558
|
dangerouslySetInnerHTML: {
|
|
7393
7559
|
__html: truncatedText
|
|
7394
7560
|
}
|
|
7395
|
-
}), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7561
|
+
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
7396
7562
|
level: 1
|
|
7397
|
-
}, highlightText))
|
|
7563
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
7398
7564
|
fullWidth: fullWidth
|
|
7399
7565
|
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
7400
7566
|
ref: node,
|
|
@@ -7408,9 +7574,9 @@ var Card = function Card(_ref) {
|
|
|
7408
7574
|
}, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
|
|
7409
7575
|
};
|
|
7410
7576
|
|
|
7411
|
-
var _templateObject$S, _templateObject2$
|
|
7577
|
+
var _templateObject$S, _templateObject2$z;
|
|
7412
7578
|
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);
|
|
7413
|
-
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$
|
|
7579
|
+
var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 1 / span 14;\n }\n"])), devices.mobile);
|
|
7414
7580
|
|
|
7415
7581
|
var Cards = function Cards(_ref) {
|
|
7416
7582
|
var cards = _ref.cards,
|
|
@@ -7455,17 +7621,17 @@ var Cards = function Cards(_ref) {
|
|
|
7455
7621
|
}));
|
|
7456
7622
|
};
|
|
7457
7623
|
|
|
7458
|
-
var _templateObject$T, _templateObject2$
|
|
7624
|
+
var _templateObject$T, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$g;
|
|
7459
7625
|
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);
|
|
7460
|
-
var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7626
|
+
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) {
|
|
7461
7627
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
7462
7628
|
return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
7463
7629
|
}, function (_ref2) {
|
|
7464
7630
|
var hideTopBorder = _ref2.hideTopBorder;
|
|
7465
7631
|
return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
|
|
7466
7632
|
}, devices.mobileAndTablet);
|
|
7467
|
-
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7468
|
-
var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7633
|
+
var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n display: none;\n }\n"])), devices.mobile);
|
|
7634
|
+
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);
|
|
7469
7635
|
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);
|
|
7470
7636
|
|
|
7471
7637
|
var divideAddressString = function divideAddressString(address) {
|
|
@@ -7524,13 +7690,13 @@ var ContactCard = function ContactCard(_ref) {
|
|
|
7524
7690
|
}, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
|
|
7525
7691
|
};
|
|
7526
7692
|
|
|
7527
|
-
var _templateObject$U, _templateObject2$
|
|
7693
|
+
var _templateObject$U, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$h, _templateObject6$d, _templateObject7$8;
|
|
7528
7694
|
var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
7529
|
-
var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$
|
|
7695
|
+
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) {
|
|
7530
7696
|
return props.clickable ? 'pointer' : 'default';
|
|
7531
7697
|
}, devices.mobile);
|
|
7532
|
-
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7533
|
-
var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7698
|
+
var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 0 0 33.3%;\n"])));
|
|
7699
|
+
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) {
|
|
7534
7700
|
return props.showImage ? 2 : '1 / span 4';
|
|
7535
7701
|
}, devices.mobile);
|
|
7536
7702
|
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);
|
|
@@ -7607,20 +7773,20 @@ var ContentSummary = function ContentSummary(_ref) {
|
|
|
7607
7773
|
}), link.text)));
|
|
7608
7774
|
};
|
|
7609
7775
|
|
|
7610
|
-
var _templateObject$V, _templateObject2$
|
|
7776
|
+
var _templateObject$V, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$i;
|
|
7611
7777
|
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) {
|
|
7612
7778
|
var imageToLeft = _ref.imageToLeft;
|
|
7613
7779
|
return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
|
|
7614
7780
|
}, devices.mobile);
|
|
7615
|
-
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7781
|
+
var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-self: center;\n grid-area: ", ";\n @media ", " {\n & {\n grid-area: row1;\n }\n"])), function (_ref2) {
|
|
7616
7782
|
var imageToLeft = _ref2.imageToLeft;
|
|
7617
7783
|
return imageToLeft ? 'left' : 'right';
|
|
7618
7784
|
}, devices.mobile);
|
|
7619
|
-
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7785
|
+
var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n"])), function (_ref3) {
|
|
7620
7786
|
var imageToLeft = _ref3.imageToLeft;
|
|
7621
7787
|
return imageToLeft ? 'right' : 'left';
|
|
7622
7788
|
}, devices.mobile);
|
|
7623
|
-
var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$
|
|
7789
|
+
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"])));
|
|
7624
7790
|
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"])));
|
|
7625
7791
|
|
|
7626
7792
|
var Editorial = function Editorial(_ref) {
|
|
@@ -7685,10 +7851,10 @@ var BackgroundColour;
|
|
|
7685
7851
|
BackgroundColour["White"] = "white";
|
|
7686
7852
|
})(BackgroundColour || (BackgroundColour = {}));
|
|
7687
7853
|
|
|
7688
|
-
var _templateObject$W, _templateObject2$
|
|
7854
|
+
var _templateObject$W, _templateObject2$D, _templateObject3$v, _templateObject4$o;
|
|
7689
7855
|
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"])));
|
|
7690
|
-
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$
|
|
7691
|
-
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$
|
|
7856
|
+
var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n * {\n margin-block: 0;\n }\n"])));
|
|
7857
|
+
var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 32px 0;\n\n ", "}\n"])), function (props) {
|
|
7692
7858
|
if (!props.infoThemed) {
|
|
7693
7859
|
return;
|
|
7694
7860
|
} else {
|
|
@@ -7699,7 +7865,7 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (
|
|
|
7699
7865
|
}
|
|
7700
7866
|
}
|
|
7701
7867
|
});
|
|
7702
|
-
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
7868
|
+
var InfoWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 60px 0;\n color: ", ";\n background: ", "\n }};\n"])), function (props) {
|
|
7703
7869
|
return props.background !== BackgroundColour.White ? 'var(--base-color-white)' : 'var(--base-color-black)';
|
|
7704
7870
|
}, function (props) {
|
|
7705
7871
|
return "var(--base-color-" + props.background + ")";
|
|
@@ -7812,7 +7978,7 @@ var Information = function Information(_ref) {
|
|
|
7812
7978
|
}))));
|
|
7813
7979
|
};
|
|
7814
7980
|
|
|
7815
|
-
var _templateObject$X, _templateObject2$
|
|
7981
|
+
var _templateObject$X, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$j, _templateObject6$e, _templateObject7$9, _templateObject8$7;
|
|
7816
7982
|
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) {
|
|
7817
7983
|
var theme = _ref.theme;
|
|
7818
7984
|
return theme.colors.primary;
|
|
@@ -7820,17 +7986,17 @@ var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (
|
|
|
7820
7986
|
var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
|
|
7821
7987
|
return isPageHeadingWithoutTitle && "\n padding-bottom: 42px;\n ";
|
|
7822
7988
|
}, devices.mobile);
|
|
7823
|
-
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
7824
|
-
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7989
|
+
var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content;\n grid-template-areas:\n '. . title title title title title title title title title title . . logo .'\n '. . text text text text text text text text text button button button . .';\n\n @media ", " {\n & {\n grid-template-rows: 20px min-content min-content min-content 20px;\n grid-template-areas:\n '. . . . . . . . . . . . . .'\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .'\n '. . . . . . . . . . . . . .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. title title title title title title title title title title logo logo .'\n '. text text text text text text text text text button button button .';\n }\n }\n"])), devices.mobile, devices.tablet);
|
|
7990
|
+
var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: title;\n margin-top: 80px;\n\n ", ";\n\n @media ", " {\n & {\n margin-top: 0;\n }\n }\n"])), function (_ref3) {
|
|
7825
7991
|
var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
|
|
7826
7992
|
return isPageHeadingWithoutTitle && "\n margin-top: 42px;\n ";
|
|
7827
7993
|
}, devices.mobile);
|
|
7828
|
-
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7994
|
+
var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 20px;\n width: fit-content;\n height: 43px;\n\n ", ";\n\n @media ", " {\n & {\n height: 33px;\n margin-top: 10px;\n margin-bottom: 30px;\n }\n }\n"])), function (_ref4) {
|
|
7829
7995
|
var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
|
|
7830
7996
|
return isPageHeadingWithoutTitle && "\n margin: 10px 0;\n ";
|
|
7831
7997
|
}, devices.mobile);
|
|
7832
7998
|
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"])));
|
|
7833
|
-
var LogoWrapper$
|
|
7999
|
+
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);
|
|
7834
8000
|
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);
|
|
7835
8001
|
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"])));
|
|
7836
8002
|
|
|
@@ -7840,14 +8006,20 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7840
8006
|
link = _ref.link,
|
|
7841
8007
|
_ref$sponsor = _ref.sponsor,
|
|
7842
8008
|
sponsor = _ref$sponsor === void 0 ? false : _ref$sponsor,
|
|
7843
|
-
children = _ref.children
|
|
8009
|
+
children = _ref.children,
|
|
8010
|
+
_ref$semanticLevel = _ref.semanticLevel,
|
|
8011
|
+
semanticLevel = _ref$semanticLevel === void 0 ? 1 : _ref$semanticLevel,
|
|
8012
|
+
_ref$copyCharLimit = _ref.copyCharLimit,
|
|
8013
|
+
copyCharLimit = _ref$copyCharLimit === void 0 ? 250 : _ref$copyCharLimit,
|
|
8014
|
+
_ref$titleCharLimit = _ref.titleCharLimit,
|
|
8015
|
+
titleCharLimit = _ref$titleCharLimit === void 0 ? 40 : _ref$titleCharLimit;
|
|
7844
8016
|
|
|
7845
8017
|
var _ref2 = link || {},
|
|
7846
8018
|
linkText = _ref2.text,
|
|
7847
8019
|
restLink = _objectWithoutPropertiesLoose(_ref2, ["text"]);
|
|
7848
8020
|
|
|
7849
|
-
var truncatedText = text == null ? void 0 : text.substring(0,
|
|
7850
|
-
var truncatedTitle = title && title.substring(0,
|
|
8021
|
+
var truncatedText = text == null ? void 0 : text.substring(0, copyCharLimit);
|
|
8022
|
+
var truncatedTitle = title && title.substring(0, titleCharLimit);
|
|
7851
8023
|
var isTitleUnAvailable = !title;
|
|
7852
8024
|
return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
|
|
7853
8025
|
"data-testid": "page-heading-wrapper",
|
|
@@ -7858,14 +8030,15 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
7858
8030
|
}, children ? /*#__PURE__*/React__default.createElement(ChildrenWrapper, {
|
|
7859
8031
|
isPageHeadingWithoutTitle: isTitleUnAvailable
|
|
7860
8032
|
}, children) : null, !isTitleUnAvailable && /*#__PURE__*/React__default.createElement(Header, {
|
|
7861
|
-
level: 2
|
|
8033
|
+
level: 2,
|
|
8034
|
+
semanticLevel: semanticLevel
|
|
7862
8035
|
}, truncatedTitle)), text ? /*#__PURE__*/React__default.createElement(TextWrapper, {
|
|
7863
8036
|
"data-testid": "page-heading-text"
|
|
7864
8037
|
}, /*#__PURE__*/React__default.createElement(PageHeadingText, {
|
|
7865
8038
|
dangerouslySetInnerHTML: {
|
|
7866
8039
|
__html: truncatedText
|
|
7867
8040
|
}
|
|
7868
|
-
})) : null, sponsor ? /*#__PURE__*/React__default.createElement(LogoWrapper$
|
|
8041
|
+
})) : null, sponsor ? /*#__PURE__*/React__default.createElement(LogoWrapper$1, {
|
|
7869
8042
|
"data-testid": "page-heading-sponsor"
|
|
7870
8043
|
}, /*#__PURE__*/React__default.createElement(Sponsorship, null)) : null, link ? /*#__PURE__*/React__default.createElement(ButtonWrapper$1, {
|
|
7871
8044
|
"data-testid": "page-heading-link"
|
|
@@ -7901,15 +8074,17 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
|
|
|
7901
8074
|
theme: exports.ThemeType.Cinema
|
|
7902
8075
|
}, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
|
|
7903
8076
|
link: cinemaLink
|
|
7904
|
-
}), /*#__PURE__*/React__default.createElement(CinemaBadge,
|
|
8077
|
+
}), /*#__PURE__*/React__default.createElement(CinemaBadge, {
|
|
8078
|
+
align: "left"
|
|
8079
|
+
})));
|
|
7905
8080
|
};
|
|
7906
8081
|
|
|
7907
|
-
var _templateObject$Y, _templateObject2$
|
|
8082
|
+
var _templateObject$Y, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$k, _templateObject6$f, _templateObject7$a, _templateObject8$8;
|
|
7908
8083
|
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);
|
|
7909
|
-
var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
7910
|
-
var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$
|
|
7911
|
-
var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
7912
|
-
var LogoWrapper$
|
|
8084
|
+
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);
|
|
8085
|
+
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);
|
|
8086
|
+
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);
|
|
8087
|
+
var LogoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
|
|
7913
8088
|
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);
|
|
7914
8089
|
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);
|
|
7915
8090
|
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);
|
|
@@ -7925,7 +8100,9 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7925
8100
|
bgUrlDesktop = _ref.bgUrlDesktop,
|
|
7926
8101
|
bgUrlDevice = _ref.bgUrlDevice,
|
|
7927
8102
|
_ref$bgImageAltText = _ref.bgImageAltText,
|
|
7928
|
-
bgImageAltText = _ref$bgImageAltText === void 0 ? '' : _ref$bgImageAltText
|
|
8103
|
+
bgImageAltText = _ref$bgImageAltText === void 0 ? '' : _ref$bgImageAltText,
|
|
8104
|
+
_ref$semanticLevel = _ref.semanticLevel,
|
|
8105
|
+
semanticLevel = _ref$semanticLevel === void 0 ? 3 : _ref$semanticLevel;
|
|
7929
8106
|
var truncatedText = text && text.substring(0, 75);
|
|
7930
8107
|
|
|
7931
8108
|
var _ref2 = link || {},
|
|
@@ -7956,12 +8133,13 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7956
8133
|
src: bgUrlDesktop,
|
|
7957
8134
|
alt: bgImageAltText,
|
|
7958
8135
|
"data-testid": "impact-image"
|
|
7959
|
-
}))), /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$
|
|
8136
|
+
}))), /*#__PURE__*/React__default.createElement(ImpactGrid, null, children ? /*#__PURE__*/React__default.createElement(LogoWrapper$2, {
|
|
7960
8137
|
"data-testid": "impact-logo"
|
|
7961
8138
|
}, children) : null, text ? /*#__PURE__*/React__default.createElement(TextWrapper$1, {
|
|
7962
8139
|
"data-testid": "impact-text"
|
|
7963
8140
|
}, /*#__PURE__*/React__default.createElement(Header, {
|
|
7964
|
-
level: 3
|
|
8141
|
+
level: 3,
|
|
8142
|
+
semanticLevel: semanticLevel
|
|
7965
8143
|
}, truncatedText)) : null, link ? /*#__PURE__*/React__default.createElement(ButtonWrapper$2, {
|
|
7966
8144
|
"data-testid": "impact-link"
|
|
7967
8145
|
}, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText)) : null), scrollHref ? /*#__PURE__*/React__default.createElement(ScrollDownWrapper, {
|
|
@@ -7975,20 +8153,20 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
|
|
|
7975
8153
|
}, "Scroll Down")) : null);
|
|
7976
8154
|
};
|
|
7977
8155
|
|
|
7978
|
-
var _templateObject$Z, _templateObject2$
|
|
8156
|
+
var _templateObject$Z, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$l;
|
|
7979
8157
|
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) {
|
|
7980
8158
|
var color = _ref.color;
|
|
7981
8159
|
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 ";
|
|
7982
8160
|
}, devices.mobileAndTablet);
|
|
7983
|
-
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8161
|
+
var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n box-sizing: border-box;\n height: 100%;\n display: grid;\n grid-auto-rows: 90% 1fr;\n gap: 0px 36px;\n align-items: center;\n\n @media ", " {\n grid-area: ", ";\n }\n"])), function (_ref2) {
|
|
7984
8162
|
var hasImage = _ref2.hasImage;
|
|
7985
8163
|
return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
|
|
7986
8164
|
}, devices.mobileAndTablet, function (_ref3) {
|
|
7987
8165
|
var hasImage = _ref3.hasImage;
|
|
7988
8166
|
return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
|
|
7989
8167
|
});
|
|
7990
|
-
var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
7991
|
-
var InfoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8168
|
+
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);
|
|
8169
|
+
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);
|
|
7992
8170
|
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);
|
|
7993
8171
|
|
|
7994
8172
|
var PageHeadingPanel = function PageHeadingPanel(_ref) {
|
|
@@ -8036,15 +8214,17 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
|
|
|
8036
8214
|
theme: exports.ThemeType.Stream
|
|
8037
8215
|
}, /*#__PURE__*/React__default.createElement(StreamWrapper, null, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
|
|
8038
8216
|
link: streamLink
|
|
8039
|
-
}), /*#__PURE__*/React__default.createElement(StreamBadge,
|
|
8217
|
+
}), /*#__PURE__*/React__default.createElement(StreamBadge, {
|
|
8218
|
+
align: "left"
|
|
8219
|
+
}))));
|
|
8040
8220
|
};
|
|
8041
8221
|
|
|
8042
|
-
var _templateObject$$, _templateObject2$
|
|
8222
|
+
var _templateObject$$, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$g, _templateObject7$b, _templateObject8$9, _templateObject9$4, _templateObject10$4;
|
|
8043
8223
|
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);
|
|
8044
|
-
var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$
|
|
8045
|
-
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8224
|
+
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"])));
|
|
8225
|
+
var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n display: block;\n"])));
|
|
8046
8226
|
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);
|
|
8047
|
-
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:
|
|
8227
|
+
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: 210px;\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 svg {\n max-width: 180px;\n }\n }\n"])), function (_ref) {
|
|
8048
8228
|
var invert = _ref.invert,
|
|
8049
8229
|
theme = _ref.theme;
|
|
8050
8230
|
return invert ? theme.colors.white : theme.colors.primary;
|
|
@@ -8144,18 +8324,10 @@ var renderBranding = function renderBranding(brandingStyle, invert, brandingText
|
|
|
8144
8324
|
}, truncate(stripAllHtmlTags(brandingText), 25));
|
|
8145
8325
|
|
|
8146
8326
|
case 'StreamLogo':
|
|
8147
|
-
return /*#__PURE__*/React__default.createElement(
|
|
8148
|
-
color: color,
|
|
8149
|
-
fontSize: 12,
|
|
8150
|
-
productName: TextLogoProduct.Stream
|
|
8151
|
-
});
|
|
8327
|
+
return /*#__PURE__*/React__default.createElement(StreamBadge, null);
|
|
8152
8328
|
|
|
8153
8329
|
case 'CinemaLogo':
|
|
8154
|
-
return /*#__PURE__*/React__default.createElement(
|
|
8155
|
-
color: color,
|
|
8156
|
-
fontSize: 12,
|
|
8157
|
-
productName: TextLogoProduct.Cinema
|
|
8158
|
-
});
|
|
8330
|
+
return /*#__PURE__*/React__default.createElement(CinemaBadge, null);
|
|
8159
8331
|
|
|
8160
8332
|
default:
|
|
8161
8333
|
return null;
|
|
@@ -8174,7 +8346,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
|
|
|
8174
8346
|
var isIOS = function isIOS() {
|
|
8175
8347
|
try {
|
|
8176
8348
|
console.warn('Do not use this on server side rendering, it may throw an error.');
|
|
8177
|
-
if (typeof navigator === undefined) return false;
|
|
8349
|
+
if (typeof navigator === 'undefined') return false;
|
|
8178
8350
|
return ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || // iPad on iOS 13 detection
|
|
8179
8351
|
navigator.userAgent.includes('Mac') && 'ontouchend' in document;
|
|
8180
8352
|
} catch (e) {
|
|
@@ -8190,7 +8362,7 @@ var useIOS = function useIOS() {
|
|
|
8190
8362
|
setIOS = _useState[1];
|
|
8191
8363
|
|
|
8192
8364
|
React.useEffect(function () {
|
|
8193
|
-
if (typeof navigator === undefined) return;
|
|
8365
|
+
if (typeof navigator === 'undefined') return;
|
|
8194
8366
|
setIOS(isIOS());
|
|
8195
8367
|
}, []);
|
|
8196
8368
|
return IOS;
|
|
@@ -8329,7 +8501,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8329
8501
|
_ref4$brandingStyle = _ref4.brandingStyle,
|
|
8330
8502
|
brandingStyle = _ref4$brandingStyle === void 0 ? 'BlockText' : _ref4$brandingStyle,
|
|
8331
8503
|
brandingText = _ref4.brandingText,
|
|
8332
|
-
brandingLink = _ref4.brandingLink
|
|
8504
|
+
brandingLink = _ref4.brandingLink,
|
|
8505
|
+
_ref4$showCopy = _ref4.showCopy,
|
|
8506
|
+
showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy,
|
|
8507
|
+
_ref4$semanticLevel = _ref4.semanticLevel,
|
|
8508
|
+
semanticLevel = _ref4$semanticLevel === void 0 ? 1 : _ref4$semanticLevel;
|
|
8333
8509
|
|
|
8334
8510
|
var _ref5 = link || {},
|
|
8335
8511
|
linkText = _ref5.text,
|
|
@@ -8355,7 +8531,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8355
8531
|
})) : /*#__PURE__*/React__default.createElement(Sponsorship, null)) : null, /*#__PURE__*/React__default.createElement(CompactHeaderAssetWrapper, null, /*#__PURE__*/React__default.createElement(CompactHeaderVideo, {
|
|
8356
8532
|
video: video,
|
|
8357
8533
|
poster: poster
|
|
8358
|
-
})), /*#__PURE__*/React__default.createElement(CompactHeaderCopyWrapper, {
|
|
8534
|
+
})), showCopy && /*#__PURE__*/React__default.createElement(CompactHeaderCopyWrapper, {
|
|
8359
8535
|
className: "page-heading-compact__background",
|
|
8360
8536
|
invert: invert
|
|
8361
8537
|
}, /*#__PURE__*/React__default.createElement(CompactHeaderBranding, {
|
|
@@ -8365,22 +8541,22 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
8365
8541
|
invert: invert
|
|
8366
8542
|
}), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
8367
8543
|
level: titleSize,
|
|
8368
|
-
semanticLevel:
|
|
8544
|
+
semanticLevel: semanticLevel
|
|
8369
8545
|
}, title && truncate(title, 40))), link && /*#__PURE__*/React__default.createElement(CompactHeaderCTAWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButtonWithInversion, Object.assign({}, restLink, {
|
|
8370
8546
|
invert: invert,
|
|
8371
8547
|
className: "page-heading-compact__button"
|
|
8372
8548
|
}), linkText))));
|
|
8373
8549
|
};
|
|
8374
8550
|
|
|
8375
|
-
var _templateObject$10, _templateObject2$
|
|
8551
|
+
var _templateObject$10, _templateObject2$I, _templateObject3$A, _templateObject4$s;
|
|
8376
8552
|
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
8377
|
-
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$
|
|
8553
|
+
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
|
|
8378
8554
|
|
|
8379
|
-
var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$
|
|
8555
|
+
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) {
|
|
8380
8556
|
var active = _ref.active;
|
|
8381
8557
|
return active === 'true' && " \n color: var(--base-color-core);\n ";
|
|
8382
8558
|
});
|
|
8383
|
-
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$
|
|
8559
|
+
var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
8384
8560
|
|
|
8385
8561
|
var reducePages = function reducePages(pages, currentPage) {
|
|
8386
8562
|
// If there are less than 6 pages, return all pages
|
|
@@ -8449,11 +8625,11 @@ var Pagination = function Pagination(_ref) {
|
|
|
8449
8625
|
}))));
|
|
8450
8626
|
};
|
|
8451
8627
|
|
|
8452
|
-
var _templateObject$11, _templateObject2$
|
|
8628
|
+
var _templateObject$11, _templateObject2$J, _templateObject3$B, _templateObject4$t, _templateObject5$n, _templateObject6$h;
|
|
8453
8629
|
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);
|
|
8454
|
-
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
8455
|
-
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8456
|
-
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8630
|
+
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"])));
|
|
8631
|
+
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"])));
|
|
8632
|
+
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"])));
|
|
8457
8633
|
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
|
|
8458
8634
|
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"])));
|
|
8459
8635
|
|
|
@@ -8506,11 +8682,11 @@ var PeopleListing = function PeopleListing(_ref) {
|
|
|
8506
8682
|
}));
|
|
8507
8683
|
};
|
|
8508
8684
|
|
|
8509
|
-
var _templateObject$12, _templateObject2$
|
|
8685
|
+
var _templateObject$12, _templateObject2$K, _templateObject3$C, _templateObject4$u;
|
|
8510
8686
|
var ReplacementWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n"])));
|
|
8511
|
-
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$
|
|
8512
|
-
var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8513
|
-
var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8687
|
+
var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n p {\n line-height: 1.5;\n }\n"])));
|
|
8688
|
+
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"])));
|
|
8689
|
+
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"])));
|
|
8514
8690
|
|
|
8515
8691
|
var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
|
|
8516
8692
|
return array.reduce(function (acc, item) {
|
|
@@ -8521,12 +8697,18 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
|
|
|
8521
8697
|
var concatenateMusicTitle = function concatenateMusicTitle(musicTitle) {
|
|
8522
8698
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, musicTitle.map(function (title, index) {
|
|
8523
8699
|
if (musicTitle.length > 1 && index === musicTitle.length - 1) {
|
|
8524
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i",
|
|
8700
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, ' ', "and ", /*#__PURE__*/React__default.createElement("i", {
|
|
8701
|
+
key: index
|
|
8702
|
+
}, title));
|
|
8525
8703
|
} else if (index > 0) {
|
|
8526
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8704
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8705
|
+
key: index
|
|
8706
|
+
}, ", ", title);
|
|
8527
8707
|
}
|
|
8528
8708
|
|
|
8529
|
-
return /*#__PURE__*/React__default.createElement("i",
|
|
8709
|
+
return /*#__PURE__*/React__default.createElement("i", {
|
|
8710
|
+
key: index
|
|
8711
|
+
}, title);
|
|
8530
8712
|
}));
|
|
8531
8713
|
};
|
|
8532
8714
|
|
|
@@ -8578,7 +8760,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
8578
8760
|
}));
|
|
8579
8761
|
};
|
|
8580
8762
|
|
|
8581
|
-
var _templateObject$13, _templateObject2$
|
|
8763
|
+
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;
|
|
8582
8764
|
var LENGTH_TEXT = 28;
|
|
8583
8765
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
8584
8766
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -8595,8 +8777,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$13 ||
|
|
|
8595
8777
|
var asCard = _ref3.asCard;
|
|
8596
8778
|
return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
|
|
8597
8779
|
});
|
|
8598
|
-
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$
|
|
8599
|
-
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
8780
|
+
var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$L || (_templateObject2$L = /*#__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"])));
|
|
8781
|
+
var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref4) {
|
|
8600
8782
|
var theme = _ref4.theme;
|
|
8601
8783
|
return theme.colors.black;
|
|
8602
8784
|
}, function (_ref5) {
|
|
@@ -8606,7 +8788,7 @@ var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$E || (
|
|
|
8606
8788
|
var theme = _ref6.theme;
|
|
8607
8789
|
return theme.colors.primary;
|
|
8608
8790
|
});
|
|
8609
|
-
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
8791
|
+
var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref7) {
|
|
8610
8792
|
var hasTextLinks = _ref7.hasTextLinks;
|
|
8611
8793
|
return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
|
|
8612
8794
|
}, function (_ref8) {
|
|
@@ -8856,7 +9038,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
8856
9038
|
}))));
|
|
8857
9039
|
};
|
|
8858
9040
|
|
|
8859
|
-
var _templateObject$14, _templateObject2$
|
|
9041
|
+
var _templateObject$14, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$d;
|
|
8860
9042
|
var LENGTH_TEXT$2 = 28;
|
|
8861
9043
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
8862
9044
|
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) {
|
|
@@ -8866,15 +9048,15 @@ var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 |
|
|
|
8866
9048
|
var imageToLeft = _ref2.imageToLeft;
|
|
8867
9049
|
return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
|
|
8868
9050
|
}, devices.mobile);
|
|
8869
|
-
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9051
|
+
var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
|
|
8870
9052
|
var imageToLeft = _ref3.imageToLeft;
|
|
8871
9053
|
return imageToLeft ? 'left' : 'right';
|
|
8872
9054
|
}, devices.mobile);
|
|
8873
|
-
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9055
|
+
var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
|
|
8874
9056
|
var imageToLeft = _ref4.imageToLeft;
|
|
8875
9057
|
return imageToLeft ? 'right' : 'left';
|
|
8876
9058
|
}, devices.mobile);
|
|
8877
|
-
var PromoWithTitleContainer = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9059
|
+
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);
|
|
8878
9060
|
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"])));
|
|
8879
9061
|
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) {
|
|
8880
9062
|
var theme = _ref5.theme;
|
|
@@ -8913,7 +9095,7 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$d ||
|
|
|
8913
9095
|
});
|
|
8914
9096
|
|
|
8915
9097
|
var _templateObject$15;
|
|
8916
|
-
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"])), function (_ref) {
|
|
9098
|
+
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) {
|
|
8917
9099
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
8918
9100
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
8919
9101
|
return aspectRatio;
|
|
@@ -8925,6 +9107,10 @@ var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$15 || (_te
|
|
|
8925
9107
|
var _ref3$aspectRatio = _ref3.aspectRatio,
|
|
8926
9108
|
aspectRatio = _ref3$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref3$aspectRatio;
|
|
8927
9109
|
return AspectRatioLegacy[aspectRatio];
|
|
9110
|
+
}, function (_ref4) {
|
|
9111
|
+
var _ref4$aspectRatio = _ref4.aspectRatio,
|
|
9112
|
+
aspectRatio = _ref4$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref4$aspectRatio;
|
|
9113
|
+
return aspectRatio;
|
|
8928
9114
|
});
|
|
8929
9115
|
|
|
8930
9116
|
var getAspectRatioFromVideo = function getAspectRatioFromVideo(video) {
|
|
@@ -8941,17 +9127,50 @@ var getAspectRatioFromVideo = function getAspectRatioFromVideo(video) {
|
|
|
8941
9127
|
return exports.AspectRatio[aspectRatioKey] || exports.AspectRatio['16:9'];
|
|
8942
9128
|
};
|
|
8943
9129
|
|
|
9130
|
+
/**
|
|
9131
|
+
* Generates a random string in the format XXX-XXX.
|
|
9132
|
+
* Does not meet UUID standards.
|
|
9133
|
+
* To be used where only a small number of unique IDs are required, e.g. DOM element IDs.
|
|
9134
|
+
*
|
|
9135
|
+
* @return {string} A random string in the format XXX-XXX.
|
|
9136
|
+
*/
|
|
9137
|
+
var generateDomElementId = function generateDomElementId() {
|
|
9138
|
+
var randomPart = Math.floor(100 + Math.random() * 900).toString();
|
|
9139
|
+
var datePart = Date.now().toString().slice(-3);
|
|
9140
|
+
return randomPart + "-" + datePart;
|
|
9141
|
+
};
|
|
9142
|
+
|
|
8944
9143
|
var VideoWithControls$1 = function VideoWithControls(_ref) {
|
|
8945
9144
|
var video = _ref.video,
|
|
8946
9145
|
settings = _ref.settings;
|
|
8947
|
-
var
|
|
8948
|
-
autoPlay = settings.autoPlay;
|
|
9146
|
+
var videoRef = React.useRef(null);
|
|
8949
9147
|
|
|
8950
9148
|
var _useState = React.useState(exports.AspectRatio['16:9']),
|
|
8951
9149
|
aspectRatio = _useState[0],
|
|
8952
9150
|
setAspectRatio = _useState[1];
|
|
8953
9151
|
|
|
8954
|
-
var
|
|
9152
|
+
var _React$useState = React__default.useState(false),
|
|
9153
|
+
isVideoReady = _React$useState[0],
|
|
9154
|
+
setIsVideoReady = _React$useState[1];
|
|
9155
|
+
|
|
9156
|
+
var muted = settings.muted,
|
|
9157
|
+
autoPlay = settings.autoPlay;
|
|
9158
|
+
React__default.useEffect(function () {
|
|
9159
|
+
var changeVideoReadiness = function changeVideoReadiness() {
|
|
9160
|
+
setIsVideoReady(true);
|
|
9161
|
+
};
|
|
9162
|
+
|
|
9163
|
+
if (videoRef.current) {
|
|
9164
|
+
videoRef.current.addEventListener('canplay', changeVideoReadiness);
|
|
9165
|
+
return function () {
|
|
9166
|
+
var _videoRef$current;
|
|
9167
|
+
|
|
9168
|
+
return (_videoRef$current = videoRef.current) == null ? void 0 : _videoRef$current.removeEventListener('canplay', changeVideoReadiness);
|
|
9169
|
+
};
|
|
9170
|
+
}
|
|
9171
|
+
|
|
9172
|
+
return undefined;
|
|
9173
|
+
}, []);
|
|
8955
9174
|
|
|
8956
9175
|
var handleMetadataLoaded = function handleMetadataLoaded() {
|
|
8957
9176
|
if (videoRef.current) {
|
|
@@ -8960,18 +9179,24 @@ var VideoWithControls$1 = function VideoWithControls(_ref) {
|
|
|
8960
9179
|
}
|
|
8961
9180
|
};
|
|
8962
9181
|
|
|
8963
|
-
var
|
|
9182
|
+
var videoElementId = React.useMemo(function () {
|
|
9183
|
+
return "video-id-" + generateDomElementId();
|
|
9184
|
+
}, []);
|
|
9185
|
+
var clonedVideo = /*#__PURE__*/React.cloneElement(video, _extends({
|
|
9186
|
+
playsInline: true
|
|
9187
|
+
}, muted ? {
|
|
8964
9188
|
muted: true
|
|
8965
9189
|
} : {}, autoPlay && muted ? {
|
|
8966
9190
|
autoPlay: true
|
|
8967
9191
|
} : {}, {
|
|
8968
9192
|
height: '100%',
|
|
8969
9193
|
width: '100%',
|
|
8970
|
-
onLoadedMetadata: handleMetadataLoaded
|
|
9194
|
+
onLoadedMetadata: handleMetadataLoaded,
|
|
9195
|
+
id: videoElementId
|
|
8971
9196
|
}, {
|
|
9197
|
+
poster: autoPlay && isVideoReady ? undefined : video.props.poster,
|
|
8972
9198
|
ref: videoRef
|
|
8973
9199
|
}));
|
|
8974
|
-
var videoElementId = clonedVideo.props.id;
|
|
8975
9200
|
var videoContainerId = "video-container-for-" + videoElementId;
|
|
8976
9201
|
|
|
8977
9202
|
var videoControlsProps = _extends({}, settings, {
|
|
@@ -8979,14 +9204,13 @@ var VideoWithControls$1 = function VideoWithControls(_ref) {
|
|
|
8979
9204
|
videoContainerId: videoContainerId
|
|
8980
9205
|
});
|
|
8981
9206
|
|
|
8982
|
-
|
|
8983
|
-
setAspectRatio(exports.AspectRatio['16:9']);
|
|
8984
|
-
}, [video.props.src]);
|
|
9207
|
+
var showVideoControls = autoPlay ? isVideoReady : true;
|
|
8985
9208
|
return /*#__PURE__*/React__default.createElement(VideoContainer, {
|
|
9209
|
+
className: "video-with-controls-container",
|
|
8986
9210
|
aspectRatio: aspectRatio,
|
|
8987
9211
|
id: videoContainerId,
|
|
8988
|
-
"data-testid":
|
|
8989
|
-
}, clonedVideo, /*#__PURE__*/React__default.createElement(VideoControls, Object.assign({}, videoControlsProps)));
|
|
9212
|
+
"data-testid": 'video-container'
|
|
9213
|
+
}, clonedVideo, showVideoControls && /*#__PURE__*/React__default.createElement(VideoControls, Object.assign({}, videoControlsProps)));
|
|
8990
9214
|
};
|
|
8991
9215
|
|
|
8992
9216
|
var PromoChild = function PromoChild(_ref) {
|
|
@@ -9020,7 +9244,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9020
9244
|
text = _ref.text,
|
|
9021
9245
|
links = _ref.links,
|
|
9022
9246
|
children = _ref.children,
|
|
9023
|
-
videoSettings = _ref.videoSettings
|
|
9247
|
+
videoSettings = _ref.videoSettings,
|
|
9248
|
+
titleSemanticLevel = _ref.titleSemanticLevel;
|
|
9024
9249
|
|
|
9025
9250
|
var truncate = function truncate(str, n) {
|
|
9026
9251
|
return str.length >= n ? str.substr(0, n) : str;
|
|
@@ -9061,7 +9286,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
|
|
|
9061
9286
|
"data-testid": "content-wrapper",
|
|
9062
9287
|
imageToLeft: imageToLeft
|
|
9063
9288
|
}, /*#__PURE__*/React__default.createElement(PromoWithTitleContainer, null, /*#__PURE__*/React__default.createElement(Header, {
|
|
9064
|
-
level: titleLevel
|
|
9289
|
+
level: titleLevel,
|
|
9290
|
+
semanticLevel: titleSemanticLevel != null ? titleSemanticLevel : titleLevel
|
|
9065
9291
|
}, title)), subtitle ? /*#__PURE__*/React__default.createElement(PromoWithTitleSubtitle, null, subtitle) : null, /*#__PURE__*/React__default.createElement(PromoWithTitleText, {
|
|
9066
9292
|
dangerouslySetInnerHTML: {
|
|
9067
9293
|
__html: text
|
|
@@ -9132,9 +9358,9 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
9132
9358
|
})));
|
|
9133
9359
|
};
|
|
9134
9360
|
|
|
9135
|
-
var _templateObject$17, _templateObject2$
|
|
9361
|
+
var _templateObject$17, _templateObject2$N, _templateObject3$F;
|
|
9136
9362
|
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9137
|
-
var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9363
|
+
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) {
|
|
9138
9364
|
var horizontalMode = _ref.horizontalMode;
|
|
9139
9365
|
if (horizontalMode) return 'row';
|
|
9140
9366
|
return 'column';
|
|
@@ -9142,7 +9368,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$O || (_temp
|
|
|
9142
9368
|
var gap = _ref2.gap;
|
|
9143
9369
|
return gap + "px";
|
|
9144
9370
|
});
|
|
9145
|
-
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9371
|
+
var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: ", ";\n"])), function (_ref3) {
|
|
9146
9372
|
var darkMode = _ref3.darkMode;
|
|
9147
9373
|
if (darkMode) return 'var(--base-color-white)';
|
|
9148
9374
|
return 'var(--base-color-errorstate)';
|
|
@@ -9222,10 +9448,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
|
|
|
9222
9448
|
}, error)));
|
|
9223
9449
|
};
|
|
9224
9450
|
|
|
9225
|
-
var _templateObject$18, _templateObject2$
|
|
9451
|
+
var _templateObject$18, _templateObject2$O, _templateObject3$G;
|
|
9226
9452
|
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);
|
|
9227
|
-
var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9228
|
-
var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9453
|
+
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"])));
|
|
9454
|
+
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);
|
|
9229
9455
|
|
|
9230
9456
|
var StatusBanner = function StatusBanner(_ref) {
|
|
9231
9457
|
var statusText = _ref.statusText,
|
|
@@ -9294,7 +9520,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9294
9520
|
var title = _ref.title,
|
|
9295
9521
|
_ref$size = _ref.size,
|
|
9296
9522
|
size = _ref$size === void 0 ? 'small' : _ref$size,
|
|
9297
|
-
description = _ref.description
|
|
9523
|
+
description = _ref.description,
|
|
9524
|
+
semanticLevel = _ref.semanticLevel;
|
|
9298
9525
|
var headingLevel = size === 'large' ? 1 : 2;
|
|
9299
9526
|
return /*#__PURE__*/React__default.createElement(SectionTitleWrapper, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
9300
9527
|
columnStartDesktop: 3,
|
|
@@ -9302,7 +9529,8 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9302
9529
|
columnStartDevice: 2,
|
|
9303
9530
|
columnSpanDevice: 12
|
|
9304
9531
|
}, /*#__PURE__*/React__default.createElement(Header, {
|
|
9305
|
-
level: headingLevel
|
|
9532
|
+
level: headingLevel,
|
|
9533
|
+
semanticLevel: semanticLevel != null ? semanticLevel : headingLevel
|
|
9306
9534
|
}, title)), description && /*#__PURE__*/React__default.createElement(GridItem, {
|
|
9307
9535
|
columnStartDesktop: 3,
|
|
9308
9536
|
columnSpanDesktop: 8,
|
|
@@ -9314,7 +9542,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
9314
9542
|
}, description))));
|
|
9315
9543
|
};
|
|
9316
9544
|
|
|
9317
|
-
var _templateObject$1a, _templateObject2$
|
|
9545
|
+
var _templateObject$1a, _templateObject2$P, _templateObject3$H, _templateObject4$x, _templateObject5$q, _templateObject6$k, _templateObject7$e, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$3;
|
|
9318
9546
|
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) {
|
|
9319
9547
|
var theme = _ref.theme;
|
|
9320
9548
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -9325,12 +9553,12 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$1a || (_templateObject
|
|
|
9325
9553
|
var theme = _ref3.theme;
|
|
9326
9554
|
return theme.colors.lightgrey;
|
|
9327
9555
|
});
|
|
9328
|
-
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$
|
|
9556
|
+
var borderStyles = /*#__PURE__*/styled.css(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 0;\n outline: 1px solid ", ";\n"])), function (_ref4) {
|
|
9329
9557
|
var theme = _ref4.theme;
|
|
9330
9558
|
return theme.colors.darkgrey;
|
|
9331
9559
|
});
|
|
9332
|
-
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$
|
|
9333
|
-
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$
|
|
9560
|
+
var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
|
|
9561
|
+
var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n list-style: none;\n user-select: none;\n"])));
|
|
9334
9562
|
var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
9335
9563
|
var theme = _ref5.theme;
|
|
9336
9564
|
return {
|
|
@@ -9737,9 +9965,9 @@ function Select(_ref3) {
|
|
|
9737
9965
|
}))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
|
|
9738
9966
|
}
|
|
9739
9967
|
|
|
9740
|
-
var _templateObject$1b, _templateObject2$
|
|
9968
|
+
var _templateObject$1b, _templateObject2$Q, _templateObject3$I, _templateObject4$y;
|
|
9741
9969
|
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9742
|
-
var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9970
|
+
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) {
|
|
9743
9971
|
var width = _ref.width;
|
|
9744
9972
|
if (!width) return 'none';
|
|
9745
9973
|
return width + 'px';
|
|
@@ -9756,12 +9984,12 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$R || (_t
|
|
|
9756
9984
|
if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
|
|
9757
9985
|
return "0 0 0 3px var(--base-color-lapislazuli)";
|
|
9758
9986
|
});
|
|
9759
|
-
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9987
|
+
var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0 0 20px;\n color: ", ";\n"])), function (_ref5) {
|
|
9760
9988
|
var darkMode = _ref5.darkMode;
|
|
9761
9989
|
if (darkMode) return "var(--base-color-white)";
|
|
9762
9990
|
return "var(--base-color-black)";
|
|
9763
9991
|
});
|
|
9764
|
-
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
9992
|
+
var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 20px 0 0;\n color: ", ";\n"])), function (_ref6) {
|
|
9765
9993
|
var darkMode = _ref6.darkMode;
|
|
9766
9994
|
if (darkMode) return "var(--base-color-white)";
|
|
9767
9995
|
return "var(--base-color-errorstate)";
|
|
@@ -9906,7 +10134,7 @@ var TextOnly = function TextOnly(_ref) {
|
|
|
9906
10134
|
})));
|
|
9907
10135
|
};
|
|
9908
10136
|
|
|
9909
|
-
var _templateObject$1d, _templateObject2$
|
|
10137
|
+
var _templateObject$1d, _templateObject2$R;
|
|
9910
10138
|
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) {
|
|
9911
10139
|
var _ref$aspectRatio = _ref.aspectRatio,
|
|
9912
10140
|
aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
|
|
@@ -9917,7 +10145,7 @@ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templat
|
|
|
9917
10145
|
height = _ref2.height;
|
|
9918
10146
|
return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
|
|
9919
10147
|
});
|
|
9920
|
-
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10148
|
+
var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
|
|
9921
10149
|
|
|
9922
10150
|
var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
9923
10151
|
var caption = _ref.caption,
|
|
@@ -9955,13 +10183,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
|
|
|
9955
10183
|
}, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
|
|
9956
10184
|
};
|
|
9957
10185
|
|
|
9958
|
-
var _templateObject$1e, _templateObject2$
|
|
10186
|
+
var _templateObject$1e, _templateObject2$S, _templateObject3$J;
|
|
9959
10187
|
var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
|
|
9960
|
-
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10188
|
+
var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
9961
10189
|
var displayAttribution = _ref.displayAttribution;
|
|
9962
10190
|
return "display: " + (displayAttribution ? 'block' : 'none') + ";";
|
|
9963
10191
|
});
|
|
9964
|
-
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10192
|
+
var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
|
|
9965
10193
|
|
|
9966
10194
|
var Quote = function Quote(_ref) {
|
|
9967
10195
|
var text = _ref.text,
|
|
@@ -9985,11 +10213,11 @@ var Quote = function Quote(_ref) {
|
|
|
9985
10213
|
}, attribution))));
|
|
9986
10214
|
};
|
|
9987
10215
|
|
|
9988
|
-
var _templateObject$1f, _templateObject2$
|
|
10216
|
+
var _templateObject$1f, _templateObject2$T, _templateObject3$K, _templateObject4$z, _templateObject5$r, _templateObject6$l;
|
|
9989
10217
|
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"])));
|
|
9990
|
-
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
9991
|
-
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$
|
|
9992
|
-
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10218
|
+
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"])));
|
|
10219
|
+
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
10220
|
+
var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
9993
10221
|
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);
|
|
9994
10222
|
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);
|
|
9995
10223
|
|
|
@@ -10029,11 +10257,11 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
10029
10257
|
}, title)))));
|
|
10030
10258
|
};
|
|
10031
10259
|
|
|
10032
|
-
var _templateObject$1g, _templateObject2$
|
|
10260
|
+
var _templateObject$1g, _templateObject2$U, _templateObject3$L, _templateObject4$A;
|
|
10033
10261
|
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"])));
|
|
10034
|
-
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10035
|
-
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10036
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject4$
|
|
10262
|
+
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"])));
|
|
10263
|
+
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10264
|
+
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"])));
|
|
10037
10265
|
|
|
10038
10266
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
10039
10267
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -10131,15 +10359,113 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
10131
10359
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText)));
|
|
10132
10360
|
};
|
|
10133
10361
|
|
|
10134
|
-
var _templateObject$1h, _templateObject2$
|
|
10135
|
-
var
|
|
10362
|
+
var _templateObject$1h, _templateObject2$V, _templateObject3$M, _templateObject4$B, _templateObject5$s, _templateObject6$m;
|
|
10363
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10364
|
+
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10365
|
+
var Section = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10366
|
+
var color = _ref.color;
|
|
10367
|
+
return "var(--base-color-" + color + ")";
|
|
10368
|
+
});
|
|
10369
|
+
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"])));
|
|
10370
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10371
|
+
var color = _ref2.color;
|
|
10372
|
+
return "var(--base-color-" + color + ")";
|
|
10373
|
+
});
|
|
10374
|
+
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) {
|
|
10375
|
+
var color = _ref3.color;
|
|
10376
|
+
return "var(--base-color-" + color + ")";
|
|
10377
|
+
});
|
|
10378
|
+
|
|
10379
|
+
/**
|
|
10380
|
+
* Password strength indicator component.
|
|
10381
|
+
* This renders some number of lines (6 by default)
|
|
10382
|
+
* which should become active when the user improves
|
|
10383
|
+
* the strength of the entered password.
|
|
10384
|
+
*
|
|
10385
|
+
* ## Sections
|
|
10386
|
+
* To set number of sections it should be passed
|
|
10387
|
+
* as `sections` prop.
|
|
10388
|
+
*
|
|
10389
|
+
* ## Active section
|
|
10390
|
+
* To set number of active sections it should be passed
|
|
10391
|
+
* as `activeSections` prop.
|
|
10392
|
+
*
|
|
10393
|
+
* ## Colors
|
|
10394
|
+
* Color of every element can be controlled by properties:
|
|
10395
|
+
* `sectionsColor`, `activeSectionsColor`,
|
|
10396
|
+
* `textColor`, `strengthLabelColor`.
|
|
10397
|
+
*
|
|
10398
|
+
* ## Text
|
|
10399
|
+
* `text` prop is used to render some message.
|
|
10400
|
+
* For example error (together with proper red color)
|
|
10401
|
+
* or some password requirement. It can be empty.
|
|
10402
|
+
*
|
|
10403
|
+
* ## Strength label
|
|
10404
|
+
* `strengthLabel` prop is used to render strength characteristic
|
|
10405
|
+
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10406
|
+
* It can be empty.
|
|
10407
|
+
*/
|
|
10408
|
+
|
|
10409
|
+
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10410
|
+
var _ref$sections = _ref.sections,
|
|
10411
|
+
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10412
|
+
_ref$activeSections = _ref.activeSections,
|
|
10413
|
+
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10414
|
+
_ref$sectionsColor = _ref.sectionsColor,
|
|
10415
|
+
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10416
|
+
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10417
|
+
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10418
|
+
_ref$text = _ref.text,
|
|
10419
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10420
|
+
_ref$textColor = _ref.textColor,
|
|
10421
|
+
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10422
|
+
_ref$strengthLabel = _ref.strengthLabel,
|
|
10423
|
+
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10424
|
+
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10425
|
+
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10426
|
+
|
|
10427
|
+
var setSectionColor = function setSectionColor(index) {
|
|
10428
|
+
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10429
|
+
};
|
|
10430
|
+
|
|
10431
|
+
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10432
|
+
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10433
|
+
};
|
|
10434
|
+
|
|
10435
|
+
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10436
|
+
"data-testid": "password-strength-container"
|
|
10437
|
+
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10438
|
+
"data-testid": "password-strength-sections"
|
|
10439
|
+
}, Array.from({
|
|
10440
|
+
length: sections
|
|
10441
|
+
}, function (_section, i) {
|
|
10442
|
+
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10443
|
+
key: i,
|
|
10444
|
+
color: setSectionColor(i),
|
|
10445
|
+
"data-testid": setSectionDataTestId(i)
|
|
10446
|
+
});
|
|
10447
|
+
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10448
|
+
color: textColor,
|
|
10449
|
+
"data-testid": "password-strength-text"
|
|
10450
|
+
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10451
|
+
level: 6
|
|
10452
|
+
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10453
|
+
color: strengthLabelColor,
|
|
10454
|
+
"data-testid": "password-strength-label"
|
|
10455
|
+
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10456
|
+
level: 2
|
|
10457
|
+
}, strengthLabel))));
|
|
10458
|
+
};
|
|
10459
|
+
|
|
10460
|
+
var _templateObject$1i, _templateObject2$W, _templateObject3$N, _templateObject4$C, _templateObject5$t;
|
|
10461
|
+
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
10136
10462
|
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);
|
|
10137
10463
|
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);
|
|
10138
10464
|
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) {
|
|
10139
10465
|
var isActive = _ref.isActive;
|
|
10140
10466
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
10141
10467
|
}, exports.Colors.MidGrey);
|
|
10142
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
10468
|
+
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) {
|
|
10143
10469
|
var isOpen = _ref2.isOpen;
|
|
10144
10470
|
return isOpen ? 'block' : 'none';
|
|
10145
10471
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -10309,109 +10635,11 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
10309
10635
|
});
|
|
10310
10636
|
};
|
|
10311
10637
|
|
|
10312
|
-
var _templateObject$
|
|
10313
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
10314
|
-
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
10315
|
-
var Section = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
10316
|
-
var color = _ref.color;
|
|
10317
|
-
return "var(--base-color-" + color + ")";
|
|
10318
|
-
});
|
|
10319
|
-
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
10320
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
10321
|
-
var color = _ref2.color;
|
|
10322
|
-
return "var(--base-color-" + color + ")";
|
|
10323
|
-
});
|
|
10324
|
-
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) {
|
|
10325
|
-
var color = _ref3.color;
|
|
10326
|
-
return "var(--base-color-" + color + ")";
|
|
10327
|
-
});
|
|
10328
|
-
|
|
10329
|
-
/**
|
|
10330
|
-
* Password strength indicator component.
|
|
10331
|
-
* This renders some number of lines (6 by default)
|
|
10332
|
-
* which should become active when the user improves
|
|
10333
|
-
* the strength of the entered password.
|
|
10334
|
-
*
|
|
10335
|
-
* ## Sections
|
|
10336
|
-
* To set number of sections it should be passed
|
|
10337
|
-
* as `sections` prop.
|
|
10338
|
-
*
|
|
10339
|
-
* ## Active section
|
|
10340
|
-
* To set number of active sections it should be passed
|
|
10341
|
-
* as `activeSections` prop.
|
|
10342
|
-
*
|
|
10343
|
-
* ## Colors
|
|
10344
|
-
* Color of every element can be controlled by properties:
|
|
10345
|
-
* `sectionsColor`, `activeSectionsColor`,
|
|
10346
|
-
* `textColor`, `strengthLabelColor`.
|
|
10347
|
-
*
|
|
10348
|
-
* ## Text
|
|
10349
|
-
* `text` prop is used to render some message.
|
|
10350
|
-
* For example error (together with proper red color)
|
|
10351
|
-
* or some password requirement. It can be empty.
|
|
10352
|
-
*
|
|
10353
|
-
* ## Strength label
|
|
10354
|
-
* `strengthLabel` prop is used to render strength characteristic
|
|
10355
|
-
* of entered password. For example: `weak`, `normal`, `strong`, etc.
|
|
10356
|
-
* It can be empty.
|
|
10357
|
-
*/
|
|
10358
|
-
|
|
10359
|
-
var PasswordStrength = function PasswordStrength(_ref) {
|
|
10360
|
-
var _ref$sections = _ref.sections,
|
|
10361
|
-
sections = _ref$sections === void 0 ? 6 : _ref$sections,
|
|
10362
|
-
_ref$activeSections = _ref.activeSections,
|
|
10363
|
-
activeSections = _ref$activeSections === void 0 ? 0 : _ref$activeSections,
|
|
10364
|
-
_ref$sectionsColor = _ref.sectionsColor,
|
|
10365
|
-
sectionsColor = _ref$sectionsColor === void 0 ? exports.Colors.MidGrey : _ref$sectionsColor,
|
|
10366
|
-
_ref$activeSectionsCo = _ref.activeSectionsColor,
|
|
10367
|
-
activeSectionsColor = _ref$activeSectionsCo === void 0 ? exports.Colors.Black : _ref$activeSectionsCo,
|
|
10368
|
-
_ref$text = _ref.text,
|
|
10369
|
-
text = _ref$text === void 0 ? '' : _ref$text,
|
|
10370
|
-
_ref$textColor = _ref.textColor,
|
|
10371
|
-
textColor = _ref$textColor === void 0 ? exports.Colors.Black : _ref$textColor,
|
|
10372
|
-
_ref$strengthLabel = _ref.strengthLabel,
|
|
10373
|
-
strengthLabel = _ref$strengthLabel === void 0 ? '' : _ref$strengthLabel,
|
|
10374
|
-
_ref$strengthLabelCol = _ref.strengthLabelColor,
|
|
10375
|
-
strengthLabelColor = _ref$strengthLabelCol === void 0 ? exports.Colors.Black : _ref$strengthLabelCol;
|
|
10376
|
-
|
|
10377
|
-
var setSectionColor = function setSectionColor(index) {
|
|
10378
|
-
return index < activeSections ? activeSectionsColor : sectionsColor;
|
|
10379
|
-
};
|
|
10380
|
-
|
|
10381
|
-
var setSectionDataTestId = function setSectionDataTestId(index) {
|
|
10382
|
-
return index < activeSections ? 'password-strength-section-active' : 'password-strength-section';
|
|
10383
|
-
};
|
|
10384
|
-
|
|
10385
|
-
return /*#__PURE__*/React__default.createElement(Container$5, {
|
|
10386
|
-
"data-testid": "password-strength-container"
|
|
10387
|
-
}, /*#__PURE__*/React__default.createElement(Sections, {
|
|
10388
|
-
"data-testid": "password-strength-sections"
|
|
10389
|
-
}, Array.from({
|
|
10390
|
-
length: sections
|
|
10391
|
-
}, function (_section, i) {
|
|
10392
|
-
return /*#__PURE__*/React__default.createElement(Section, {
|
|
10393
|
-
key: i,
|
|
10394
|
-
color: setSectionColor(i),
|
|
10395
|
-
"data-testid": setSectionDataTestId(i)
|
|
10396
|
-
});
|
|
10397
|
-
})), /*#__PURE__*/React__default.createElement(BottomLine, null, /*#__PURE__*/React__default.createElement(Text, {
|
|
10398
|
-
color: textColor,
|
|
10399
|
-
"data-testid": "password-strength-text"
|
|
10400
|
-
}, /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
10401
|
-
level: 6
|
|
10402
|
-
}, text)), /*#__PURE__*/React__default.createElement(LabelText, {
|
|
10403
|
-
color: strengthLabelColor,
|
|
10404
|
-
"data-testid": "password-strength-label"
|
|
10405
|
-
}, /*#__PURE__*/React__default.createElement(Overline, {
|
|
10406
|
-
level: 2
|
|
10407
|
-
}, strengthLabel))));
|
|
10408
|
-
};
|
|
10409
|
-
|
|
10410
|
-
var _templateObject$1j, _templateObject2$Y, _templateObject3$P, _templateObject4$E, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7;
|
|
10638
|
+
var _templateObject$1j, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$u, _templateObject6$n, _templateObject7$f, _templateObject8$c, _templateObject9$7, _templateObject10$7, _templateObject11$4;
|
|
10411
10639
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
10412
|
-
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
10413
|
-
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10414
|
-
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$
|
|
10640
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
10641
|
+
var Wrapper$7 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
10642
|
+
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) {
|
|
10415
10643
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
10416
10644
|
}, devices.tablet, devices.mobile);
|
|
10417
10645
|
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) {
|
|
@@ -10427,14 +10655,73 @@ var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject8$c || (_t
|
|
|
10427
10655
|
});
|
|
10428
10656
|
var Next = /*#__PURE__*/styled__default.span(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
10429
10657
|
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n\n div:hover {\n background-color: var(--base-color-light-grey);\n }\n\n > div > div {\n background-color: var(--base-color-light-grey);\n }\n\n svg path {\n fill: var(--base-color-black) !important;\n }\n"])));
|
|
10658
|
+
var AriaDescription = /*#__PURE__*/styled__default.span(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
|
|
10430
10659
|
|
|
10431
|
-
var
|
|
10432
|
-
var
|
|
10433
|
-
|
|
10434
|
-
|
|
10435
|
-
|
|
10436
|
-
|
|
10437
|
-
|
|
10660
|
+
var Content = function Content(_ref) {
|
|
10661
|
+
var content = _ref.content;
|
|
10662
|
+
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
10663
|
+
dangerouslySetInnerHTML: {
|
|
10664
|
+
__html: content
|
|
10665
|
+
}
|
|
10666
|
+
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10667
|
+
};
|
|
10668
|
+
|
|
10669
|
+
var Cell = function Cell(_ref2) {
|
|
10670
|
+
var cell = _ref2.cell,
|
|
10671
|
+
cellIndex = _ref2.cellIndex,
|
|
10672
|
+
columns = _ref2.columns;
|
|
10673
|
+
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10674
|
+
key: cellIndex,
|
|
10675
|
+
columns: columns,
|
|
10676
|
+
role: "gridcell"
|
|
10677
|
+
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10678
|
+
content: cell
|
|
10679
|
+
}));
|
|
10680
|
+
};
|
|
10681
|
+
|
|
10682
|
+
var Row = function Row(_ref3) {
|
|
10683
|
+
var row = _ref3.row,
|
|
10684
|
+
rowIndex = _ref3.rowIndex,
|
|
10685
|
+
columns = _ref3.columns,
|
|
10686
|
+
lineColor = _ref3.lineColor;
|
|
10687
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10688
|
+
key: rowIndex
|
|
10689
|
+
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
10690
|
+
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
10691
|
+
key: index,
|
|
10692
|
+
cell: cell,
|
|
10693
|
+
cellIndex: index,
|
|
10694
|
+
columns: columns
|
|
10695
|
+
});
|
|
10696
|
+
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10697
|
+
"aria-hidden": "true"
|
|
10698
|
+
}, /*#__PURE__*/React__default.createElement("td", {
|
|
10699
|
+
colSpan: columns,
|
|
10700
|
+
"aria-hidden": "true"
|
|
10701
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10702
|
+
lineColor: lineColor
|
|
10703
|
+
}))));
|
|
10704
|
+
};
|
|
10705
|
+
|
|
10706
|
+
var scrollTable = function scrollTable(tableRef, direction) {
|
|
10707
|
+
if (tableRef.current) {
|
|
10708
|
+
var currentScroll = tableRef.current.scrollLeft;
|
|
10709
|
+
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10710
|
+
tableRef.current.scrollTo({
|
|
10711
|
+
left: currentScroll + scrollAmount,
|
|
10712
|
+
behavior: 'smooth'
|
|
10713
|
+
});
|
|
10714
|
+
}
|
|
10715
|
+
};
|
|
10716
|
+
|
|
10717
|
+
var Table = function Table(_ref4) {
|
|
10718
|
+
var columns = _ref4.columns,
|
|
10719
|
+
headings = _ref4.headings,
|
|
10720
|
+
children = _ref4.children,
|
|
10721
|
+
lineColors = _ref4.lineColors,
|
|
10722
|
+
rowsPerPage = _ref4.rowsPerPage,
|
|
10723
|
+
pagination = _ref4.pagination,
|
|
10724
|
+
description = _ref4.description;
|
|
10438
10725
|
|
|
10439
10726
|
var _useState = React.useState(0),
|
|
10440
10727
|
currentPage = _useState[0],
|
|
@@ -10444,121 +10731,71 @@ var Table = function Table(_ref) {
|
|
|
10444
10731
|
showScrollButtons = _useState2[0],
|
|
10445
10732
|
setShowScrollButtons = _useState2[1];
|
|
10446
10733
|
|
|
10447
|
-
var Content = function Content(_ref2) {
|
|
10448
|
-
var content = _ref2.content;
|
|
10449
|
-
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
10450
|
-
dangerouslySetInnerHTML: {
|
|
10451
|
-
__html: content
|
|
10452
|
-
}
|
|
10453
|
-
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
10454
|
-
};
|
|
10455
|
-
|
|
10456
|
-
var Cell = function Cell(_ref3) {
|
|
10457
|
-
var cell = _ref3.cell,
|
|
10458
|
-
cellIndex = _ref3.cellIndex,
|
|
10459
|
-
columns = _ref3.columns;
|
|
10460
|
-
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
10461
|
-
key: cellIndex,
|
|
10462
|
-
columns: columns
|
|
10463
|
-
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10464
|
-
content: cell
|
|
10465
|
-
}));
|
|
10466
|
-
};
|
|
10467
|
-
|
|
10468
|
-
var Row = function Row(_ref4) {
|
|
10469
|
-
var row = _ref4.row,
|
|
10470
|
-
rowIndex = _ref4.rowIndex,
|
|
10471
|
-
columns = _ref4.columns,
|
|
10472
|
-
lineColor = _ref4.lineColor;
|
|
10473
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
10474
|
-
key: rowIndex
|
|
10475
|
-
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
10476
|
-
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
10477
|
-
key: index,
|
|
10478
|
-
cell: cell,
|
|
10479
|
-
cellIndex: index,
|
|
10480
|
-
columns: columns
|
|
10481
|
-
});
|
|
10482
|
-
})), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
10483
|
-
colSpan: columns
|
|
10484
|
-
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10485
|
-
lineColor: lineColor,
|
|
10486
|
-
role: "presentation"
|
|
10487
|
-
}))));
|
|
10488
|
-
};
|
|
10489
|
-
|
|
10490
10734
|
var lineColor = lineColors != null ? lineColors : exports.Colors.Cinema;
|
|
10491
10735
|
var tableRef = React.useRef(null);
|
|
10492
|
-
React.
|
|
10493
|
-
|
|
10494
|
-
tableRef.current
|
|
10495
|
-
|
|
10496
|
-
|
|
10497
|
-
|
|
10498
|
-
var horizontalScroll = function horizontalScroll() {
|
|
10499
|
-
if (tableRef.current) {
|
|
10500
|
-
setShowScrollButtons(tableRef.current.scrollWidth > tableRef.current.clientWidth);
|
|
10501
|
-
}
|
|
10502
|
-
};
|
|
10736
|
+
React.useLayoutEffect(function () {
|
|
10737
|
+
var horizontalScroll = function horizontalScroll() {
|
|
10738
|
+
if (tableRef.current) {
|
|
10739
|
+
setShowScrollButtons(tableRef.current.scrollWidth > tableRef.current.clientWidth);
|
|
10740
|
+
}
|
|
10741
|
+
};
|
|
10503
10742
|
|
|
10504
|
-
React.useEffect(function () {
|
|
10505
10743
|
horizontalScroll();
|
|
10506
10744
|
window.addEventListener('resize', horizontalScroll);
|
|
10745
|
+
console.log('~~~ horizontal Scroll ~~~');
|
|
10507
10746
|
return function () {
|
|
10508
10747
|
return window.removeEventListener('resize', horizontalScroll);
|
|
10509
10748
|
};
|
|
10510
10749
|
}, []);
|
|
10511
|
-
|
|
10512
|
-
var scrollTable = function scrollTable(direction) {
|
|
10513
|
-
if (tableRef.current) {
|
|
10514
|
-
var currentScroll = tableRef.current.scrollLeft;
|
|
10515
|
-
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
10516
|
-
tableRef.current.scrollTo({
|
|
10517
|
-
left: currentScroll + scrollAmount,
|
|
10518
|
-
behavior: 'smooth'
|
|
10519
|
-
});
|
|
10520
|
-
}
|
|
10521
|
-
};
|
|
10522
|
-
|
|
10523
|
-
var totalRows = Array.isArray(children) ? children.length : 0;
|
|
10750
|
+
var totalRows = Array.isArray(children) ? children.length + 1 : 1;
|
|
10524
10751
|
var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
|
|
10525
|
-
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
10526
10752
|
var pageNumbers = Array.from({
|
|
10527
10753
|
length: totalPages
|
|
10528
10754
|
}, function (_, i) {
|
|
10529
10755
|
return i;
|
|
10530
10756
|
});
|
|
10531
10757
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
10758
|
+
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
10759
|
+
var visibleRows = pagination ? Array.isArray(currentRows) ? currentRows.length + 1 : 0 : totalRows;
|
|
10532
10760
|
return /*#__PURE__*/React__default.createElement(Wrapper$7, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
10533
10761
|
onClickPrev: function onClickPrev() {
|
|
10534
|
-
return scrollTable('left');
|
|
10762
|
+
return scrollTable(tableRef, 'left');
|
|
10535
10763
|
},
|
|
10536
10764
|
onClickNext: function onClickNext() {
|
|
10537
|
-
return scrollTable('right');
|
|
10765
|
+
return scrollTable(tableRef, 'right');
|
|
10538
10766
|
}
|
|
10539
10767
|
})), /*#__PURE__*/React__default.createElement(Container$6, {
|
|
10540
10768
|
role: "table",
|
|
10541
10769
|
tabIndex: 0,
|
|
10542
|
-
ref: tableRef
|
|
10543
|
-
|
|
10544
|
-
|
|
10545
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
10546
|
-
|
|
10547
|
-
|
|
10548
|
-
|
|
10770
|
+
ref: tableRef,
|
|
10771
|
+
"aria-rowcount": totalRows,
|
|
10772
|
+
"aria-colcount": columns
|
|
10773
|
+
}, /*#__PURE__*/React__default.createElement(AriaDescription, {
|
|
10774
|
+
id: "table-description"
|
|
10775
|
+
}, description, " visible rows: ", visibleRows), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement("thead", {
|
|
10776
|
+
role: "rowgroup"
|
|
10777
|
+
}, ' ', /*#__PURE__*/React__default.createElement("tr", {
|
|
10778
|
+
role: "columnheader"
|
|
10779
|
+
}, headings && headings.map(function (heading, index) {
|
|
10549
10780
|
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
10550
10781
|
key: index,
|
|
10551
10782
|
role: "columnheader",
|
|
10783
|
+
scope: "col",
|
|
10552
10784
|
columns: columns
|
|
10553
10785
|
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
10554
10786
|
content: heading
|
|
10555
10787
|
}));
|
|
10556
|
-
}))
|
|
10557
|
-
|
|
10788
|
+
})), /*#__PURE__*/React__default.createElement("tr", {
|
|
10789
|
+
"aria-hidden": "true"
|
|
10790
|
+
}, ' ', /*#__PURE__*/React__default.createElement("td", {
|
|
10791
|
+
colSpan: columns,
|
|
10792
|
+
"aria-hidden": "true"
|
|
10558
10793
|
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
10559
10794
|
lineColor: lineColor,
|
|
10560
10795
|
role: "presentation"
|
|
10561
|
-
}))), /*#__PURE__*/React__default.createElement("tbody",
|
|
10796
|
+
})))), /*#__PURE__*/React__default.createElement("tbody", {
|
|
10797
|
+
role: "rowgroup"
|
|
10798
|
+
}, ' ', Array.isArray(currentRows) && currentRows.map(function (row, rowIndex) {
|
|
10562
10799
|
return /*#__PURE__*/React__default.createElement(Row, {
|
|
10563
10800
|
key: rowIndex,
|
|
10564
10801
|
row: row,
|
|
@@ -10566,7 +10803,9 @@ var Table = function Table(_ref) {
|
|
|
10566
10803
|
columns: columns,
|
|
10567
10804
|
lineColor: lineColor
|
|
10568
10805
|
});
|
|
10569
|
-
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(
|
|
10806
|
+
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AriaDescription, {
|
|
10807
|
+
id: "pagination-description"
|
|
10808
|
+
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
10570
10809
|
key: "previous-page",
|
|
10571
10810
|
onClick: function onClick() {
|
|
10572
10811
|
return setCurrentPage(currentPage - 1);
|
|
@@ -10601,7 +10840,7 @@ var Table = function Table(_ref) {
|
|
|
10601
10840
|
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
10602
10841
|
iconName: "DropdownArrow",
|
|
10603
10842
|
direction: "up"
|
|
10604
|
-
})))))));
|
|
10843
|
+
}))))))));
|
|
10605
10844
|
};
|
|
10606
10845
|
|
|
10607
10846
|
var UpsellSection = function UpsellSection(_ref) {
|
|
@@ -10692,9 +10931,9 @@ var LiveChat = function LiveChat() {
|
|
|
10692
10931
|
});
|
|
10693
10932
|
};
|
|
10694
10933
|
|
|
10695
|
-
var _templateObject$1k, _templateObject2$
|
|
10934
|
+
var _templateObject$1k, _templateObject2$Y;
|
|
10696
10935
|
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);
|
|
10697
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
10936
|
+
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) {
|
|
10698
10937
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
10699
10938
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
10700
10939
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -10722,11 +10961,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
10722
10961
|
}, children)));
|
|
10723
10962
|
};
|
|
10724
10963
|
|
|
10725
|
-
var _templateObject$1l, _templateObject2$
|
|
10964
|
+
var _templateObject$1l, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
10726
10965
|
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);
|
|
10727
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
10728
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
10729
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
10966
|
+
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);
|
|
10967
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
10968
|
+
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"])));
|
|
10730
10969
|
|
|
10731
10970
|
var MAX_Z_INDEX = 9999999999;
|
|
10732
10971
|
|
|
@@ -11808,6 +12047,7 @@ exports.Footer = Footer;
|
|
|
11808
12047
|
exports.GlobalStyles = GlobalStyles;
|
|
11809
12048
|
exports.Grid = Grid;
|
|
11810
12049
|
exports.GridItem = GridItem;
|
|
12050
|
+
exports.GridItemLegacy = GridItemLegacy;
|
|
11811
12051
|
exports.Header = Header;
|
|
11812
12052
|
exports.Icon = Icon;
|
|
11813
12053
|
exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
|
|
@@ -11871,6 +12111,7 @@ exports.TypeTags = TypeTags;
|
|
|
11871
12111
|
exports.UpsellCard = UpsellCard;
|
|
11872
12112
|
exports.UpsellSection = UpsellSection;
|
|
11873
12113
|
exports.VideoControls = VideoControls;
|
|
12114
|
+
exports.VideoWithControls = VideoWithControls$1;
|
|
11874
12115
|
exports.breakpoints = breakpoints;
|
|
11875
12116
|
exports.devices = devices;
|
|
11876
12117
|
exports.zIndexes = zIndexes;
|