@micromag/screen-video-360 0.3.67 → 0.3.71

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
@@ -131,7 +131,8 @@ var Video360Screen = function Video360Screen(_ref) {
131
131
  var _useScreenSize = useScreenSize(),
132
132
  width = _useScreenSize.width,
133
133
  height = _useScreenSize.height,
134
- landscape = _useScreenSize.landscape;
134
+ landscape = _useScreenSize.landscape,
135
+ resolution = _useScreenSize.resolution;
135
136
 
136
137
  var _useScreenRenderConte = useScreenRenderContext(),
137
138
  isView = _useScreenRenderConte.isView,
@@ -520,8 +521,9 @@ var Video360Screen = function Video360Screen(_ref) {
520
521
  height: videoHeight
521
522
  }
522
523
  },
523
- width: "100%",
524
- height: "100%"
524
+ width: resizedVideoWidth,
525
+ height: resizedVideoHeight,
526
+ resolution: resolution
525
527
  })))), !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
526
528
  key: "bottom-content",
527
529
  className: styles.bottomContent
@@ -565,6 +567,7 @@ var Video360Screen = function Video360Screen(_ref) {
565
567
  background: background,
566
568
  width: width,
567
569
  height: height,
570
+ resolution: resolution,
568
571
  playing: backgroundPlaying,
569
572
  shouldLoad: backgroundShouldLoad
570
573
  }) : null, /*#__PURE__*/React.createElement(Container, {
@@ -682,8 +685,9 @@ var definition = {
682
685
  name: 'callToAction',
683
686
  type: 'call-to-action',
684
687
  theme: {
688
+ boxStyle: 'cta',
685
689
  label: {
686
- textStyle: 'heading2'
690
+ textStyle: 'cta'
687
691
  }
688
692
  }
689
693
  }]
package/lib/index.js CHANGED
@@ -170,7 +170,8 @@ var Video360Screen = function Video360Screen(_ref) {
170
170
  var _useScreenSize = contexts.useScreenSize(),
171
171
  width = _useScreenSize.width,
172
172
  height = _useScreenSize.height,
173
- landscape = _useScreenSize.landscape;
173
+ landscape = _useScreenSize.landscape,
174
+ resolution = _useScreenSize.resolution;
174
175
 
175
176
  var _useScreenRenderConte = contexts.useScreenRenderContext(),
176
177
  isView = _useScreenRenderConte.isView,
@@ -559,8 +560,9 @@ var Video360Screen = function Video360Screen(_ref) {
559
560
  height: videoHeight
560
561
  }
561
562
  },
562
- width: "100%",
563
- height: "100%"
563
+ width: resizedVideoWidth,
564
+ height: resizedVideoHeight,
565
+ resolution: resolution
564
566
  })))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
565
567
  key: "bottom-content",
566
568
  className: styles.bottomContent
@@ -604,6 +606,7 @@ var Video360Screen = function Video360Screen(_ref) {
604
606
  background: background,
605
607
  width: width,
606
608
  height: height,
609
+ resolution: resolution,
607
610
  playing: backgroundPlaying,
608
611
  shouldLoad: backgroundShouldLoad
609
612
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
@@ -721,8 +724,9 @@ var definition = {
721
724
  name: 'callToAction',
722
725
  type: 'call-to-action',
723
726
  theme: {
727
+ boxStyle: 'cta',
724
728
  label: {
725
- textStyle: 'heading2'
729
+ textStyle: 'cta'
726
730
  }
727
731
  }
728
732
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-video-360",
3
- "version": "0.3.67",
3
+ "version": "0.3.71",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,15 +50,15 @@
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/size": "^0.1.20",
53
- "@micromag/core": "^0.3.67",
54
- "@micromag/element-background": "^0.3.67",
55
- "@micromag/element-call-to-action": "^0.3.67",
56
- "@micromag/element-closed-captions": "^0.3.67",
57
- "@micromag/element-container": "^0.3.67",
58
- "@micromag/element-image": "^0.3.67",
59
- "@micromag/element-media-controls": "^0.3.67",
60
- "@micromag/element-video": "^0.3.67",
61
- "@micromag/transforms": "^0.3.67",
53
+ "@micromag/core": "^0.3.71",
54
+ "@micromag/element-background": "^0.3.71",
55
+ "@micromag/element-call-to-action": "^0.3.71",
56
+ "@micromag/element-closed-captions": "^0.3.71",
57
+ "@micromag/element-container": "^0.3.71",
58
+ "@micromag/element-image": "^0.3.71",
59
+ "@micromag/element-media-controls": "^0.3.71",
60
+ "@micromag/element-video": "^0.3.71",
61
+ "@micromag/transforms": "^0.3.71",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2",
@@ -70,5 +70,5 @@
70
70
  "publishConfig": {
71
71
  "access": "public"
72
72
  },
73
- "gitHead": "f78a94a94a05f1f60f97b48b9cb4477b6ceae14c"
73
+ "gitHead": "50093d0adc731dfb58656015179c4ac0b1c6765f"
74
74
  }