@micromag/screen-urbania-article 0.3.360 → 0.3.362
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 +9 -6
- package/lib/index.js +9 -6
- package/package.json +15 -15
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-article-
|
|
1
|
+
.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-content,.micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-footerContainer,.micromag-screen-urbania-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;position:relative;width:80%}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent{-ms-flex-positive:1;-ms-flex-pack:end;background-color:transparent;flex-grow:1;justify-content:flex-end;margin-bottom:70px;position:relative}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:absolute}.micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-background{z-index:1}.micromag-screen-urbania-article-content{height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2}.micromag-screen-urbania-article-articleContent,.micromag-screen-urbania-article-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-articleContent{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#222;justify-content:center;text-align:center;z-index:3}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{padding:3px 20px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-overTitle{border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-lede p{margin:0}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors.micromag-screen-urbania-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors p,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-visual{height:100%;z-index:2}.micromag-screen-urbania-article-footerContainer{z-index:3}.micromag-screen-urbania-article-footer{bottom:0;left:0;padding-bottom:5px;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle;z-index:10}.micromag-screen-urbania-article-footer .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-footer .micromag-screen-urbania-article-icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:1px}.micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-bottom{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-image{height:100%!important;position:relative!important;width:100%!important}.micromag-screen-urbania-article-isCurrent .micromag-screen-urbania-article-image{-webkit-animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-img{height:100%!important;left:auto!important;-o-object-fit:cover;object-fit:cover;position:relative!important;top:auto!important;width:100%!important}@-webkit-keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
|
package/es/index.js
CHANGED
|
@@ -93,7 +93,7 @@ var WatchIcon = function WatchIcon(_ref) {
|
|
|
93
93
|
WatchIcon.propTypes = propTypes$2;
|
|
94
94
|
WatchIcon.defaultProps = defaultProps$2;
|
|
95
95
|
|
|
96
|
-
var styles = {"
|
|
96
|
+
var styles = {"footerContainer":"micromag-screen-urbania-article-footerContainer","content":"micromag-screen-urbania-article-content","video":"micromag-screen-urbania-article-video","empty":"micromag-screen-urbania-article-empty","container":"micromag-screen-urbania-article-container","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-articleContent","title":"micromag-screen-urbania-article-title","description":"micromag-screen-urbania-article-description","sponsors":"micromag-screen-urbania-article-sponsors","emptyContainer":"micromag-screen-urbania-article-emptyContainer","callToAction":"micromag-screen-urbania-article-callToAction","small":"micromag-screen-urbania-article-small","background":"micromag-screen-urbania-article-background","overTitle":"micromag-screen-urbania-article-overTitle","authors":"micromag-screen-urbania-article-authors","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","footer":"micromag-screen-urbania-article-footer","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","header":"micromag-screen-urbania-article-header","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
|
|
97
97
|
|
|
98
98
|
var propTypes$1 = {
|
|
99
99
|
hasArticle: PropTypes.bool,
|
|
@@ -175,7 +175,8 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
175
175
|
openedWebView = _useViewerWebView.opened,
|
|
176
176
|
openWebView = _useViewerWebView.open;
|
|
177
177
|
var _useViewerContext = useViewerContext(),
|
|
178
|
-
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth
|
|
178
|
+
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth,
|
|
179
|
+
viewerTopHeight = _useViewerContext.topHeight;
|
|
179
180
|
var _usePlaybackContext = usePlaybackContext(),
|
|
180
181
|
muted = _usePlaybackContext.muted,
|
|
181
182
|
playing = _usePlaybackContext.playing;
|
|
@@ -358,7 +359,10 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
358
359
|
key: "header",
|
|
359
360
|
className: styles.header,
|
|
360
361
|
style: {
|
|
361
|
-
paddingTop: spacing
|
|
362
|
+
paddingTop: spacing / 2,
|
|
363
|
+
paddingLeft: spacing,
|
|
364
|
+
paddingRight: spacing,
|
|
365
|
+
transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
|
|
362
366
|
}
|
|
363
367
|
}, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement("div", {
|
|
364
368
|
className: classNames([styles.articleContent, _defineProperty({}, styles["".concat(site)], site !== null)]),
|
|
@@ -413,15 +417,14 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
413
417
|
mediaRef: mediaRef,
|
|
414
418
|
autoPlay: true
|
|
415
419
|
}) : null)), /*#__PURE__*/React.createElement("div", {
|
|
416
|
-
className: styles.
|
|
420
|
+
className: styles.footerContainer
|
|
417
421
|
}, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
|
|
418
|
-
key: "call-to-action",
|
|
419
422
|
style: {
|
|
420
423
|
paddingTop: spacing,
|
|
421
424
|
paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
|
|
422
425
|
paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
|
|
423
426
|
},
|
|
424
|
-
className: styles.
|
|
427
|
+
className: styles.footer
|
|
425
428
|
}, /*#__PURE__*/React.createElement(Footer, Object.assign({}, footerProps, {
|
|
426
429
|
buttonClassName: styles.button,
|
|
427
430
|
labelClassName: styles.label,
|
package/lib/index.js
CHANGED
|
@@ -115,7 +115,7 @@ var WatchIcon = function WatchIcon(_ref) {
|
|
|
115
115
|
WatchIcon.propTypes = propTypes$2;
|
|
116
116
|
WatchIcon.defaultProps = defaultProps$2;
|
|
117
117
|
|
|
118
|
-
var styles = {"
|
|
118
|
+
var styles = {"footerContainer":"micromag-screen-urbania-article-footerContainer","content":"micromag-screen-urbania-article-content","video":"micromag-screen-urbania-article-video","empty":"micromag-screen-urbania-article-empty","container":"micromag-screen-urbania-article-container","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-articleContent","title":"micromag-screen-urbania-article-title","description":"micromag-screen-urbania-article-description","sponsors":"micromag-screen-urbania-article-sponsors","emptyContainer":"micromag-screen-urbania-article-emptyContainer","callToAction":"micromag-screen-urbania-article-callToAction","small":"micromag-screen-urbania-article-small","background":"micromag-screen-urbania-article-background","overTitle":"micromag-screen-urbania-article-overTitle","authors":"micromag-screen-urbania-article-authors","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","footer":"micromag-screen-urbania-article-footer","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","header":"micromag-screen-urbania-article-header","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
|
|
119
119
|
|
|
120
120
|
var propTypes$1 = {
|
|
121
121
|
hasArticle: PropTypes__default["default"].bool,
|
|
@@ -197,7 +197,8 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
197
197
|
openedWebView = _useViewerWebView.opened,
|
|
198
198
|
openWebView = _useViewerWebView.open;
|
|
199
199
|
var _useViewerContext = contexts.useViewerContext(),
|
|
200
|
-
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth
|
|
200
|
+
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth,
|
|
201
|
+
viewerTopHeight = _useViewerContext.topHeight;
|
|
201
202
|
var _usePlaybackContext = contexts.usePlaybackContext(),
|
|
202
203
|
muted = _usePlaybackContext.muted,
|
|
203
204
|
playing = _usePlaybackContext.playing;
|
|
@@ -380,7 +381,10 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
380
381
|
key: "header",
|
|
381
382
|
className: styles.header,
|
|
382
383
|
style: {
|
|
383
|
-
paddingTop: spacing
|
|
384
|
+
paddingTop: spacing / 2,
|
|
385
|
+
paddingLeft: spacing,
|
|
386
|
+
paddingRight: spacing,
|
|
387
|
+
transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
|
|
384
388
|
}
|
|
385
389
|
}, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
386
390
|
className: classNames__default["default"]([styles.articleContent, _defineProperty__default["default"]({}, styles["".concat(site)], site !== null)]),
|
|
@@ -435,15 +439,14 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
435
439
|
mediaRef: mediaRef,
|
|
436
440
|
autoPlay: true
|
|
437
441
|
}) : null)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
438
|
-
className: styles.
|
|
442
|
+
className: styles.footerContainer
|
|
439
443
|
}, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
440
|
-
key: "call-to-action",
|
|
441
444
|
style: {
|
|
442
445
|
paddingTop: spacing,
|
|
443
446
|
paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
|
|
444
447
|
paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
|
|
445
448
|
},
|
|
446
|
-
className: styles.
|
|
449
|
+
className: styles.footer
|
|
447
450
|
}, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], Object.assign({}, footerProps, {
|
|
448
451
|
buttonClassName: styles.button,
|
|
449
452
|
labelClassName: styles.label,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-article",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.362",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -51,19 +51,19 @@
|
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
52
|
"@folklore/fetch": "^0.1.15",
|
|
53
53
|
"@folklore/size": "^0.1.20",
|
|
54
|
-
"@micromag/core": "^0.3.
|
|
55
|
-
"@micromag/element-background": "^0.3.
|
|
56
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
57
|
-
"@micromag/element-container": "^0.3.
|
|
58
|
-
"@micromag/element-footer": "^0.3.
|
|
59
|
-
"@micromag/element-header": "^0.3.
|
|
60
|
-
"@micromag/element-heading": "^0.3.
|
|
61
|
-
"@micromag/element-image": "^0.3.
|
|
62
|
-
"@micromag/element-text": "^0.3.
|
|
63
|
-
"@micromag/element-urbania-author": "^0.3.
|
|
64
|
-
"@micromag/element-video": "^0.3.
|
|
65
|
-
"@micromag/element-visual": "^0.3.
|
|
66
|
-
"@micromag/transforms": "^0.3.
|
|
54
|
+
"@micromag/core": "^0.3.362",
|
|
55
|
+
"@micromag/element-background": "^0.3.362",
|
|
56
|
+
"@micromag/element-closed-captions": "^0.3.362",
|
|
57
|
+
"@micromag/element-container": "^0.3.362",
|
|
58
|
+
"@micromag/element-footer": "^0.3.362",
|
|
59
|
+
"@micromag/element-header": "^0.3.362",
|
|
60
|
+
"@micromag/element-heading": "^0.3.362",
|
|
61
|
+
"@micromag/element-image": "^0.3.362",
|
|
62
|
+
"@micromag/element-text": "^0.3.362",
|
|
63
|
+
"@micromag/element-urbania-author": "^0.3.362",
|
|
64
|
+
"@micromag/element-video": "^0.3.362",
|
|
65
|
+
"@micromag/element-visual": "^0.3.362",
|
|
66
|
+
"@micromag/transforms": "^0.3.362",
|
|
67
67
|
"classnames": "^2.2.6",
|
|
68
68
|
"lodash": "^4.17.21",
|
|
69
69
|
"prop-types": "^15.7.2",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "21619f51536d95517afabfdf316ef8fc345f6562"
|
|
77
77
|
}
|