@micromag/screen-quote 0.3.251 → 0.3.262

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 -13
  3. package/lib/index.js +16 -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,25 +153,17 @@ 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
- }) : null, /*#__PURE__*/React.createElement(Container, {
166
- width: width,
167
- height: height
159
+ className: styles.content
168
160
  }, /*#__PURE__*/React.createElement(Layout, {
169
161
  className: styles.layout,
170
162
  fullscreen: true,
171
163
  verticalAlign: verticalAlign,
172
164
  style: !isPlaceholder ? {
173
165
  padding: spacing,
174
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
166
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
175
167
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
176
168
  } : null
177
169
  }, /*#__PURE__*/React.createElement(TransitionsStagger, {
@@ -179,7 +171,18 @@ var QuoteScreen = function QuoteScreen(_ref) {
179
171
  stagger: transitionStagger,
180
172
  disabled: transitionDisabled,
181
173
  playing: transitionPlaying
182
- }, 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);
183
186
  };
184
187
 
185
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,25 +172,17 @@ 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
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
185
- width: width,
186
- height: height
178
+ className: styles.content
187
179
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
188
180
  className: styles.layout,
189
181
  fullscreen: true,
190
182
  verticalAlign: verticalAlign,
191
183
  style: !isPlaceholder ? {
192
184
  padding: spacing,
193
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
185
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
194
186
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
195
187
  } : null
196
188
  }, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
@@ -198,7 +190,18 @@ var QuoteScreen = function QuoteScreen(_ref) {
198
190
  stagger: transitionStagger,
199
191
  disabled: transitionDisabled,
200
192
  playing: transitionPlaying
201
- }, 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);
202
205
  };
203
206
 
204
207
  QuoteScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-quote",
3
- "version": "0.3.251",
3
+ "version": "0.3.262",
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.251",
53
- "@micromag/element-background": "^0.3.251",
54
- "@micromag/element-call-to-action": "^0.3.251",
55
- "@micromag/element-container": "^0.3.251",
56
- "@micromag/element-layout": "^0.3.251",
57
- "@micromag/element-quote": "^0.3.251",
58
- "@micromag/element-text": "^0.3.251",
59
- "@micromag/transforms": "^0.3.251",
52
+ "@micromag/core": "^0.3.262",
53
+ "@micromag/element-background": "^0.3.262",
54
+ "@micromag/element-call-to-action": "^0.3.262",
55
+ "@micromag/element-container": "^0.3.262",
56
+ "@micromag/element-layout": "^0.3.262",
57
+ "@micromag/element-quote": "^0.3.262",
58
+ "@micromag/element-text": "^0.3.262",
59
+ "@micromag/transforms": "^0.3.262",
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": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
69
+ "gitHead": "2299eaeb150cfdd14b4da321bf9089ab1e6383c2"
70
70
  }