@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.mjs.js
CHANGED
|
@@ -25774,9 +25774,17 @@ const Search = styled.div`
|
|
|
25774
25774
|
`;
|
|
25775
25775
|
|
|
25776
25776
|
const VideoContainer = styled.div`
|
|
25777
|
+
position: absolute;
|
|
25778
|
+
top: 0;
|
|
25779
|
+
left: 0;
|
|
25777
25780
|
width: 100%;
|
|
25781
|
+
height: 575px;
|
|
25782
|
+
@media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.l}) {
|
|
25783
|
+
height: 540px;
|
|
25784
|
+
}
|
|
25778
25785
|
`;
|
|
25779
25786
|
|
|
25787
|
+
|
|
25780
25788
|
const VideoBackground = styled.video`
|
|
25781
25789
|
position: absolute;
|
|
25782
25790
|
top: 0;
|
|
@@ -25837,7 +25845,7 @@ var HeroImage = function (_a) {
|
|
|
25837
25845
|
} }, function (src) { return (React.createElement(Container$u, { "$image": src, "$backgroundBox": backgroundBox, "data-testid": "HeroImage" },
|
|
25838
25846
|
heroVideoUrl && (React.createElement(React.Fragment, null,
|
|
25839
25847
|
React.createElement(VideoContainer, null,
|
|
25840
|
-
React.createElement(VideoBackground, { ref: videoRef, autoPlay:
|
|
25848
|
+
React.createElement(VideoBackground, { ref: videoRef, autoPlay: true, loop: true, muted: true },
|
|
25841
25849
|
React.createElement("source", { src: heroVideoUrl, type: "video/mp4" }),
|
|
25842
25850
|
"Your browser doesn't support this video."),
|
|
25843
25851
|
React.createElement(PlayPauseButton, { onClick: togglePlay }, isPlaying ? '⏸' : '▶')))),
|