@micromag/screen-title 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-title-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-title-disabled.micromag-screen-title-container{overflow:hidden;pointer-events:none}.micromag-screen-title-hidden.micromag-screen-title-container{display:none;visibility:hidden}.micromag-screen-title-placeholder.micromag-screen-title-container .micromag-screen-title-content{position:relative;padding:6px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:10px}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5);mix-blend-mode:difference}
1
+ .micromag-screen-title-container .micromag-screen-title-background{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-title-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-title-disabled.micromag-screen-title-container{overflow:hidden;pointer-events:none}.micromag-screen-title-hidden.micromag-screen-title-container{display:none;visibility:hidden}.micromag-screen-title-placeholder.micromag-screen-title-container .micromag-screen-title-content{position:relative;padding:6px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-title-container .micromag-screen-title-background{z-index:0}.micromag-screen-title-container .micromag-screen-title-content{z-index:1}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{width:100%;margin:10px auto}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:10px}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5);mix-blend-mode:difference}
package/es/index.js CHANGED
@@ -19,7 +19,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
19
19
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
20
20
  import { Heading1, Heading2, Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
21
21
 
22
- var styles = {"container":"micromag-screen-title-container","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyDescription":"micromag-screen-title-emptyDescription","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyTitle":"micromag-screen-title-emptyTitle","subtitle":"micromag-screen-title-subtitle","withMargin":"micromag-screen-title-withMargin","title":"micromag-screen-title-title","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
22
+ var styles = {"container":"micromag-screen-title-container","background":"micromag-screen-title-background","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyDescription":"micromag-screen-title-emptyDescription","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyTitle":"micromag-screen-title-emptyTitle","subtitle":"micromag-screen-title-subtitle","withMargin":"micromag-screen-title-withMargin","title":"micromag-screen-title-title","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
23
23
 
24
24
  var propTypes$2 = {
25
25
  layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
@@ -171,25 +171,17 @@ var TitleScreen = function TitleScreen(_ref) {
171
171
  return /*#__PURE__*/React.createElement("div", {
172
172
  className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
173
173
  "data-screen-ready": true
174
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
175
- background: background,
174
+ }, /*#__PURE__*/React.createElement(Container, {
176
175
  width: width,
177
176
  height: height,
178
- resolution: resolution,
179
- playing: backgroundPlaying,
180
- muted: muted,
181
- shouldLoad: backgroundShouldLoad,
182
- mediaRef: mediaRef
183
- }) : null, /*#__PURE__*/React.createElement(Container, {
184
- width: width,
185
- height: height
177
+ className: styles.content
186
178
  }, /*#__PURE__*/React.createElement(Layout, {
187
179
  className: styles.layout,
188
180
  fullscreen: true,
189
181
  verticalAlign: verticalAlign,
190
182
  style: !isPlaceholder ? {
191
183
  padding: spacing,
192
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
184
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
193
185
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
194
186
  } : null
195
187
  }, !isPlaceholder && hasCallToAction && isMiddleLayout ? /*#__PURE__*/React.createElement(Spacer, {
@@ -242,7 +234,18 @@ var TitleScreen = function TitleScreen(_ref) {
242
234
  animationDisabled: isPreview,
243
235
  focusable: current && isView,
244
236
  openWebView: openWebView
245
- }))) : null)));
237
+ }))) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
238
+ background: background,
239
+ width: width,
240
+ height: height,
241
+ resolution: resolution,
242
+ playing: backgroundPlaying,
243
+ muted: muted,
244
+ shouldLoad: backgroundShouldLoad,
245
+ mediaRef: mediaRef,
246
+ withoutVideo: isPreview,
247
+ className: styles.background
248
+ }) : null);
246
249
  };
247
250
 
248
251
  TitleScreen.propTypes = propTypes$2;
package/lib/index.js CHANGED
@@ -40,7 +40,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
40
40
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
41
41
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
42
42
 
43
- var styles = {"container":"micromag-screen-title-container","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyDescription":"micromag-screen-title-emptyDescription","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyTitle":"micromag-screen-title-emptyTitle","subtitle":"micromag-screen-title-subtitle","withMargin":"micromag-screen-title-withMargin","title":"micromag-screen-title-title","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
43
+ var styles = {"container":"micromag-screen-title-container","background":"micromag-screen-title-background","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyDescription":"micromag-screen-title-emptyDescription","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyTitle":"micromag-screen-title-emptyTitle","subtitle":"micromag-screen-title-subtitle","withMargin":"micromag-screen-title-withMargin","title":"micromag-screen-title-title","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
44
44
 
45
45
  var propTypes$2 = {
46
46
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
@@ -192,25 +192,17 @@ var TitleScreen = function TitleScreen(_ref) {
192
192
  return /*#__PURE__*/React__default["default"].createElement("div", {
193
193
  className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
194
194
  "data-screen-ready": true
195
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
196
- background: background,
195
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
197
196
  width: width,
198
197
  height: height,
199
- resolution: resolution,
200
- playing: backgroundPlaying,
201
- muted: muted,
202
- shouldLoad: backgroundShouldLoad,
203
- mediaRef: mediaRef
204
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
205
- width: width,
206
- height: height
198
+ className: styles.content
207
199
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
208
200
  className: styles.layout,
209
201
  fullscreen: true,
210
202
  verticalAlign: verticalAlign,
211
203
  style: !isPlaceholder ? {
212
204
  padding: spacing,
213
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
205
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
214
206
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
215
207
  } : null
216
208
  }, !isPlaceholder && hasCallToAction && isMiddleLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
@@ -263,7 +255,18 @@ var TitleScreen = function TitleScreen(_ref) {
263
255
  animationDisabled: isPreview,
264
256
  focusable: current && isView,
265
257
  openWebView: openWebView
266
- }))) : null)));
258
+ }))) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
259
+ background: background,
260
+ width: width,
261
+ height: height,
262
+ resolution: resolution,
263
+ playing: backgroundPlaying,
264
+ muted: muted,
265
+ shouldLoad: backgroundShouldLoad,
266
+ mediaRef: mediaRef,
267
+ withoutVideo: isPreview,
268
+ className: styles.background
269
+ }) : null);
267
270
  };
268
271
 
269
272
  TitleScreen.propTypes = propTypes$2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-title",
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
  }