@micromag/screen-quote 0.3.230 → 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 +15 -13
  3. package/lib/index.js +15 -13
  4. package/package.json +10 -10
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-quote-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-quote-disabled.micromag-screen-quote-container{overflow:hidden;pointer-events:none}.micromag-screen-quote-hidden.micromag-screen-quote-container{display:none;visibility:hidden}.micromag-screen-quote-placeholder.micromag-screen-quote-container .micromag-screen-quote-content{position:relative;padding:6px}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor,.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{height:200px}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor{height:50px}.micromag-screen-quote-container .micromag-screen-quote-quote{font-size:2em}.micromag-screen-quote-container .micromag-screen-quote-quote.micromag-screen-quote-withMargin{margin-bottom:1em}.micromag-screen-quote-container.micromag-screen-quote-isPlaceholder .micromag-screen-quote-layout{padding:10px}
1
+ .micromag-screen-quote-container .micromag-screen-quote-background{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-quote-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-quote-disabled.micromag-screen-quote-container{overflow:hidden;pointer-events:none}.micromag-screen-quote-hidden.micromag-screen-quote-container{display:none;visibility:hidden}.micromag-screen-quote-placeholder.micromag-screen-quote-container .micromag-screen-quote-content{position:relative;padding:6px}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor,.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quote-container .micromag-screen-quote-background{z-index:0}.micromag-screen-quote-container .micromag-screen-quote-content{z-index:1}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor,.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{width:100%;margin:10px auto}.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{height:200px}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor{height:50px}.micromag-screen-quote-container .micromag-screen-quote-quote{font-size:2em}.micromag-screen-quote-container .micromag-screen-quote-quote.micromag-screen-quote-withMargin{margin-bottom:1em}.micromag-screen-quote-container.micromag-screen-quote-isPlaceholder .micromag-screen-quote-layout{padding:10px}
package/es/index.js CHANGED
@@ -17,7 +17,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
17
17
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
18
18
  import { Quote as Quote$1, Author, Container as Container$1 } from '@micromag/transforms/apple-news';
19
19
 
20
- var styles = {"container":"micromag-screen-quote-container","disabled":"micromag-screen-quote-disabled","hidden":"micromag-screen-quote-hidden","placeholder":"micromag-screen-quote-placeholder","content":"micromag-screen-quote-content","emptyAuthor":"micromag-screen-quote-emptyAuthor","emptyQuote":"micromag-screen-quote-emptyQuote","quote":"micromag-screen-quote-quote","withMargin":"micromag-screen-quote-withMargin","isPlaceholder":"micromag-screen-quote-isPlaceholder","layout":"micromag-screen-quote-layout"};
20
+ var styles = {"container":"micromag-screen-quote-container","background":"micromag-screen-quote-background","disabled":"micromag-screen-quote-disabled","hidden":"micromag-screen-quote-hidden","placeholder":"micromag-screen-quote-placeholder","content":"micromag-screen-quote-content","emptyAuthor":"micromag-screen-quote-emptyAuthor","emptyQuote":"micromag-screen-quote-emptyQuote","quote":"micromag-screen-quote-quote","withMargin":"micromag-screen-quote-withMargin","isPlaceholder":"micromag-screen-quote-isPlaceholder","layout":"micromag-screen-quote-layout"};
21
21
 
22
22
  var propTypes = {
23
23
  layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split']),
@@ -153,19 +153,10 @@ var QuoteScreen = function QuoteScreen(_ref) {
153
153
  return /*#__PURE__*/React.createElement("div", {
154
154
  className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
155
155
  "data-screen-ready": true
156
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
157
- background: background,
156
+ }, /*#__PURE__*/React.createElement(Container, {
158
157
  width: width,
159
158
  height: height,
160
- resolution: resolution,
161
- playing: backgroundPlaying,
162
- muted: muted,
163
- shouldLoad: mediaShouldLoad,
164
- mediaRef: mediaRef,
165
- withoutVideo: isPreview
166
- }) : null, /*#__PURE__*/React.createElement(Container, {
167
- width: width,
168
- height: height
159
+ className: styles.content
169
160
  }, /*#__PURE__*/React.createElement(Layout, {
170
161
  className: styles.layout,
171
162
  fullscreen: true,
@@ -180,7 +171,18 @@ var QuoteScreen = function QuoteScreen(_ref) {
180
171
  stagger: transitionStagger,
181
172
  disabled: transitionDisabled,
182
173
  playing: transitionPlaying
183
- }, items))));
174
+ }, items))), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
175
+ background: background,
176
+ width: width,
177
+ height: height,
178
+ resolution: resolution,
179
+ playing: backgroundPlaying,
180
+ muted: muted,
181
+ shouldLoad: mediaShouldLoad,
182
+ mediaRef: mediaRef,
183
+ withoutVideo: isPreview,
184
+ className: styles.background
185
+ }) : null);
184
186
  };
185
187
 
186
188
  QuoteScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -36,7 +36,7 @@ var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
36
36
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
37
37
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
38
38
 
39
- var styles = {"container":"micromag-screen-quote-container","disabled":"micromag-screen-quote-disabled","hidden":"micromag-screen-quote-hidden","placeholder":"micromag-screen-quote-placeholder","content":"micromag-screen-quote-content","emptyAuthor":"micromag-screen-quote-emptyAuthor","emptyQuote":"micromag-screen-quote-emptyQuote","quote":"micromag-screen-quote-quote","withMargin":"micromag-screen-quote-withMargin","isPlaceholder":"micromag-screen-quote-isPlaceholder","layout":"micromag-screen-quote-layout"};
39
+ var styles = {"container":"micromag-screen-quote-container","background":"micromag-screen-quote-background","disabled":"micromag-screen-quote-disabled","hidden":"micromag-screen-quote-hidden","placeholder":"micromag-screen-quote-placeholder","content":"micromag-screen-quote-content","emptyAuthor":"micromag-screen-quote-emptyAuthor","emptyQuote":"micromag-screen-quote-emptyQuote","quote":"micromag-screen-quote-quote","withMargin":"micromag-screen-quote-withMargin","isPlaceholder":"micromag-screen-quote-isPlaceholder","layout":"micromag-screen-quote-layout"};
40
40
 
41
41
  var propTypes = {
42
42
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split']),
@@ -172,19 +172,10 @@ var QuoteScreen = function QuoteScreen(_ref) {
172
172
  return /*#__PURE__*/React__default["default"].createElement("div", {
173
173
  className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
174
174
  "data-screen-ready": true
175
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
176
- background: background,
175
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
177
176
  width: width,
178
177
  height: height,
179
- resolution: resolution,
180
- playing: backgroundPlaying,
181
- muted: muted,
182
- shouldLoad: mediaShouldLoad,
183
- mediaRef: mediaRef,
184
- withoutVideo: isPreview
185
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
186
- width: width,
187
- height: height
178
+ className: styles.content
188
179
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
189
180
  className: styles.layout,
190
181
  fullscreen: true,
@@ -199,7 +190,18 @@ var QuoteScreen = function QuoteScreen(_ref) {
199
190
  stagger: transitionStagger,
200
191
  disabled: transitionDisabled,
201
192
  playing: transitionPlaying
202
- }, items))));
193
+ }, items))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
194
+ background: background,
195
+ width: width,
196
+ height: height,
197
+ resolution: resolution,
198
+ playing: backgroundPlaying,
199
+ muted: muted,
200
+ shouldLoad: mediaShouldLoad,
201
+ mediaRef: mediaRef,
202
+ withoutVideo: isPreview,
203
+ className: styles.background
204
+ }) : null);
203
205
  };
204
206
 
205
207
  QuoteScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-quote",
3
- "version": "0.3.230",
3
+ "version": "0.3.233",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,14 +49,14 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.230",
53
- "@micromag/element-background": "^0.3.230",
54
- "@micromag/element-call-to-action": "^0.3.230",
55
- "@micromag/element-container": "^0.3.230",
56
- "@micromag/element-layout": "^0.3.230",
57
- "@micromag/element-quote": "^0.3.230",
58
- "@micromag/element-text": "^0.3.230",
59
- "@micromag/transforms": "^0.3.230",
52
+ "@micromag/core": "^0.3.233",
53
+ "@micromag/element-background": "^0.3.233",
54
+ "@micromag/element-call-to-action": "^0.3.233",
55
+ "@micromag/element-container": "^0.3.233",
56
+ "@micromag/element-layout": "^0.3.233",
57
+ "@micromag/element-quote": "^0.3.233",
58
+ "@micromag/element-text": "^0.3.233",
59
+ "@micromag/transforms": "^0.3.233",
60
60
  "classnames": "^2.2.6",
61
61
  "lodash": "^4.17.21",
62
62
  "prop-types": "^15.7.2",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "e69201dc3a0c466c0140d3f9d382c9873b1cead9"
69
+ "gitHead": "1849b8fc36ca5b6c6a13045db441495bba22184f"
70
70
  }