@micromag/screen-title 0.3.250 → 0.3.251
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.
- package/assets/css/styles.css +1 -1
- package/es/index.js +13 -16
- package/lib/index.js +13 -16
- package/package.json +10 -10
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-title-container
|
|
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}
|
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","
|
|
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"};
|
|
23
23
|
|
|
24
24
|
var propTypes$2 = {
|
|
25
25
|
layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
|
|
@@ -171,17 +171,25 @@ 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
|
-
}, /*#__PURE__*/React.createElement(
|
|
174
|
+
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
175
|
+
background: background,
|
|
175
176
|
width: width,
|
|
176
177
|
height: height,
|
|
177
|
-
|
|
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
|
|
178
186
|
}, /*#__PURE__*/React.createElement(Layout, {
|
|
179
187
|
className: styles.layout,
|
|
180
188
|
fullscreen: true,
|
|
181
189
|
verticalAlign: verticalAlign,
|
|
182
190
|
style: !isPlaceholder ? {
|
|
183
191
|
padding: spacing,
|
|
184
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
192
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
185
193
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
186
194
|
} : null
|
|
187
195
|
}, !isPlaceholder && hasCallToAction && isMiddleLayout ? /*#__PURE__*/React.createElement(Spacer, {
|
|
@@ -234,18 +242,7 @@ var TitleScreen = function TitleScreen(_ref) {
|
|
|
234
242
|
animationDisabled: isPreview,
|
|
235
243
|
focusable: current && isView,
|
|
236
244
|
openWebView: openWebView
|
|
237
|
-
}))) : null))
|
|
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);
|
|
245
|
+
}))) : null)));
|
|
249
246
|
};
|
|
250
247
|
|
|
251
248
|
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","
|
|
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"};
|
|
44
44
|
|
|
45
45
|
var propTypes$2 = {
|
|
46
46
|
layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
|
|
@@ -192,17 +192,25 @@ 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
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
195
|
+
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
196
|
+
background: background,
|
|
196
197
|
width: width,
|
|
197
198
|
height: height,
|
|
198
|
-
|
|
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
|
|
199
207
|
}, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
|
|
200
208
|
className: styles.layout,
|
|
201
209
|
fullscreen: true,
|
|
202
210
|
verticalAlign: verticalAlign,
|
|
203
211
|
style: !isPlaceholder ? {
|
|
204
212
|
padding: spacing,
|
|
205
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
213
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
206
214
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
207
215
|
} : null
|
|
208
216
|
}, !isPlaceholder && hasCallToAction && isMiddleLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
|
|
@@ -255,18 +263,7 @@ var TitleScreen = function TitleScreen(_ref) {
|
|
|
255
263
|
animationDisabled: isPreview,
|
|
256
264
|
focusable: current && isView,
|
|
257
265
|
openWebView: openWebView
|
|
258
|
-
}))) : null))
|
|
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);
|
|
266
|
+
}))) : null)));
|
|
270
267
|
};
|
|
271
268
|
|
|
272
269
|
TitleScreen.propTypes = propTypes$2;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-title",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.251",
|
|
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.
|
|
53
|
-
"@micromag/element-background": "^0.3.
|
|
54
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
55
|
-
"@micromag/element-container": "^0.3.
|
|
56
|
-
"@micromag/element-heading": "^0.3.
|
|
57
|
-
"@micromag/element-layout": "^0.3.
|
|
58
|
-
"@micromag/element-text": "^0.3.
|
|
59
|
-
"@micromag/transforms": "^0.3.
|
|
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",
|
|
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": "
|
|
69
|
+
"gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
|
|
70
70
|
}
|