@nnc-digital/nnc-design-system 1.0.0-alpha20 → 1.0.0-alpha21
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/build/index.js +9 -1
- package/build/index.js.map +1 -1
- package/build/index.mjs.js +9 -1
- package/build/index.mjs.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -25787,9 +25787,17 @@ const Search = styled__default.default.div`
|
|
|
25787
25787
|
`;
|
|
25788
25788
|
|
|
25789
25789
|
const VideoContainer = styled__default.default.div`
|
|
25790
|
+
position: absolute;
|
|
25791
|
+
top: 0;
|
|
25792
|
+
left: 0;
|
|
25790
25793
|
width: 100%;
|
|
25794
|
+
height: 575px;
|
|
25795
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25796
|
+
height: 540px;
|
|
25797
|
+
}
|
|
25791
25798
|
`;
|
|
25792
25799
|
|
|
25800
|
+
|
|
25793
25801
|
const VideoBackground = styled__default.default.video`
|
|
25794
25802
|
position: absolute;
|
|
25795
25803
|
top: 0;
|
|
@@ -25850,7 +25858,7 @@ var HeroImage = function (_a) {
|
|
|
25850
25858
|
} }, function (src) { return (React__default.default.createElement(Container$u, { "$image": src, "$backgroundBox": backgroundBox, "data-testid": "HeroImage" },
|
|
25851
25859
|
heroVideoUrl && (React__default.default.createElement(React__default.default.Fragment, null,
|
|
25852
25860
|
React__default.default.createElement(VideoContainer, null,
|
|
25853
|
-
React__default.default.createElement(VideoBackground, { ref: videoRef, autoPlay:
|
|
25861
|
+
React__default.default.createElement(VideoBackground, { ref: videoRef, autoPlay: true, loop: true, muted: true },
|
|
25854
25862
|
React__default.default.createElement("source", { src: heroVideoUrl, type: "video/mp4" }),
|
|
25855
25863
|
"Your browser doesn't support this video."),
|
|
25856
25864
|
React__default.default.createElement(PlayPauseButton, { onClick: togglePlay }, isPlaying ? '⏸' : '▶')))),
|