@micromag/screen-ranking 0.3.229 → 0.3.233

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 +16 -14
  3. package/lib/index.js +16 -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,19 +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
- withoutVideo: isPreview
215
- }) : null, /*#__PURE__*/React.createElement(Container, {
216
- width: width,
217
- height: height
208
+ className: styles.content
218
209
  }, /*#__PURE__*/React.createElement(Scroll, {
219
210
  className: styles.scroll,
220
211
  verticalAlign: "middle",
@@ -242,7 +233,18 @@ var RankingScreen = function RankingScreen(_ref) {
242
233
  animationDisabled: isPreview,
243
234
  focusable: current && isView,
244
235
  openWebView: openWebView
245
- }))) : 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);
246
248
  };
247
249
 
248
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,19 +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
- withoutVideo: isPreview
236
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
237
- width: width,
238
- height: height
229
+ className: styles.content
239
230
  }, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
240
231
  className: styles.scroll,
241
232
  verticalAlign: "middle",
@@ -263,7 +254,18 @@ var RankingScreen = function RankingScreen(_ref) {
263
254
  animationDisabled: isPreview,
264
255
  focusable: current && isView,
265
256
  openWebView: openWebView
266
- }))) : 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);
267
269
  };
268
270
 
269
271
  RankingScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-ranking",
3
- "version": "0.3.229",
3
+ "version": "0.3.233",
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.227",
53
- "@micromag/data": "^0.3.227",
54
- "@micromag/element-background": "^0.3.229",
55
- "@micromag/element-call-to-action": "^0.3.227",
56
- "@micromag/element-container": "^0.3.227",
57
- "@micromag/element-heading": "^0.3.227",
58
- "@micromag/element-layout": "^0.3.227",
59
- "@micromag/element-scroll": "^0.3.227",
60
- "@micromag/element-text": "^0.3.227",
61
- "@micromag/transforms": "^0.3.227",
52
+ "@micromag/core": "^0.3.233",
53
+ "@micromag/data": "^0.3.233",
54
+ "@micromag/element-background": "^0.3.233",
55
+ "@micromag/element-call-to-action": "^0.3.233",
56
+ "@micromag/element-container": "^0.3.233",
57
+ "@micromag/element-heading": "^0.3.233",
58
+ "@micromag/element-layout": "^0.3.233",
59
+ "@micromag/element-scroll": "^0.3.233",
60
+ "@micromag/element-text": "^0.3.233",
61
+ "@micromag/transforms": "^0.3.233",
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": "016a184ef8d48567b245a906cb8e2bfc41f9aafd"
71
+ "gitHead": "1849b8fc36ca5b6c6a13045db441495bba22184f"
72
72
  }