@micromag/screen-urbania-recommendation 0.3.148 → 0.3.153

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.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +39 -35
  3. package/lib/index.js +38 -34
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-urbania-recommendation-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{position:relative;padding:6px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-recommendation-container{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{height:200px;background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;-webkit-animation-delay:.9s;animation-delay:.9s;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{padding:12px 10px 6px;border-bottom:2px solid #000;background-color:#ff4f46;color:#fff;font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category.micromag-screen-urbania-recommendation-noBottomBorder{border-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:#fff}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-isPlaceholder{margin-left:2px;padding:10px;background-color:#e9e9e9}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:30%;max-width:50%;height:inherit;padding:15px 10px;text-align:center;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer.micromag-screen-urbania-recommendation-rightBorder{border-right:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer strong{white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{color:#ff4f46;font-family:Agrandir,sans-serif;font-size:12px;line-height:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date.micromag-screen-urbania-recommendation-centerDate{text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{min-width:50%;max-width:70%;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer.micromag-screen-urbania-recommendation-leftBorder{margin-right:-2px;margin-left:-2px;border-left:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{padding:15px 20px 11px;font-family:Agrandir Narrow,sans-serif;font-size:20px;font-weight:700;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{line-height:1;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{padding:5px 10px 3px;background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor>p{margin-top:0;margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{padding:10px;background-color:#fff;font-family:Roboto,sans-serif;font-size:12px;text-align:left}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{margin-bottom:1em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{-webkit-animation:micromag-screen-urbania-recommendation-roll .9s ease-out;animation:micromag-screen-urbania-recommendation-roll .9s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}
1
+ .micromag-screen-urbania-recommendation-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{position:relative;padding:6px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-recommendation-container{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-callToAction{-webkit-transition:opacity .2 ease-out;-o-transition:opacity .2 ease-out;transition:opacity .2 ease-out}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-callToAction.micromag-screen-urbania-recommendation-disabled{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{height:200px;background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;-webkit-animation-delay:.9s;animation-delay:.9s;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{padding:12px 10px 6px;border-bottom:2px solid #000;background-color:#ff4f46;color:#fff;font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category.micromag-screen-urbania-recommendation-noBottomBorder{border-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:#fff}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-isPlaceholder{margin-left:2px;padding:10px;background-color:#e9e9e9}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:30%;max-width:50%;height:inherit;padding:15px 10px;text-align:center;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer.micromag-screen-urbania-recommendation-rightBorder{border-right:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer strong{white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{color:#ff4f46;font-family:Agrandir,sans-serif;font-size:12px;line-height:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date.micromag-screen-urbania-recommendation-centerDate{text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{min-width:50%;max-width:70%;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer.micromag-screen-urbania-recommendation-leftBorder{margin-right:-2px;margin-left:-2px;border-left:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{padding:15px 20px 11px;font-family:Agrandir Narrow,sans-serif;font-size:20px;font-weight:700;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{line-height:1;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{padding:5px 10px 3px;background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor>p{margin-top:0;margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{padding:10px;background-color:#fff;font-family:Roboto,sans-serif;font-size:12px;text-align:left}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{margin-bottom:1em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{-webkit-animation:micromag-screen-urbania-recommendation-roll .9s ease-out;animation:micromag-screen-urbania-recommendation-roll .9s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}
package/es/index.js CHANGED
@@ -7,7 +7,7 @@ import PropTypes$1 from 'prop-types';
7
7
  import React, { useState, useEffect, useCallback, useMemo } from 'react';
8
8
  import { PropTypes } from '@micromag/core';
9
9
  import { ScreenElement, PlaceholderTitle, PlaceholderText, TransitionsStagger } from '@micromag/core/components';
10
- import { useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
10
+ import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
11
11
  import { useTrackScreenEvent } from '@micromag/core/hooks';
12
12
  import { isTextFilled } from '@micromag/core/utils';
13
13
  import Background from '@micromag/element-background';
@@ -18,7 +18,7 @@ import Layout, { Spacer } from '@micromag/element-layout';
18
18
  import Scroll from '@micromag/element-scroll';
19
19
  import Text from '@micromag/element-text';
20
20
 
21
- var styles = {"container":"micromag-screen-urbania-recommendation-container","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyText":"micromag-screen-urbania-recommendation-emptyText","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","background":"micromag-screen-urbania-recommendation-background","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
21
+ var styles = {"container":"micromag-screen-urbania-recommendation-container","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyText":"micromag-screen-urbania-recommendation-emptyText","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","callToAction":"micromag-screen-urbania-recommendation-callToAction","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","background":"micromag-screen-urbania-recommendation-background","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
22
22
 
23
23
  var propTypes = {
24
24
  category: PropTypes.headingElement,
@@ -34,8 +34,6 @@ var propTypes = {
34
34
  animateBackground: PropTypes$1.bool,
35
35
  transitions: PropTypes.transitions,
36
36
  transitionStagger: PropTypes$1.number,
37
- enableInteraction: PropTypes$1.func,
38
- disableInteraction: PropTypes$1.func,
39
37
  className: PropTypes$1.string
40
38
  };
41
39
  var defaultProps = {
@@ -52,13 +50,11 @@ var defaultProps = {
52
50
  animateBackground: true,
53
51
  transitions: null,
54
52
  transitionStagger: 100,
55
- enableInteraction: null,
56
- disableInteraction: null,
57
53
  className: null
58
54
  };
59
55
 
60
56
  var Recommendation = function Recommendation(_ref) {
61
- var _ref3, _ref4, _ref5, _ref6, _ref7, _ref10;
57
+ var _ref4, _ref5, _ref6, _ref7, _ref8, _ref12;
62
58
 
63
59
  var category = _ref.category,
64
60
  date = _ref.date,
@@ -73,19 +69,26 @@ var Recommendation = function Recommendation(_ref) {
73
69
  animateBackground = _ref.animateBackground,
74
70
  transitions = _ref.transitions,
75
71
  transitionStagger = _ref.transitionStagger,
76
- enableInteraction = _ref.enableInteraction,
77
- disableInteraction = _ref.disableInteraction,
78
72
  className = _ref.className;
79
73
  var trackScreenEvent = useTrackScreenEvent();
80
74
 
81
75
  var _useScreenSize = useScreenSize(),
82
76
  width = _useScreenSize.width,
83
77
  height = _useScreenSize.height,
84
- menuOverScreen = _useScreenSize.menuOverScreen,
85
78
  resolution = _useScreenSize.resolution;
86
79
 
87
- var _useViewer = useViewer(),
88
- menuSize = _useViewer.menuSize;
80
+ var _useViewerContext = useViewerContext(),
81
+ viewerTopHeight = _useViewerContext.topHeight,
82
+ viewerBottomHeight = _useViewerContext.bottomHeight,
83
+ viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
84
+
85
+ var _useViewerWebView = useViewerWebView(),
86
+ openWebView = _useViewerWebView.open;
87
+
88
+ var _usePlaybackContext = usePlaybackContext(),
89
+ muted = _usePlaybackContext.muted;
90
+
91
+ var mediaRef = usePlaybackMediaRef(current);
89
92
 
90
93
  var _useScreenRenderConte = useScreenRenderContext(),
91
94
  isView = _useScreenRenderConte.isView,
@@ -114,7 +117,10 @@ var Recommendation = function Recommendation(_ref) {
114
117
  var transitionPlaying = current;
115
118
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
116
119
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
117
- var hasCallToAction = callToAction !== null && callToAction.active === true;
120
+
121
+ var _ref2 = callToAction || {},
122
+ _ref2$active = _ref2.active,
123
+ hasCallToAction = _ref2$active === void 0 ? false : _ref2$active;
118
124
 
119
125
  var _useState3 = useState(false),
120
126
  _useState4 = _slicedToArray(_useState3, 2),
@@ -141,8 +147,8 @@ var Recommendation = function Recommendation(_ref) {
141
147
  setAnimationStarted(true);
142
148
  }
143
149
  }, [isView, setAnimationStarted]);
144
- var onScrolledBottom = useCallback(function (_ref2) {
145
- var initial = _ref2.initial;
150
+ var onScrolledBottom = useCallback(function (_ref3) {
151
+ var initial = _ref3.initial;
146
152
 
147
153
  if (initial) {
148
154
  trackScreenEvent('scroll', 'Screen');
@@ -165,7 +171,7 @@ var Recommendation = function Recommendation(_ref) {
165
171
  var items = [!isPlaceholder ? /*#__PURE__*/React.createElement(Spacer, {
166
172
  key: "spacer-cta-top"
167
173
  }) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React.createElement(Container, {
168
- className: classNames([styles.textCard, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref3, styles.appear, finalAnimateBackground), _ref3)])
174
+ className: classNames([styles.textCard, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref4, styles.appear, finalAnimateBackground), _ref4)])
169
175
  }, /*#__PURE__*/React.createElement(ScreenElement, {
170
176
  key: "category",
171
177
  placeholder: /*#__PURE__*/React.createElement(PlaceholderTitle, {
@@ -181,9 +187,9 @@ var Recommendation = function Recommendation(_ref) {
181
187
  emptyClassName: styles.emptyText,
182
188
  isEmpty: !hasCategory
183
189
  }, hasCategory ? /*#__PURE__*/React.createElement(Heading, Object.assign({
184
- className: classNames([styles.category, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.noBottomBorder, onlyCategory), _ref4)])
190
+ className: classNames([styles.category, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.noBottomBorder, onlyCategory), _ref5)])
185
191
  }, category)) : null), hasDate || hasTitle || isPlaceholder ? /*#__PURE__*/React.createElement("div", {
186
- className: classNames([styles.dateTitleRow, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.bottomBorder, hasSponsor || !hasSponsor && hasDescription), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)])
192
+ className: classNames([styles.dateTitleRow, (_ref6 = {}, _defineProperty(_ref6, className, className !== null), _defineProperty(_ref6, styles.bottomBorder, hasSponsor || !hasSponsor && hasDescription), _defineProperty(_ref6, styles.isPlaceholder, isPlaceholder), _ref6)])
187
193
  }, /*#__PURE__*/React.createElement(ScreenElement, {
188
194
  key: "date",
189
195
  placeholder: /*#__PURE__*/React.createElement(PlaceholderText, {
@@ -198,9 +204,9 @@ var Recommendation = function Recommendation(_ref) {
198
204
  // isEmpty={!hasDate}
199
205
 
200
206
  }, hasDate ? /*#__PURE__*/React.createElement("div", {
201
- className: classNames([styles.dateContainer, (_ref6 = {}, _defineProperty(_ref6, className, className !== null), _defineProperty(_ref6, styles.rightBorder, hasTitle), _ref6)])
207
+ className: classNames([styles.dateContainer, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.rightBorder, hasTitle), _ref7)])
202
208
  }, /*#__PURE__*/React.createElement(Text, Object.assign({
203
- className: classNames([styles.date, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.centerDate, !hasTitle), _ref7)])
209
+ className: classNames([styles.date, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.centerDate, !hasTitle), _ref8)])
204
210
  }, date))) : null), /*#__PURE__*/React.createElement(ScreenElement, {
205
211
  key: "title",
206
212
  placeholder: "title" // emptyLabel={
@@ -251,27 +257,22 @@ var Recommendation = function Recommendation(_ref) {
251
257
  }, description)) : null)) : null, !isPlaceholder ? /*#__PURE__*/React.createElement(Spacer, {
252
258
  key: "spacer-cta-bottom"
253
259
  }) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
260
+ className: classNames([styles.callToAction, _defineProperty({}, styles.disabled, !scrolledBottom)]),
254
261
  style: {
255
- margin: -spacing,
256
- marginTop: '10px'
262
+ paddingTop: spacing,
263
+ paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
264
+ paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
257
265
  },
258
266
  key: "call-to-action"
259
- }, /*#__PURE__*/React.createElement(CallToAction, {
260
- callToAction: callToAction,
261
- disabled: !scrolledBottom,
267
+ }, /*#__PURE__*/React.createElement(CallToAction, Object.assign({}, callToAction, {
262
268
  animationDisabled: isPreview,
263
269
  focusable: current && isView,
264
- screenSize: {
265
- width: width,
266
- height: height
267
- },
268
- enableInteraction: enableInteraction,
269
- disableInteraction: disableInteraction
270
- })) : null].filter(function (el) {
270
+ openWebView: openWebView
271
+ }))) : null].filter(function (el) {
271
272
  return el !== null;
272
273
  });
273
274
  return /*#__PURE__*/React.createElement("div", {
274
- className: classNames([styles.container, (_ref10 = {}, _defineProperty(_ref10, className, className !== null), _defineProperty(_ref10, styles.isPlaceholder, isPlaceholder), _ref10)]),
275
+ className: classNames([styles.container, (_ref12 = {}, _defineProperty(_ref12, className, className !== null), _defineProperty(_ref12, styles.isPlaceholder, isPlaceholder), _ref12)]),
275
276
  "data-screen-ready": true
276
277
  }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
277
278
  background: finalBackground,
@@ -279,8 +280,10 @@ var Recommendation = function Recommendation(_ref) {
279
280
  height: height,
280
281
  resolution: resolution,
281
282
  playing: backgroundPlaying,
283
+ muted: muted,
282
284
  shouldLoad: mediaShouldLoad,
283
- backgroundClassName: finalAnimateBackground ? styles.background : null
285
+ backgroundClassName: finalAnimateBackground ? styles.background : null,
286
+ mediaRef: mediaRef
284
287
  }) : null, /*#__PURE__*/React.createElement(Container, {
285
288
  width: width,
286
289
  height: height
@@ -293,7 +296,8 @@ var Recommendation = function Recommendation(_ref) {
293
296
  className: styles.layout,
294
297
  style: !isPlaceholder ? {
295
298
  padding: spacing,
296
- paddingTop: (menuOverScreen && !isPreview ? menuSize : 0) + spacing
299
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
300
+ paddingBottom: (!isPreview ? viewerBottomHeight : 0) + spacing
297
301
  } : null
298
302
  }, /*#__PURE__*/React.createElement(TransitionsStagger, {
299
303
  transitions: transitions,
package/lib/index.js CHANGED
@@ -38,7 +38,7 @@ var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
38
38
  var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
39
39
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
40
40
 
41
- var styles = {"container":"micromag-screen-urbania-recommendation-container","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyText":"micromag-screen-urbania-recommendation-emptyText","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","background":"micromag-screen-urbania-recommendation-background","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
41
+ var styles = {"container":"micromag-screen-urbania-recommendation-container","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyText":"micromag-screen-urbania-recommendation-emptyText","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","callToAction":"micromag-screen-urbania-recommendation-callToAction","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","background":"micromag-screen-urbania-recommendation-background","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
42
42
 
43
43
  var propTypes = {
44
44
  category: core.PropTypes.headingElement,
@@ -54,8 +54,6 @@ var propTypes = {
54
54
  animateBackground: PropTypes__default["default"].bool,
55
55
  transitions: core.PropTypes.transitions,
56
56
  transitionStagger: PropTypes__default["default"].number,
57
- enableInteraction: PropTypes__default["default"].func,
58
- disableInteraction: PropTypes__default["default"].func,
59
57
  className: PropTypes__default["default"].string
60
58
  };
61
59
  var defaultProps = {
@@ -72,13 +70,11 @@ var defaultProps = {
72
70
  animateBackground: true,
73
71
  transitions: null,
74
72
  transitionStagger: 100,
75
- enableInteraction: null,
76
- disableInteraction: null,
77
73
  className: null
78
74
  };
79
75
 
80
76
  var Recommendation = function Recommendation(_ref) {
81
- var _ref3, _ref4, _ref5, _ref6, _ref7, _ref10;
77
+ var _ref4, _ref5, _ref6, _ref7, _ref8, _ref12;
82
78
 
83
79
  var category = _ref.category,
84
80
  date = _ref.date,
@@ -93,19 +89,26 @@ var Recommendation = function Recommendation(_ref) {
93
89
  animateBackground = _ref.animateBackground,
94
90
  transitions = _ref.transitions,
95
91
  transitionStagger = _ref.transitionStagger,
96
- enableInteraction = _ref.enableInteraction,
97
- disableInteraction = _ref.disableInteraction,
98
92
  className = _ref.className;
99
93
  var trackScreenEvent = hooks.useTrackScreenEvent();
100
94
 
101
95
  var _useScreenSize = contexts.useScreenSize(),
102
96
  width = _useScreenSize.width,
103
97
  height = _useScreenSize.height,
104
- menuOverScreen = _useScreenSize.menuOverScreen,
105
98
  resolution = _useScreenSize.resolution;
106
99
 
107
- var _useViewer = contexts.useViewer(),
108
- menuSize = _useViewer.menuSize;
100
+ var _useViewerContext = contexts.useViewerContext(),
101
+ viewerTopHeight = _useViewerContext.topHeight,
102
+ viewerBottomHeight = _useViewerContext.bottomHeight,
103
+ viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
104
+
105
+ var _useViewerWebView = contexts.useViewerWebView(),
106
+ openWebView = _useViewerWebView.open;
107
+
108
+ var _usePlaybackContext = contexts.usePlaybackContext(),
109
+ muted = _usePlaybackContext.muted;
110
+
111
+ var mediaRef = contexts.usePlaybackMediaRef(current);
109
112
 
110
113
  var _useScreenRenderConte = contexts.useScreenRenderContext(),
111
114
  isView = _useScreenRenderConte.isView,
@@ -134,7 +137,10 @@ var Recommendation = function Recommendation(_ref) {
134
137
  var transitionPlaying = current;
135
138
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
136
139
  var scrollingDisabled = !isEdit && transitionDisabled || !current;
137
- var hasCallToAction = callToAction !== null && callToAction.active === true;
140
+
141
+ var _ref2 = callToAction || {},
142
+ _ref2$active = _ref2.active,
143
+ hasCallToAction = _ref2$active === void 0 ? false : _ref2$active;
138
144
 
139
145
  var _useState3 = React.useState(false),
140
146
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -161,8 +167,8 @@ var Recommendation = function Recommendation(_ref) {
161
167
  setAnimationStarted(true);
162
168
  }
163
169
  }, [isView, setAnimationStarted]);
164
- var onScrolledBottom = React.useCallback(function (_ref2) {
165
- var initial = _ref2.initial;
170
+ var onScrolledBottom = React.useCallback(function (_ref3) {
171
+ var initial = _ref3.initial;
166
172
 
167
173
  if (initial) {
168
174
  trackScreenEvent('scroll', 'Screen');
@@ -185,7 +191,7 @@ var Recommendation = function Recommendation(_ref) {
185
191
  var items = [!isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
186
192
  key: "spacer-cta-top"
187
193
  }) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
188
- className: classNames__default["default"]([styles.textCard, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref3, styles.appear, finalAnimateBackground), _ref3)])
194
+ className: classNames__default["default"]([styles.textCard, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref4, styles.appear, finalAnimateBackground), _ref4)])
189
195
  }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
190
196
  key: "category",
191
197
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderTitle, {
@@ -201,9 +207,9 @@ var Recommendation = function Recommendation(_ref) {
201
207
  emptyClassName: styles.emptyText,
202
208
  isEmpty: !hasCategory
203
209
  }, hasCategory ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
204
- className: classNames__default["default"]([styles.category, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.noBottomBorder, onlyCategory), _ref4)])
210
+ className: classNames__default["default"]([styles.category, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.noBottomBorder, onlyCategory), _ref5)])
205
211
  }, category)) : null), hasDate || hasTitle || isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
206
- className: classNames__default["default"]([styles.dateTitleRow, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.bottomBorder, hasSponsor || !hasSponsor && hasDescription), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)])
212
+ className: classNames__default["default"]([styles.dateTitleRow, (_ref6 = {}, _defineProperty__default["default"](_ref6, className, className !== null), _defineProperty__default["default"](_ref6, styles.bottomBorder, hasSponsor || !hasSponsor && hasDescription), _defineProperty__default["default"](_ref6, styles.isPlaceholder, isPlaceholder), _ref6)])
207
213
  }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
208
214
  key: "date",
209
215
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderText, {
@@ -218,9 +224,9 @@ var Recommendation = function Recommendation(_ref) {
218
224
  // isEmpty={!hasDate}
219
225
 
220
226
  }, hasDate ? /*#__PURE__*/React__default["default"].createElement("div", {
221
- className: classNames__default["default"]([styles.dateContainer, (_ref6 = {}, _defineProperty__default["default"](_ref6, className, className !== null), _defineProperty__default["default"](_ref6, styles.rightBorder, hasTitle), _ref6)])
227
+ className: classNames__default["default"]([styles.dateContainer, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.rightBorder, hasTitle), _ref7)])
222
228
  }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
223
- className: classNames__default["default"]([styles.date, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.centerDate, !hasTitle), _ref7)])
229
+ className: classNames__default["default"]([styles.date, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.centerDate, !hasTitle), _ref8)])
224
230
  }, date))) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
225
231
  key: "title",
226
232
  placeholder: "title" // emptyLabel={
@@ -271,27 +277,22 @@ var Recommendation = function Recommendation(_ref) {
271
277
  }, description)) : null)) : null, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
272
278
  key: "spacer-cta-bottom"
273
279
  }) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
280
+ className: classNames__default["default"]([styles.callToAction, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
274
281
  style: {
275
- margin: -spacing,
276
- marginTop: '10px'
282
+ paddingTop: spacing,
283
+ paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
284
+ paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
277
285
  },
278
286
  key: "call-to-action"
279
- }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
280
- callToAction: callToAction,
281
- disabled: !scrolledBottom,
287
+ }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], Object.assign({}, callToAction, {
282
288
  animationDisabled: isPreview,
283
289
  focusable: current && isView,
284
- screenSize: {
285
- width: width,
286
- height: height
287
- },
288
- enableInteraction: enableInteraction,
289
- disableInteraction: disableInteraction
290
- })) : null].filter(function (el) {
290
+ openWebView: openWebView
291
+ }))) : null].filter(function (el) {
291
292
  return el !== null;
292
293
  });
293
294
  return /*#__PURE__*/React__default["default"].createElement("div", {
294
- className: classNames__default["default"]([styles.container, (_ref10 = {}, _defineProperty__default["default"](_ref10, className, className !== null), _defineProperty__default["default"](_ref10, styles.isPlaceholder, isPlaceholder), _ref10)]),
295
+ className: classNames__default["default"]([styles.container, (_ref12 = {}, _defineProperty__default["default"](_ref12, className, className !== null), _defineProperty__default["default"](_ref12, styles.isPlaceholder, isPlaceholder), _ref12)]),
295
296
  "data-screen-ready": true
296
297
  }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
297
298
  background: finalBackground,
@@ -299,8 +300,10 @@ var Recommendation = function Recommendation(_ref) {
299
300
  height: height,
300
301
  resolution: resolution,
301
302
  playing: backgroundPlaying,
303
+ muted: muted,
302
304
  shouldLoad: mediaShouldLoad,
303
- backgroundClassName: finalAnimateBackground ? styles.background : null
305
+ backgroundClassName: finalAnimateBackground ? styles.background : null,
306
+ mediaRef: mediaRef
304
307
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
305
308
  width: width,
306
309
  height: height
@@ -313,7 +316,8 @@ var Recommendation = function Recommendation(_ref) {
313
316
  className: styles.layout,
314
317
  style: !isPlaceholder ? {
315
318
  padding: spacing,
316
- paddingTop: (menuOverScreen && !isPreview ? menuSize : 0) + spacing
319
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
320
+ paddingBottom: (!isPreview ? viewerBottomHeight : 0) + spacing
317
321
  } : null
318
322
  }, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
319
323
  transitions: transitions,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-recommendation",
3
- "version": "0.3.148",
3
+ "version": "0.3.153",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,15 +49,15 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.148",
53
- "@micromag/element-background": "^0.3.148",
54
- "@micromag/element-call-to-action": "^0.3.148",
55
- "@micromag/element-container": "^0.3.148",
56
- "@micromag/element-heading": "^0.3.148",
57
- "@micromag/element-layout": "^0.3.148",
58
- "@micromag/element-scroll": "^0.3.148",
59
- "@micromag/element-text": "^0.3.148",
60
- "@micromag/transforms": "^0.3.148",
52
+ "@micromag/core": "^0.3.153",
53
+ "@micromag/element-background": "^0.3.153",
54
+ "@micromag/element-call-to-action": "^0.3.153",
55
+ "@micromag/element-container": "^0.3.153",
56
+ "@micromag/element-heading": "^0.3.153",
57
+ "@micromag/element-layout": "^0.3.153",
58
+ "@micromag/element-scroll": "^0.3.153",
59
+ "@micromag/element-text": "^0.3.153",
60
+ "@micromag/transforms": "^0.3.153",
61
61
  "classnames": "^2.2.6",
62
62
  "lodash": "^4.17.21",
63
63
  "prop-types": "^15.7.2",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "b10cd7739e7de8595c26acc0e08d6e84220be17c"
70
+ "gitHead": "3832de24bc306639b162f9778b3250ce1d05b2aa"
71
71
  }