@micromag/screen-ranking 0.3.251 → 0.3.252

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 +17 -14
  3. package/lib/index.js +17 -14
  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%;-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}
1
+ .micromag-screen-ranking-container .micromag-screen-ranking-background{position:absolute;top:0;left:0;width:100%;height:100%}.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-background{z-index:0}.micromag-screen-ranking-container .micromag-screen-ranking-content{z-index:1}.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-label,.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-label{padding:5px 0}
package/es/index.js CHANGED
@@ -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","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"};
23
+ var styles = {"container":"micromag-screen-ranking-container","background":"micromag-screen-ranking-background","empty":"micromag-screen-ranking-empty","content":"micromag-screen-ranking-content","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","label":"micromag-screen-ranking-label","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']),
@@ -169,7 +169,7 @@ var RankingScreen = function RankingScreen(_ref) {
169
169
  body: rankText,
170
170
  textStyle: numbersStyle
171
171
  }))), /*#__PURE__*/React.createElement("div", {
172
- className: styles.content
172
+ className: styles.label
173
173
  }, titleElement, descriptionElement));
174
174
  }); // Call to Action
175
175
 
@@ -202,18 +202,10 @@ var RankingScreen = function RankingScreen(_ref) {
202
202
  return /*#__PURE__*/React.createElement("div", {
203
203
  className: classNames([styles.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles["".concat(layout, "Layout")], layout !== null), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
204
204
  "data-screen-ready": true
205
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
206
- background: background,
205
+ }, /*#__PURE__*/React.createElement(Container, {
207
206
  width: width,
208
207
  height: height,
209
- resolution: resolution,
210
- playing: backgroundPlaying,
211
- muted: muted,
212
- shouldLoad: mediaShouldLoad,
213
- mediaRef: mediaRef
214
- }) : null, /*#__PURE__*/React.createElement(Container, {
215
- width: width,
216
- height: height
208
+ className: styles.content
217
209
  }, /*#__PURE__*/React.createElement(Scroll, {
218
210
  className: styles.scroll,
219
211
  verticalAlign: "middle",
@@ -224,7 +216,7 @@ var RankingScreen = function RankingScreen(_ref) {
224
216
  className: styles.layout,
225
217
  style: !isPlaceholder ? {
226
218
  padding: spacing,
227
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
219
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
228
220
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
229
221
  } : null
230
222
  }, elements)), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
@@ -241,7 +233,18 @@ var RankingScreen = function RankingScreen(_ref) {
241
233
  animationDisabled: isPreview,
242
234
  focusable: current && isView,
243
235
  openWebView: openWebView
244
- }))) : null));
236
+ }))) : null), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
237
+ background: background,
238
+ width: width,
239
+ height: height,
240
+ resolution: resolution,
241
+ playing: backgroundPlaying,
242
+ muted: muted,
243
+ shouldLoad: mediaShouldLoad,
244
+ mediaRef: mediaRef,
245
+ withoutVideo: isPreview,
246
+ className: styles.background
247
+ }) : null);
245
248
  };
246
249
 
247
250
  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","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"};
44
+ var styles = {"container":"micromag-screen-ranking-container","background":"micromag-screen-ranking-background","empty":"micromag-screen-ranking-empty","content":"micromag-screen-ranking-content","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","label":"micromag-screen-ranking-label","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']),
@@ -190,7 +190,7 @@ var RankingScreen = function RankingScreen(_ref) {
190
190
  body: rankText,
191
191
  textStyle: numbersStyle
192
192
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
193
- className: styles.content
193
+ className: styles.label
194
194
  }, titleElement, descriptionElement));
195
195
  }); // Call to Action
196
196
 
@@ -223,18 +223,10 @@ var RankingScreen = function RankingScreen(_ref) {
223
223
  return /*#__PURE__*/React__default["default"].createElement("div", {
224
224
  className: classNames__default["default"]([styles.container, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles["".concat(layout, "Layout")], layout !== null), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
225
225
  "data-screen-ready": true
226
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
227
- background: background,
226
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
228
227
  width: width,
229
228
  height: height,
230
- resolution: resolution,
231
- playing: backgroundPlaying,
232
- muted: muted,
233
- shouldLoad: mediaShouldLoad,
234
- mediaRef: mediaRef
235
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
236
- width: width,
237
- height: height
229
+ className: styles.content
238
230
  }, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
239
231
  className: styles.scroll,
240
232
  verticalAlign: "middle",
@@ -245,7 +237,7 @@ var RankingScreen = function RankingScreen(_ref) {
245
237
  className: styles.layout,
246
238
  style: !isPlaceholder ? {
247
239
  padding: spacing,
248
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
240
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
249
241
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
250
242
  } : null
251
243
  }, elements)), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -262,7 +254,18 @@ var RankingScreen = function RankingScreen(_ref) {
262
254
  animationDisabled: isPreview,
263
255
  focusable: current && isView,
264
256
  openWebView: openWebView
265
- }))) : null));
257
+ }))) : null), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
258
+ background: background,
259
+ width: width,
260
+ height: height,
261
+ resolution: resolution,
262
+ playing: backgroundPlaying,
263
+ muted: muted,
264
+ shouldLoad: mediaShouldLoad,
265
+ mediaRef: mediaRef,
266
+ withoutVideo: isPreview,
267
+ className: styles.background
268
+ }) : null);
266
269
  };
267
270
 
268
271
  RankingScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-ranking",
3
- "version": "0.3.251",
3
+ "version": "0.3.252",
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.251",
53
- "@micromag/data": "^0.3.251",
54
- "@micromag/element-background": "^0.3.251",
55
- "@micromag/element-call-to-action": "^0.3.251",
56
- "@micromag/element-container": "^0.3.251",
57
- "@micromag/element-heading": "^0.3.251",
58
- "@micromag/element-layout": "^0.3.251",
59
- "@micromag/element-scroll": "^0.3.251",
60
- "@micromag/element-text": "^0.3.251",
61
- "@micromag/transforms": "^0.3.251",
52
+ "@micromag/core": "^0.3.252",
53
+ "@micromag/data": "^0.3.252",
54
+ "@micromag/element-background": "^0.3.252",
55
+ "@micromag/element-call-to-action": "^0.3.252",
56
+ "@micromag/element-container": "^0.3.252",
57
+ "@micromag/element-heading": "^0.3.252",
58
+ "@micromag/element-layout": "^0.3.252",
59
+ "@micromag/element-scroll": "^0.3.252",
60
+ "@micromag/element-text": "^0.3.252",
61
+ "@micromag/transforms": "^0.3.252",
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": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
71
+ "gitHead": "67a8b8144a40086a6dfd98c9eb8c4b6b8ebb05b0"
72
72
  }