@micromag/screen-video 0.3.390 → 0.3.397

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/es/index.js CHANGED
@@ -111,6 +111,7 @@ var VideoScreen = function VideoScreen(_ref) {
111
111
  setControls = _usePlaybackContext.setControls,
112
112
  setControlsTheme = _usePlaybackContext.setControlsTheme,
113
113
  setPlaying = _usePlaybackContext.setPlaying,
114
+ controlsVisible = _usePlaybackContext.controlsVisible,
114
115
  showControls = _usePlaybackContext.showControls,
115
116
  hideControls = _usePlaybackContext.hideControls;
116
117
  var mediaRef = usePlaybackMediaRef(current);
@@ -280,7 +281,9 @@ var VideoScreen = function VideoScreen(_ref) {
280
281
  paddingRight: spacing,
281
282
  transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
282
283
  }
283
- }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(ScreenElement, {
284
+ }, /*#__PURE__*/React.createElement(Header, Object.assign({
285
+ fade: current && !controlsVisible
286
+ }, header))) : null, /*#__PURE__*/React.createElement(ScreenElement, {
284
287
  key: "video",
285
288
  placeholder: /*#__PURE__*/React.createElement(PlaceholderVideo, Object.assign({
286
289
  className: styles.placeholder
package/lib/index.js CHANGED
@@ -132,6 +132,7 @@ var VideoScreen = function VideoScreen(_ref) {
132
132
  setControls = _usePlaybackContext.setControls,
133
133
  setControlsTheme = _usePlaybackContext.setControlsTheme,
134
134
  setPlaying = _usePlaybackContext.setPlaying,
135
+ controlsVisible = _usePlaybackContext.controlsVisible,
135
136
  showControls = _usePlaybackContext.showControls,
136
137
  hideControls = _usePlaybackContext.hideControls;
137
138
  var mediaRef = contexts.usePlaybackMediaRef(current);
@@ -301,7 +302,9 @@ var VideoScreen = function VideoScreen(_ref) {
301
302
  paddingRight: spacing,
302
303
  transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
303
304
  }
304
- }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
305
+ }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], Object.assign({
306
+ fade: current && !controlsVisible
307
+ }, header))) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
305
308
  key: "video",
306
309
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderVideo, Object.assign({
307
310
  className: styles.placeholder
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-video",
3
- "version": "0.3.390",
3
+ "version": "0.3.397",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -51,15 +51,15 @@
51
51
  "dependencies": {
52
52
  "@babel/runtime": "^7.13.10",
53
53
  "@folklore/size": "^0.1.20",
54
- "@micromag/core": "^0.3.390",
55
- "@micromag/element-background": "^0.3.390",
56
- "@micromag/element-closed-captions": "^0.3.390",
57
- "@micromag/element-container": "^0.3.390",
58
- "@micromag/element-footer": "^0.3.390",
59
- "@micromag/element-header": "^0.3.390",
60
- "@micromag/element-image": "^0.3.390",
61
- "@micromag/element-video": "^0.3.390",
62
- "@micromag/transforms": "^0.3.390",
54
+ "@micromag/core": "^0.3.396",
55
+ "@micromag/element-background": "^0.3.397",
56
+ "@micromag/element-closed-captions": "^0.3.396",
57
+ "@micromag/element-container": "^0.3.396",
58
+ "@micromag/element-footer": "^0.3.396",
59
+ "@micromag/element-header": "^0.3.396",
60
+ "@micromag/element-image": "^0.3.396",
61
+ "@micromag/element-video": "^0.3.397",
62
+ "@micromag/transforms": "^0.3.396",
63
63
  "classnames": "^2.2.6",
64
64
  "lodash": "^4.17.21",
65
65
  "prop-types": "^15.7.2",
@@ -70,5 +70,5 @@
70
70
  "access": "public",
71
71
  "registry": "https://registry.npmjs.org/"
72
72
  },
73
- "gitHead": "d310ff6071a34b84d9311f0e02a6862fb836abef"
73
+ "gitHead": "8d668040e508b2ccc1d0f2907464e7c54fbb0bb3"
74
74
  }