@micromag/screen-text 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-text-container
|
|
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}
|
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","
|
|
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"};
|
|
22
22
|
|
|
23
23
|
var propTypes = {
|
|
24
24
|
layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split']),
|
|
@@ -158,17 +158,25 @@ 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
|
-
}, /*#__PURE__*/React.createElement(
|
|
161
|
+
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
162
|
+
background: background,
|
|
162
163
|
width: width,
|
|
163
164
|
height: height,
|
|
164
|
-
|
|
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
|
|
165
173
|
}, /*#__PURE__*/React.createElement(Layout, {
|
|
166
174
|
className: styles.layout,
|
|
167
175
|
fullscreen: true,
|
|
168
176
|
verticalAlign: verticalAlign,
|
|
169
177
|
style: !isPlaceholder ? {
|
|
170
178
|
padding: spacing,
|
|
171
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
179
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
172
180
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
173
181
|
} : null
|
|
174
182
|
}, /*#__PURE__*/React.createElement(TransitionsStagger, {
|
|
@@ -176,18 +184,7 @@ var TextScreen = function TextScreen(_ref) {
|
|
|
176
184
|
stagger: transitionStagger,
|
|
177
185
|
disabled: transitionDisabled,
|
|
178
186
|
playing: transitionPlaying
|
|
179
|
-
}, items)))
|
|
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);
|
|
187
|
+
}, items))));
|
|
191
188
|
};
|
|
192
189
|
|
|
193
190
|
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","
|
|
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"};
|
|
42
42
|
|
|
43
43
|
var propTypes = {
|
|
44
44
|
layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split']),
|
|
@@ -178,17 +178,25 @@ 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
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
181
|
+
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
182
|
+
background: background,
|
|
182
183
|
width: width,
|
|
183
184
|
height: height,
|
|
184
|
-
|
|
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
|
|
185
193
|
}, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
|
|
186
194
|
className: styles.layout,
|
|
187
195
|
fullscreen: true,
|
|
188
196
|
verticalAlign: verticalAlign,
|
|
189
197
|
style: !isPlaceholder ? {
|
|
190
198
|
padding: spacing,
|
|
191
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
199
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
192
200
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
193
201
|
} : null
|
|
194
202
|
}, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
|
|
@@ -196,18 +204,7 @@ var TextScreen = function TextScreen(_ref) {
|
|
|
196
204
|
stagger: transitionStagger,
|
|
197
205
|
disabled: transitionDisabled,
|
|
198
206
|
playing: transitionPlaying
|
|
199
|
-
}, items)))
|
|
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);
|
|
207
|
+
}, items))));
|
|
211
208
|
};
|
|
212
209
|
|
|
213
210
|
TextScreen.propTypes = propTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-text",
|
|
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
|
}
|