@micromag/screen-ranking 0.3.150 → 0.3.156

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 -42
  3. package/lib/index.js +37 -40
  4. package/package.json +12 -12
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-ranking-container .micromag-screen-ranking-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-ranking-container{position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-empty{height:50px;margin-right:10px}.micromag-screen-ranking-container .micromag-screen-ranking-item{position:relative;padding:10px 0}.micromag-screen-ranking-container .micromag-screen-ranking-rankText{font-size:48px}.micromag-screen-ranking-container .micromag-screen-ranking-description,.micromag-screen-ranking-container .micromag-screen-ranking-title{padding:8px 0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction{position:absolute;bottom:0;left:0;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-layout{display:table;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-item{display:table-row;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-content,.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{display:table-cell;padding:10px 0;vertical-align:top}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:20px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-rank{color:hsla(0,0%,100%,.6);mix-blend-mode:difference;font-size:16px;text-align:left}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-scroll{padding:5px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-description,.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-title{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-item{padding:1px 0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{width:24px;padding-top:8px;padding-right:4px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-content{padding:5px 0}
1
+ .micromag-screen-ranking-container .micromag-screen-ranking-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-ranking-container{position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-empty{height:50px;margin-right:10px}.micromag-screen-ranking-container .micromag-screen-ranking-item{position:relative;padding:10px 0}.micromag-screen-ranking-container .micromag-screen-ranking-rankText{font-size:48px}.micromag-screen-ranking-container .micromag-screen-ranking-description,.micromag-screen-ranking-container .micromag-screen-ranking-title{padding:8px 0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction a{padding:0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction.micromag-screen-ranking-disabled{opacity:0;pointer-events:none}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-layout{display:table;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-item{display:table-row;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-content,.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{display:table-cell;padding:10px 0;vertical-align:top}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:20px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-rank{color:hsla(0,0%,100%,.6);mix-blend-mode:difference;font-size:16px;text-align:left}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-scroll{padding:5px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-description,.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-title{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-item{padding:1px 0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{width:24px;padding-top:8px;padding-right:4px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-content{padding:5px 0}
package/es/index.js CHANGED
@@ -7,8 +7,8 @@ import PropTypes from 'prop-types';
7
7
  import React, { useState, useCallback } from 'react';
8
8
  import { PropTypes as PropTypes$1 } from '@micromag/core';
9
9
  import { Transitions, ScreenElement } from '@micromag/core/components';
10
- import { useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
11
- import { useTrackScreenEvent, useResizeObserver } from '@micromag/core/hooks';
10
+ import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useScreenRenderContext } from '@micromag/core/contexts';
11
+ import { useTrackScreenEvent, useDimensionObserver } from '@micromag/core/hooks';
12
12
  import { isTextFilled } from '@micromag/core/utils';
13
13
  import Background from '@micromag/element-background';
14
14
  import CallToAction from '@micromag/element-call-to-action';
@@ -20,7 +20,7 @@ import Text from '@micromag/element-text';
20
20
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
21
21
  import { Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
22
22
 
23
- var styles = {"container":"micromag-screen-ranking-container","empty":"micromag-screen-ranking-empty","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","description":"micromag-screen-ranking-description","title":"micromag-screen-ranking-title","callToAction":"micromag-screen-ranking-callToAction","sideLayout":"micromag-screen-ranking-sideLayout","layout":"micromag-screen-ranking-layout","content":"micromag-screen-ranking-content","rank":"micromag-screen-ranking-rank","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
23
+ var styles = {"container":"micromag-screen-ranking-container","empty":"micromag-screen-ranking-empty","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","description":"micromag-screen-ranking-description","title":"micromag-screen-ranking-title","callToAction":"micromag-screen-ranking-callToAction","disabled":"micromag-screen-ranking-disabled","sideLayout":"micromag-screen-ranking-sideLayout","layout":"micromag-screen-ranking-layout","content":"micromag-screen-ranking-content","rank":"micromag-screen-ranking-rank","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
24
24
 
25
25
  var propTypes = {
26
26
  layout: PropTypes.oneOf(['side', 'over']),
@@ -35,8 +35,6 @@ var propTypes = {
35
35
  transitions: PropTypes$1.transitions,
36
36
  transitionStagger: PropTypes.number,
37
37
  type: PropTypes.string,
38
- enableInteraction: PropTypes.func,
39
- disableInteraction: PropTypes.func,
40
38
  className: PropTypes.string
41
39
  };
42
40
  var defaultProps = {
@@ -52,8 +50,6 @@ var defaultProps = {
52
50
  transitions: null,
53
51
  transitionStagger: 75,
54
52
  type: null,
55
- enableInteraction: null,
56
- disableInteraction: null,
57
53
  className: null
58
54
  };
59
55
 
@@ -72,19 +68,26 @@ var RankingScreen = function RankingScreen(_ref) {
72
68
  transitions = _ref.transitions,
73
69
  transitionStagger = _ref.transitionStagger,
74
70
  type = _ref.type,
75
- enableInteraction = _ref.enableInteraction,
76
- disableInteraction = _ref.disableInteraction,
77
71
  className = _ref.className;
78
72
  var trackScreenEvent = useTrackScreenEvent(type);
79
73
 
80
74
  var _useScreenSize = useScreenSize(),
81
75
  width = _useScreenSize.width,
82
76
  height = _useScreenSize.height,
83
- menuOverScreen = _useScreenSize.menuOverScreen,
84
77
  resolution = _useScreenSize.resolution;
85
78
 
86
- var _useViewer = useViewer(),
87
- menuSize = _useViewer.menuSize;
79
+ var _useViewerContext = useViewerContext(),
80
+ viewerTopHeight = _useViewerContext.topHeight,
81
+ viewerBottomHeight = _useViewerContext.bottomHeight,
82
+ viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
83
+
84
+ var _useViewerWebView = useViewerWebView(),
85
+ openWebView = _useViewerWebView.open;
86
+
87
+ var _usePlaybackContext = usePlaybackContext(),
88
+ muted = _usePlaybackContext.muted;
89
+
90
+ var mediaRef = usePlaybackMediaRef(current);
88
91
 
89
92
  var _useScreenRenderConte = useScreenRenderContext(),
90
93
  isView = _useScreenRenderConte.isView,
@@ -170,29 +173,19 @@ var RankingScreen = function RankingScreen(_ref) {
170
173
  }, titleElement, descriptionElement));
171
174
  }); // Call to Action
172
175
 
173
- var hasCallToAction = callToAction !== null && callToAction.active === true;
176
+ var _ref3 = callToAction || {},
177
+ _ref3$active = _ref3.active,
178
+ hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
174
179
 
175
180
  var _useState = useState(false),
176
181
  _useState2 = _slicedToArray(_useState, 2),
177
182
  scrolledBottom = _useState2[0],
178
183
  setScrolledBottom = _useState2[1];
179
184
 
180
- var _useResizeObserver = useResizeObserver(),
181
- callToActionRef = _useResizeObserver.ref,
182
- callToActionRect = _useResizeObserver.entry.contentRect;
183
-
184
- var _ref3 = callToActionRect || {},
185
- _ref3$height = _ref3.height,
186
- callToActionHeight = _ref3$height === void 0 ? 0 : _ref3$height;
187
-
188
- if (hasCallToAction) {
189
- elements.push( /*#__PURE__*/React.createElement("div", {
190
- key: "call-to-action-spacer",
191
- style: {
192
- height: callToActionHeight
193
- }
194
- }));
195
- }
185
+ var _useDimensionObserver = useDimensionObserver(),
186
+ callToActionRef = _useDimensionObserver.ref,
187
+ _useDimensionObserver2 = _useDimensionObserver.height,
188
+ callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
196
189
 
197
190
  var onScrolledBottom = useCallback(function (_ref4) {
198
191
  var initial = _ref4.initial;
@@ -215,7 +208,9 @@ var RankingScreen = function RankingScreen(_ref) {
215
208
  height: height,
216
209
  resolution: resolution,
217
210
  playing: backgroundPlaying,
218
- shouldLoad: mediaShouldLoad
211
+ muted: muted,
212
+ shouldLoad: mediaShouldLoad,
213
+ mediaRef: mediaRef
219
214
  }) : null, /*#__PURE__*/React.createElement(Container, {
220
215
  width: width,
221
216
  height: height
@@ -229,22 +224,24 @@ var RankingScreen = function RankingScreen(_ref) {
229
224
  className: styles.layout,
230
225
  style: !isPlaceholder ? {
231
226
  padding: spacing,
232
- paddingTop: (menuOverScreen && !isPreview ? menuSize : 0) + spacing
227
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
228
+ paddingBottom: (!isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
233
229
  } : null
234
- }, elements)), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement(CallToAction, {
230
+ }, elements)), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
235
231
  ref: callToActionRef,
236
- className: styles.callToAction,
237
- disabled: !scrolledBottom,
232
+ className: classNames([styles.callToAction, _defineProperty({}, styles.disabled, !scrolledBottom)]),
233
+ style: {
234
+ transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
235
+ paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
236
+ paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
237
+ paddingTop: spacing / 2,
238
+ paddingBottom: spacing / 2
239
+ }
240
+ }, /*#__PURE__*/React.createElement(CallToAction, Object.assign({}, callToAction, {
238
241
  animationDisabled: isPreview,
239
- callToAction: callToAction,
240
242
  focusable: current && isView,
241
- screenSize: {
242
- width: width,
243
- height: height
244
- },
245
- enableInteraction: enableInteraction,
246
- disableInteraction: disableInteraction
247
- }) : null));
243
+ openWebView: openWebView
244
+ }))) : null));
248
245
  };
249
246
 
250
247
  RankingScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -41,7 +41,7 @@ var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
41
41
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
42
42
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
43
43
 
44
- var styles = {"container":"micromag-screen-ranking-container","empty":"micromag-screen-ranking-empty","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","description":"micromag-screen-ranking-description","title":"micromag-screen-ranking-title","callToAction":"micromag-screen-ranking-callToAction","sideLayout":"micromag-screen-ranking-sideLayout","layout":"micromag-screen-ranking-layout","content":"micromag-screen-ranking-content","rank":"micromag-screen-ranking-rank","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
44
+ var styles = {"container":"micromag-screen-ranking-container","empty":"micromag-screen-ranking-empty","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","description":"micromag-screen-ranking-description","title":"micromag-screen-ranking-title","callToAction":"micromag-screen-ranking-callToAction","disabled":"micromag-screen-ranking-disabled","sideLayout":"micromag-screen-ranking-sideLayout","layout":"micromag-screen-ranking-layout","content":"micromag-screen-ranking-content","rank":"micromag-screen-ranking-rank","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
45
45
 
46
46
  var propTypes = {
47
47
  layout: PropTypes__default["default"].oneOf(['side', 'over']),
@@ -56,8 +56,6 @@ var propTypes = {
56
56
  transitions: core.PropTypes.transitions,
57
57
  transitionStagger: PropTypes__default["default"].number,
58
58
  type: PropTypes__default["default"].string,
59
- enableInteraction: PropTypes__default["default"].func,
60
- disableInteraction: PropTypes__default["default"].func,
61
59
  className: PropTypes__default["default"].string
62
60
  };
63
61
  var defaultProps = {
@@ -73,8 +71,6 @@ var defaultProps = {
73
71
  transitions: null,
74
72
  transitionStagger: 75,
75
73
  type: null,
76
- enableInteraction: null,
77
- disableInteraction: null,
78
74
  className: null
79
75
  };
80
76
 
@@ -93,19 +89,26 @@ var RankingScreen = function RankingScreen(_ref) {
93
89
  transitions = _ref.transitions,
94
90
  transitionStagger = _ref.transitionStagger,
95
91
  type = _ref.type,
96
- enableInteraction = _ref.enableInteraction,
97
- disableInteraction = _ref.disableInteraction,
98
92
  className = _ref.className;
99
93
  var trackScreenEvent = hooks.useTrackScreenEvent(type);
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,
@@ -191,29 +194,19 @@ var RankingScreen = function RankingScreen(_ref) {
191
194
  }, titleElement, descriptionElement));
192
195
  }); // Call to Action
193
196
 
194
- var hasCallToAction = callToAction !== null && callToAction.active === true;
197
+ var _ref3 = callToAction || {},
198
+ _ref3$active = _ref3.active,
199
+ hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
195
200
 
196
201
  var _useState = React.useState(false),
197
202
  _useState2 = _slicedToArray__default["default"](_useState, 2),
198
203
  scrolledBottom = _useState2[0],
199
204
  setScrolledBottom = _useState2[1];
200
205
 
201
- var _useResizeObserver = hooks.useResizeObserver(),
202
- callToActionRef = _useResizeObserver.ref,
203
- callToActionRect = _useResizeObserver.entry.contentRect;
204
-
205
- var _ref3 = callToActionRect || {},
206
- _ref3$height = _ref3.height,
207
- callToActionHeight = _ref3$height === void 0 ? 0 : _ref3$height;
208
-
209
- if (hasCallToAction) {
210
- elements.push( /*#__PURE__*/React__default["default"].createElement("div", {
211
- key: "call-to-action-spacer",
212
- style: {
213
- height: callToActionHeight
214
- }
215
- }));
216
- }
206
+ var _useDimensionObserver = hooks.useDimensionObserver(),
207
+ callToActionRef = _useDimensionObserver.ref,
208
+ _useDimensionObserver2 = _useDimensionObserver.height,
209
+ callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
217
210
 
218
211
  var onScrolledBottom = React.useCallback(function (_ref4) {
219
212
  var initial = _ref4.initial;
@@ -236,7 +229,9 @@ var RankingScreen = function RankingScreen(_ref) {
236
229
  height: height,
237
230
  resolution: resolution,
238
231
  playing: backgroundPlaying,
239
- shouldLoad: mediaShouldLoad
232
+ muted: muted,
233
+ shouldLoad: mediaShouldLoad,
234
+ mediaRef: mediaRef
240
235
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
241
236
  width: width,
242
237
  height: height
@@ -250,22 +245,24 @@ var RankingScreen = function RankingScreen(_ref) {
250
245
  className: styles.layout,
251
246
  style: !isPlaceholder ? {
252
247
  padding: spacing,
253
- paddingTop: (menuOverScreen && !isPreview ? menuSize : 0) + spacing
248
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
249
+ paddingBottom: (!isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
254
250
  } : null
255
- }, elements)), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
251
+ }, elements)), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
256
252
  ref: callToActionRef,
257
- className: styles.callToAction,
258
- disabled: !scrolledBottom,
253
+ className: classNames__default["default"]([styles.callToAction, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
254
+ style: {
255
+ transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
256
+ paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
257
+ paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
258
+ paddingTop: spacing / 2,
259
+ paddingBottom: spacing / 2
260
+ }
261
+ }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], Object.assign({}, callToAction, {
259
262
  animationDisabled: isPreview,
260
- callToAction: callToAction,
261
263
  focusable: current && isView,
262
- screenSize: {
263
- width: width,
264
- height: height
265
- },
266
- enableInteraction: enableInteraction,
267
- disableInteraction: disableInteraction
268
- }) : null));
264
+ openWebView: openWebView
265
+ }))) : null));
269
266
  };
270
267
 
271
268
  RankingScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-ranking",
3
- "version": "0.3.150",
3
+ "version": "0.3.156",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,16 +49,16 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.150",
53
- "@micromag/data": "^0.3.150",
54
- "@micromag/element-background": "^0.3.150",
55
- "@micromag/element-call-to-action": "^0.3.150",
56
- "@micromag/element-container": "^0.3.150",
57
- "@micromag/element-heading": "^0.3.150",
58
- "@micromag/element-layout": "^0.3.150",
59
- "@micromag/element-scroll": "^0.3.150",
60
- "@micromag/element-text": "^0.3.150",
61
- "@micromag/transforms": "^0.3.150",
52
+ "@micromag/core": "^0.3.156",
53
+ "@micromag/data": "^0.3.156",
54
+ "@micromag/element-background": "^0.3.156",
55
+ "@micromag/element-call-to-action": "^0.3.156",
56
+ "@micromag/element-container": "^0.3.156",
57
+ "@micromag/element-heading": "^0.3.156",
58
+ "@micromag/element-layout": "^0.3.156",
59
+ "@micromag/element-scroll": "^0.3.156",
60
+ "@micromag/element-text": "^0.3.156",
61
+ "@micromag/transforms": "^0.3.156",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "c9441be7a115a52416883e404feeca422af4f2da"
71
+ "gitHead": "026d0eb445367f824d3d07a04a0fa90cc00d49f2"
72
72
  }