@micromag/screen-text 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 +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-text-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-text-disabled.micromag-screen-text-container{overflow:hidden;pointer-events:none}.micromag-screen-text-hidden.micromag-screen-text-container{display:none;visibility:hidden}.micromag-screen-text-placeholder.micromag-screen-text-container .micromag-screen-text-content{position:relative;padding:6px}.micromag-screen-text-container .micromag-screen-text-emptyText,.micromag-screen-text-container .micromag-screen-text-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-text-container .micromag-screen-text-emptyTitle{height:100px}.micromag-screen-text-container .micromag-screen-text-emptyText{height:50px}.micromag-screen-text-container .micromag-screen-text-title.micromag-screen-text-withMargin{margin-bottom:20px}.micromag-screen-text-container.micromag-screen-text-isPlaceholder .micromag-screen-text-layout{padding:10px}
1
+ .micromag-screen-text-container .micromag-screen-text-background{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-text-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-text-disabled.micromag-screen-text-container{overflow:hidden;pointer-events:none}.micromag-screen-text-hidden.micromag-screen-text-container{display:none;visibility:hidden}.micromag-screen-text-placeholder.micromag-screen-text-container .micromag-screen-text-content{position:relative;padding:6px}.micromag-screen-text-container .micromag-screen-text-emptyText,.micromag-screen-text-container .micromag-screen-text-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-text-container .micromag-screen-text-background{z-index:0}.micromag-screen-text-container .micromag-screen-text-content{z-index:1}.micromag-screen-text-container .micromag-screen-text-emptyText,.micromag-screen-text-container .micromag-screen-text-emptyTitle{width:100%;margin:10px auto}.micromag-screen-text-container .micromag-screen-text-emptyTitle{height:100px}.micromag-screen-text-container .micromag-screen-text-emptyText{height:50px}.micromag-screen-text-container .micromag-screen-text-title.micromag-screen-text-withMargin{margin-bottom:20px}.micromag-screen-text-container.micromag-screen-text-isPlaceholder .micromag-screen-text-layout{padding:10px}
package/es/index.js CHANGED
@@ -18,7 +18,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
18
18
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
19
19
  import { Heading1, Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
20
20
 
21
- var styles = {"container":"micromag-screen-text-container","disabled":"micromag-screen-text-disabled","hidden":"micromag-screen-text-hidden","placeholder":"micromag-screen-text-placeholder","content":"micromag-screen-text-content","emptyText":"micromag-screen-text-emptyText","emptyTitle":"micromag-screen-text-emptyTitle","title":"micromag-screen-text-title","withMargin":"micromag-screen-text-withMargin","isPlaceholder":"micromag-screen-text-isPlaceholder","layout":"micromag-screen-text-layout"};
21
+ var styles = {"container":"micromag-screen-text-container","background":"micromag-screen-text-background","disabled":"micromag-screen-text-disabled","hidden":"micromag-screen-text-hidden","placeholder":"micromag-screen-text-placeholder","content":"micromag-screen-text-content","emptyText":"micromag-screen-text-emptyText","emptyTitle":"micromag-screen-text-emptyTitle","title":"micromag-screen-text-title","withMargin":"micromag-screen-text-withMargin","isPlaceholder":"micromag-screen-text-isPlaceholder","layout":"micromag-screen-text-layout"};
22
22
 
23
23
  var propTypes = {
24
24
  layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split']),
@@ -158,25 +158,17 @@ var TextScreen = function TextScreen(_ref) {
158
158
  return /*#__PURE__*/React.createElement("div", {
159
159
  className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
160
160
  "data-screen-ready": true
161
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
162
- background: background,
161
+ }, /*#__PURE__*/React.createElement(Container, {
163
162
  width: width,
164
163
  height: height,
165
- resolution: resolution,
166
- playing: backgroundPlaying,
167
- muted: muted,
168
- shouldLoad: backgroundShouldLoad,
169
- mediaRef: mediaRef
170
- }) : null, /*#__PURE__*/React.createElement(Container, {
171
- width: width,
172
- height: height
164
+ className: styles.content
173
165
  }, /*#__PURE__*/React.createElement(Layout, {
174
166
  className: styles.layout,
175
167
  fullscreen: true,
176
168
  verticalAlign: verticalAlign,
177
169
  style: !isPlaceholder ? {
178
170
  padding: spacing,
179
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
171
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
180
172
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
181
173
  } : null
182
174
  }, /*#__PURE__*/React.createElement(TransitionsStagger, {
@@ -184,7 +176,18 @@ var TextScreen = function TextScreen(_ref) {
184
176
  stagger: transitionStagger,
185
177
  disabled: transitionDisabled,
186
178
  playing: transitionPlaying
187
- }, items))));
179
+ }, items))), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
180
+ background: background,
181
+ width: width,
182
+ height: height,
183
+ resolution: resolution,
184
+ playing: backgroundPlaying,
185
+ muted: muted,
186
+ shouldLoad: backgroundShouldLoad,
187
+ mediaRef: mediaRef,
188
+ withoutVideo: isPreview,
189
+ className: styles.background
190
+ }) : null);
188
191
  };
189
192
 
190
193
  TextScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -38,7 +38,7 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
38
38
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
39
39
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
40
40
 
41
- var styles = {"container":"micromag-screen-text-container","disabled":"micromag-screen-text-disabled","hidden":"micromag-screen-text-hidden","placeholder":"micromag-screen-text-placeholder","content":"micromag-screen-text-content","emptyText":"micromag-screen-text-emptyText","emptyTitle":"micromag-screen-text-emptyTitle","title":"micromag-screen-text-title","withMargin":"micromag-screen-text-withMargin","isPlaceholder":"micromag-screen-text-isPlaceholder","layout":"micromag-screen-text-layout"};
41
+ var styles = {"container":"micromag-screen-text-container","background":"micromag-screen-text-background","disabled":"micromag-screen-text-disabled","hidden":"micromag-screen-text-hidden","placeholder":"micromag-screen-text-placeholder","content":"micromag-screen-text-content","emptyText":"micromag-screen-text-emptyText","emptyTitle":"micromag-screen-text-emptyTitle","title":"micromag-screen-text-title","withMargin":"micromag-screen-text-withMargin","isPlaceholder":"micromag-screen-text-isPlaceholder","layout":"micromag-screen-text-layout"};
42
42
 
43
43
  var propTypes = {
44
44
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split']),
@@ -178,25 +178,17 @@ var TextScreen = function TextScreen(_ref) {
178
178
  return /*#__PURE__*/React__default["default"].createElement("div", {
179
179
  className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
180
180
  "data-screen-ready": true
181
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
182
- background: background,
181
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
183
182
  width: width,
184
183
  height: height,
185
- resolution: resolution,
186
- playing: backgroundPlaying,
187
- muted: muted,
188
- shouldLoad: backgroundShouldLoad,
189
- mediaRef: mediaRef
190
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
191
- width: width,
192
- height: height
184
+ className: styles.content
193
185
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
194
186
  className: styles.layout,
195
187
  fullscreen: true,
196
188
  verticalAlign: verticalAlign,
197
189
  style: !isPlaceholder ? {
198
190
  padding: spacing,
199
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
191
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
200
192
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
201
193
  } : null
202
194
  }, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
@@ -204,7 +196,18 @@ var TextScreen = function TextScreen(_ref) {
204
196
  stagger: transitionStagger,
205
197
  disabled: transitionDisabled,
206
198
  playing: transitionPlaying
207
- }, items))));
199
+ }, items))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
200
+ background: background,
201
+ width: width,
202
+ height: height,
203
+ resolution: resolution,
204
+ playing: backgroundPlaying,
205
+ muted: muted,
206
+ shouldLoad: backgroundShouldLoad,
207
+ mediaRef: mediaRef,
208
+ withoutVideo: isPreview,
209
+ className: styles.background
210
+ }) : null);
208
211
  };
209
212
 
210
213
  TextScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-text",
3
- "version": "0.3.251",
3
+ "version": "0.3.252",
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-heading": "^0.3.251",
57
- "@micromag/element-layout": "^0.3.251",
58
- "@micromag/element-text": "^0.3.251",
59
- "@micromag/transforms": "^0.3.251",
52
+ "@micromag/core": "^0.3.252",
53
+ "@micromag/element-background": "^0.3.252",
54
+ "@micromag/element-call-to-action": "^0.3.252",
55
+ "@micromag/element-container": "^0.3.252",
56
+ "@micromag/element-heading": "^0.3.252",
57
+ "@micromag/element-layout": "^0.3.252",
58
+ "@micromag/element-text": "^0.3.252",
59
+ "@micromag/transforms": "^0.3.252",
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": "67a8b8144a40086a6dfd98c9eb8c4b6b8ebb05b0"
70
70
  }