@micromag/screen-urbania-article 0.3.832 → 0.4.4

package/assets/css/styles.css

@@ -1,2 +1,2 @@
-.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-visual,.micromag-screen-urbania-article-urbania-base-article-empty,.micromag-screen-urbania-article-urbania-base-article-footerContainer,.micromag-screen-urbania-article-urbania-base-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-disabled.micromag-screen-urbania-article-urbania-base-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-hidden.micromag-screen-urbania-article-urbania-base-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-placeholder.micromag-screen-urbania-article-urbania-base-article-container .micromag-screen-urbania-article-urbania-base-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-visual{position:relative;-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent{position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;background-color:transparent;justify-content:flex-end;margin-bottom:70px}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{margin-top:0}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-callToAction{position:absolute}.micromag-screen-urbania-article-urbania-base-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-urbania-base-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-urbania-base-article-emptyContainer.micromag-screen-urbania-article-urbania-base-article-small{padding-bottom:15%}.micromag-screen-urbania-article-urbania-base-article-empty{margin:0}.micromag-screen-urbania-article-urbania-base-article-background{position:absolute;z-index:1}.micromag-screen-urbania-article-urbania-base-article-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;position:static;width:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-articleContent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:3;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#222;justify-content:center;text-align:center;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{padding:3px 20px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-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-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{font-family:GarageGothic-Bold;font-size:36px;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors.micromag-screen-urbania-article-urbania-base-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-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-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors p,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-author{color:#5e79ff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-sponsors,.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-author{color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors .micromag-screen-urbania-article-urbania-base-article-author{color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities .micromag-screen-urbania-article-urbania-base-article-overTitle{color:#222}.micromag-screen-urbania-article-urbania-base-article-visual{height:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-footerContainer{z-index:3}.micromag-screen-urbania-article-urbania-base-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-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:2px}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-button{font-family:Agrandir;font-size:16px}.micromag-screen-urbania-article-urbania-base-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-urbania-base-article-placeholder{display:block}.micromag-screen-urbania-article-urbania-base-article-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-visible{opacity:1}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-urbania-base-article-image{height:100%!important;position:relative!important;width:100%!important}.micromag-screen-urbania-article-urbania-base-article-isCurrent .micromag-screen-urbania-article-urbania-base-article-image{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-urbania-base-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-urbania-base-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-urbania-base-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
-.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{scrollbar-width:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe::-webkit-scrollbar{display:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-disabled.micromag-screen-urbania-article-urbania-base-article-card-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-hidden.micromag-screen-urbania-article-urbania-base-article-card-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-card-placeholder.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-card-container{position:absolute}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-background{z-index:1}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-layout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer{z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardContainer.micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder{left:2.5%;top:55%;-ms-flex-item-align:center;align-self:center;background-color:#6c6c6c;border-top-left-radius:1em;border-top-right-radius:1em;height:45%;width:95%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-card{position:absolute}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-callToAction{left:50%;opacity:1;position:absolute;text-align:center;top:-33px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .1s cubic-bezier(.65,0,.35,1);transition:opacity .1s cubic-bezier(.65,0,.35,1)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-arrow{-webkit-filter:drop-shadow(0 -1px 3px #000);filter:drop-shadow(0 -1px 3px #000)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-ctaText{font-family:Agrandir,sans-serif;font-size:10px;font-weight:500;text-shadow:0 -1px 3px rgba(0,0,0,.35);text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-cardInner{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-pulse{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100%;left:0;margin-left:15px;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% - 30px);z-index:6}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-dragHandle:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close{color:#222;-webkit-filter:invert(100%);filter:invert(100%);opacity:0;position:absolute;right:10px;top:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);z-index:7}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-closeIcon{display:block;height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1.5em}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;opacity:1;position:relative;text-align:center;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);width:100%;z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:20px 10px;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-articleTitle{color:#000;font-family:Garage Gothic,sans-serif;font-size:24px;margin-bottom:.75rem;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinnerContainer{left:50%;pointer-events:none;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-spinner{color:#000}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:15px;border-top-right-radius:15px;left:50%;opacity:0;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border-top-left-radius:2em;border-top-right-radius:2em;height:45%;margin:0;top:55%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker{bottom:0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker.micromag-screen-urbania-article-urbania-base-article-card-active{display:block}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-placeholder{background-color:#6c6c6c;height:50px;width:50px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-cardInner{border-top-left-radius:0;border-top-right-radius:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-callToAction{opacity:0}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-articlePreview{opacity:0;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-iframe{border-top-left-radius:0;border-top-right-radius:0;opacity:1}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-dragHandle{height:100px}.micromag-screen-urbania-article-urbania-base-article-card-container.micromag-screen-urbania-article-urbania-base-article-card-articleOpened .micromag-screen-urbania-article-urbania-base-article-card-close{opacity:1;pointer-events:all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}
+.container{height:100%;overflow:hidden;position:relative;width:100%}.container.isPlaceholder .articleContent{background-color:transparent;background-color:var(--mm-gray-900);height:35%;margin:5px auto;width:80%}.container.isPlaceholder .visual{height:50%;position:relative;width:80%;-ms-flex-positive:1;flex-grow:1;margin:5px auto}.container.isVideo .visual{height:100%;left:0;position:absolute;top:0;width:100%}.container.isVideo .articleContent{position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;background-color:transparent;justify-content:flex-end;margin-bottom:70px}.container.isVideo .articleContent .description,.container.isVideo .articleContent .title{color:#fff;text-shadow:0 0 6px #222}.container.isVideo .articleContent .sponsors{margin-top:0}.container.isVideo .callToAction{position:absolute}.placeholder{background-color:var(--mm-gray-600);display:block}.emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.emptyContainer.small{padding-bottom:15%}.empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.background{position:absolute;z-index:1}.video{left:0;position:absolute;top:0}.content,.video{height:100%;width:100%}.content{position:static;z-index:2}.articleContent,.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.articleContent{width:100%;z-index:3;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#222;justify-content:center;text-align:center}.articleContent .authors,.articleContent .description,.articleContent .overTitle,.articleContent .title{padding:3px 20px}.articleContent .overTitle{border-bottom:1px solid;font-family:Agrandir Tight,sans-serif;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.articleContent .title{font-family:GarageGothic-Bold,sans-serif;font-size:36px;line-height:.88;text-transform:uppercase}.articleContent .description{padding:6px 20px 12px}.articleContent .lede{font-family:Agrandir,sans-serif;line-height:1.1}.articleContent .lede p{font-weight:inherit;margin:0}.articleContent .authors{margin-bottom:6px}.articleContent .authors.isAboveDescription{margin-bottom:0}.articleContent .sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.articleContent .sponsors p,.articleContent .sponsors span{line-height:.7}.articleContent .sponsor{display:inline;font-family:Agrandir,sans-serif;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.articleContent.quatre95{background-color:#fff}.articleContent.quatre95 .author{color:#5e79ff}.articleContent.quatre95 .sponsors,.articleContent.urbania{background-color:#ff0;color:#222}.articleContent.urbania .author{color:#222}.articleContent.urbania .sponsors{background-color:#222;color:#ff0}.articleContent.dehors{background-color:#00c693;color:#ffeada}.articleContent.dehors .author{color:#ffeada}.articleContent.universities{background-color:#fff;color:#f33}.articleContent.universities .overTitle{color:#222}.visual{height:100%;z-index:2}.footerContainer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.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}.footer .arrow{margin-bottom:5px;opacity:.95}.footer .icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:2px}.footer .button{font-family:Agrandir,sans-serif;font-size:16px}.mediaControls{padding:10px 20px 20px}.header{left:0;position:absolute;top:0;width:100%;z-index:4}.bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.bottom.visible{opacity:1}.bottom.withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.image{height:100%!important;position:relative!important;width:100%!important}.isCurrent .image{-webkit-animation:slowZoom 15s ease-out 1 forwards;animation:slowZoom 15s ease-out 1 forwards}.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 slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
+.container{height:100%;overflow:hidden;position:relative;position:absolute;width:100%}.container .background{z-index:1}.container .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.container .layout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.container .text p{font-weight:inherit;margin:0}.container .cardContainer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.container .cardContainer.isPlaceholder{height:45%;left:2.5%;top:55%;width:95%;-ms-flex-item-align:center;align-self:center;background-color:var(--mm-gray-600);border-top-left-radius:1em;border-top-right-radius:1em}.container .card{position:absolute}.container .callToAction{left:50%;opacity:1;position:absolute;text-align:center;top:-33px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .1s cubic-bezier(.65,0,.35,1);transition:opacity .1s cubic-bezier(.65,0,.35,1)}.container .arrow{-webkit-filter:drop-shadow(0 -1px 3px #000);filter:drop-shadow(0 -1px 3px #000)}.container .ctaText{font-family:Agrandir,sans-serif;font-size:10px;font-weight:500;text-shadow:0 -1px 3px rgba(0,0,0,.35);text-transform:uppercase}.container .cardInner{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.container .pulse{-webkit-animation:pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.container .dragHandle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;margin-left:15px;padding:0;position:relative;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% - 30px);z-index:6}.container .dragHandle:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.container .close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;color:#222;cursor:pointer;display:inline-block;-webkit-filter:invert(100%);filter:invert(100%);font-family:inherit;opacity:0;padding:0;position:relative;position:absolute;right:10px;top:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);z-index:7}.container .closeIcon{display:block;height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1.5em}.container .articlePreview{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;opacity:1;position:relative;text-align:center;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);width:100%;z-index:5}.container .articlePreviewInner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:20px 10px}.container .articleTitle{color:#000;font-family:Garage Gothic,sans-serif;font-size:24px;margin-bottom:.75rem;text-transform:uppercase}.container .spinnerContainer{left:50%;pointer-events:none;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.container .spinner{color:#000}.container .iframe{border-top-left-radius:15px;border-top-right-radius:15px;left:50%;opacity:0;position:absolute;scrollbar-width:none;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);z-index:4}.container .iframe::-webkit-scrollbar{display:none}.container .placeholder{background-color:var(--mm-gray-600);height:50px;width:50px}.container .empty{border:2px dashed var(--mm-gray-800);border-top-left-radius:2em;border-top-right-radius:2em;color:var(--mm-gray-800);height:45%;left:0;margin:0;position:absolute;top:55%;width:100%}.container .header{left:0;position:absolute;top:0;width:100%;z-index:4}.container .iframeBlocker{bottom:0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.container .iframeBlocker.active{display:block}.container.articleOpened .cardInner{border-top-left-radius:0;border-top-right-radius:0;width:100%}.container.articleOpened .callToAction{opacity:0}.container.articleOpened .articlePreview{opacity:0;pointer-events:none}.container.articleOpened .iframe{border-top-left-radius:0;border-top-right-radius:0;opacity:1}.container.articleOpened .dragHandle{height:100px}.container.articleOpened .close{opacity:1;pointer-events:all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}

package/es/index.d.ts

@@ -0,0 +1,217 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeadingElement, AuthorElement, Header, Footer, VisualElement, TextElement, Color, BackgroundElement } from '@micromag/core';
+import React from 'react';
+
+interface UrbaniaLoaderProps {
+    component?: unknown;
+    title?: HeadingElement | null;
+    articleType?: string | null;
+    overTitle?: {
+        body?: string;
+    } | null;
+    sponsorLabel?: {
+        body?: string;
+    } | null;
+    author?: AuthorElement | null;
+    image?: Image | null;
+    header?: Header | null;
+    footer?: Footer | null;
+    url?: string | null;
+    article?: {
+        type?: string;
+    } | null;
+}
+declare function UrbaniaLoader({ component: Component, title, articleType, overTitle, sponsorLabel, author, image, header, footer, url, article: initialArticle, ...props }: UrbaniaLoaderProps): react_jsx_runtime.JSX.Element;
+
+declare const _default$1: {
+    id: string;
+    type: string;
+    namespaces: string[];
+    group: {
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        order: number;
+    };
+    title: {
+        defaultMessage: string;
+        description: string;
+    };
+    component: typeof UrbaniaLoader;
+    fields: ({
+        name: string;
+        type: string;
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        options?: undefined;
+        defaultValue?: undefined;
+        theme?: undefined;
+    } | {
+        name: string;
+        type: string;
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        options: {
+            value: string;
+            label: {
+                defaultMessage: string;
+                description: string;
+            };
+        }[];
+        defaultValue?: undefined;
+        theme?: undefined;
+    } | {
+        name: string;
+        type: string;
+        defaultValue: {
+            body: string;
+        };
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        options?: undefined;
+        theme?: undefined;
+    } | {
+        name: string;
+        type: string;
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        theme: {
+            badge: {
+                label: {
+                    textStyle: string;
+                };
+                boxStyle: string;
+            };
+            callToAction?: undefined;
+        };
+        options?: undefined;
+        defaultValue?: undefined;
+    } | {
+        name: string;
+        type: string;
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        theme: {
+            callToAction: {
+                label: {
+                    textStyle: string;
+                };
+                boxStyle: string;
+            };
+            badge?: undefined;
+        };
+        options?: undefined;
+        defaultValue?: undefined;
+    })[];
+};
+
+declare function UrbaniaCardLoader(props: any): react_jsx_runtime.JSX.Element;
+
+declare const _default: {
+    id: string;
+    type: string;
+    namespaces: string[];
+    group: {
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        order: number;
+    };
+    title: {
+        defaultMessage: string;
+        description: string;
+    };
+    component: typeof UrbaniaCardLoader;
+    fields: ({
+        name: string;
+        type: string;
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        fieldsProps?: undefined;
+        theme?: undefined;
+    } | {
+        name: string;
+        type: string;
+        fieldsProps: {
+            textStyle: {
+                excludedFields: string[];
+            };
+        };
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        theme?: undefined;
+    } | {
+        name: string;
+        type: string;
+        label: {
+            defaultMessage: string;
+            description: string;
+        };
+        theme: {
+            badge: {
+                label: {
+                    textStyle: string;
+                };
+                boxStyle: string;
+            };
+        };
+        fieldsProps?: undefined;
+    })[];
+};
+
+interface UrbaniaArticleProps {
+    hasArticle?: boolean;
+    type?: 'article' | 'video' | null;
+    image?: VisualElement | null;
+    title?: HeadingElement | null;
+    description?: TextElement | null;
+    overTitle?: HeadingElement | null;
+    author?: AuthorElement | null;
+    sponsors?: Record<string, unknown>[] | null;
+    sponsorPrefix?: React.ReactNode | ((...args: unknown[]) => void) | null;
+    sponsorColor?: Color | null;
+    site?: string | null;
+    header?: Header | null;
+    footer?: Footer | null;
+    background?: BackgroundElement | null;
+    current?: boolean;
+    preload?: boolean;
+    spacing?: number;
+    className?: string | null;
+}
+declare function UrbaniaArticle({ hasArticle, type, image, title, description, overTitle, author, sponsors, sponsorPrefix, sponsorColor, site, header, footer, background, current, preload, spacing, className, }: UrbaniaArticleProps): react_jsx_runtime.JSX.Element;
+
+interface UrbaniaArticleCardProps {
+    hasArticle?: boolean;
+    url?: string | null;
+    title?: HeadingElement | null;
+    author?: AuthorElement | null;
+    text?: TextElement | null;
+    image?: VisualElement | null;
+    header?: Header | null;
+    background?: BackgroundElement | null;
+    callToAction?: TextElement | null;
+    current?: boolean;
+    preload?: boolean;
+    spacing?: number;
+    className?: string | null;
+}
+declare function UrbaniaArticleCard({ hasArticle, url, title, author, text, image, header, background, callToAction, current, preload, spacing, className, }: UrbaniaArticleCardProps): react_jsx_runtime.JSX.Element;
+
+export { UrbaniaLoader as UrbaniaArticle, UrbaniaCardLoader as UrbaniaArticleCard, UrbaniaArticle as UrbaniaBaseArticle, UrbaniaArticleCard as UrbaniaBaseArticleCard, _default$1 as default, _default as definitionCard };

package/es/index.js

@@ -3,9 +3,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { getJSON } from '@folklore/fetch';
-import PropTypes from 'prop-types';
 import React, { useMemo, useState, useEffect, useCallback } from 'react';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getStyleFromColor, isValidUrl } from '@micromag/core/utils';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
@@ -26,20 +24,13 @@ import isString from 'lodash/isString';
 import queryString from 'query-string';
 import Layout from '@micromag/element-layout';
 
-var propTypes$4 = {
-  color: PropTypes.string,
-  strokeWidth: PropTypes.number,
-  className: PropTypes.string
-};
-var defaultProps$4 = {
-  color: 'currentColor',
-  strokeWidth: 3,
-  className: null
-};
-var Arrow = function Arrow(_ref) {
-  var color = _ref.color,
-    strokeWidth = _ref.strokeWidth,
-    className = _ref.className;
+function Arrow(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 3 : _ref$strokeWidth,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
@@ -62,21 +53,13 @@ var Arrow = function Arrow(_ref) {
     strokeLinecap: "round",
     d: "M1.5,10.88L24.26,1.5l22.77,9.38"
   })));
-};
-Arrow.propTypes = propTypes$4;
-Arrow.defaultProps = defaultProps$4;
+}
 
-var propTypes$3 = {
-  color: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps$3 = {
-  color: '#222',
-  className: null
-};
-var WatchIcon = function WatchIcon(_ref) {
-  var color = _ref.color,
-    className = _ref.className;
+function WatchIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#222' : _ref$color,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   return /*#__PURE__*/React.createElement("svg", {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
@@ -97,72 +80,48 @@ var WatchIcon = function WatchIcon(_ref) {
     fill: color,
     d: "M7.42,8.89v-2.61c-.02-.2,.09-.4,.28-.48,.15-.06,.32-.04,.44,.06,.39,.28,.78,.56,1.17,.85,.82,.59,1.63,1.19,2.45,1.78,.22,.11,.3,.38,.19,.59-.04,.08-.11,.15-.19,.19-.6,.45-1.21,.89-1.82,1.33-.59,.43-1.18,.86-1.78,1.29-.16,.17-.43,.17-.6,0-.02-.02-.03-.03-.04-.05-.07-.11-.1-.24-.1-.37,0-.86,0-1.72,0-2.58h0Z"
   })));
-};
-WatchIcon.propTypes = propTypes$3;
-WatchIcon.defaultProps = defaultProps$3;
+}
 
-var styles$1 = {"footerContainer":"micromag-screen-urbania-article-urbania-base-article-footerContainer","video":"micromag-screen-urbania-article-urbania-base-article-video","empty":"micromag-screen-urbania-article-urbania-base-article-empty","container":"micromag-screen-urbania-article-urbania-base-article-container","isVideo":"micromag-screen-urbania-article-urbania-base-article-isVideo","visual":"micromag-screen-urbania-article-urbania-base-article-visual","disabled":"micromag-screen-urbania-article-urbania-base-article-disabled","hidden":"micromag-screen-urbania-article-urbania-base-article-hidden","placeholder":"micromag-screen-urbania-article-urbania-base-article-placeholder","content":"micromag-screen-urbania-article-urbania-base-article-content","isPlaceholder":"micromag-screen-urbania-article-urbania-base-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-urbania-base-article-articleContent","title":"micromag-screen-urbania-article-urbania-base-article-title","description":"micromag-screen-urbania-article-urbania-base-article-description","sponsors":"micromag-screen-urbania-article-urbania-base-article-sponsors","callToAction":"micromag-screen-urbania-article-urbania-base-article-callToAction","emptyContainer":"micromag-screen-urbania-article-urbania-base-article-emptyContainer","small":"micromag-screen-urbania-article-urbania-base-article-small","background":"micromag-screen-urbania-article-urbania-base-article-background","overTitle":"micromag-screen-urbania-article-urbania-base-article-overTitle","authors":"micromag-screen-urbania-article-urbania-base-article-authors","lede":"micromag-screen-urbania-article-urbania-base-article-lede","isAboveDescription":"micromag-screen-urbania-article-urbania-base-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-urbania-base-article-sponsor","quatre95":"micromag-screen-urbania-article-urbania-base-article-quatre95","author":"micromag-screen-urbania-article-urbania-base-article-author","urbania":"micromag-screen-urbania-article-urbania-base-article-urbania","dehors":"micromag-screen-urbania-article-urbania-base-article-dehors","universities":"micromag-screen-urbania-article-urbania-base-article-universities","footer":"micromag-screen-urbania-article-urbania-base-article-footer","arrow":"micromag-screen-urbania-article-urbania-base-article-arrow","icon":"micromag-screen-urbania-article-urbania-base-article-icon","button":"micromag-screen-urbania-article-urbania-base-article-button","mediaControls":"micromag-screen-urbania-article-urbania-base-article-mediaControls","header":"micromag-screen-urbania-article-urbania-base-article-header","bottom":"micromag-screen-urbania-article-urbania-base-article-bottom","visible":"micromag-screen-urbania-article-urbania-base-article-visible","withGradient":"micromag-screen-urbania-article-urbania-base-article-withGradient","image":"micromag-screen-urbania-article-urbania-base-article-image","isCurrent":"micromag-screen-urbania-article-urbania-base-article-isCurrent","slowZoom":"micromag-screen-urbania-article-urbania-base-article-slowZoom","img":"micromag-screen-urbania-article-urbania-base-article-img"};
+var styles$1 = {"container":"container","isPlaceholder":"isPlaceholder","articleContent":"articleContent","visual":"visual","isVideo":"isVideo","title":"title","description":"description","sponsors":"sponsors","callToAction":"callToAction","placeholder":"placeholder","emptyContainer":"emptyContainer","small":"small","empty":"empty","background":"background","video":"video","content":"content","overTitle":"overTitle","authors":"authors","lede":"lede","isAboveDescription":"isAboveDescription","sponsor":"sponsor","quatre95":"quatre95","author":"author","urbania":"urbania","dehors":"dehors","universities":"universities","footerContainer":"footerContainer","footer":"footer","arrow":"arrow","icon":"icon","button":"button","mediaControls":"mediaControls","header":"header","bottom":"bottom","visible":"visible","withGradient":"withGradient","image":"image","isCurrent":"isCurrent","slowZoom":"slowZoom","img":"img"};
 
 var _excluded$1 = ["callToAction"];
-var propTypes$2 = {
-  hasArticle: PropTypes.bool,
-  type: PropTypes.oneOf(['article', 'video']),
-  image: PropTypes$1.visualElement,
-  title: PropTypes$1.headingElement,
-  description: PropTypes$1.textElement,
-  overTitle: PropTypes$1.headingElement,
-  author: PropTypes$1.authorElement,
-  sponsors: PropTypes.arrayOf(PropTypes.shape({})),
-  sponsorPrefix: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  sponsorColor: PropTypes$1.color,
-  site: PropTypes.string,
-  header: PropTypes$1.header,
-  footer: PropTypes$1.footer,
-  background: PropTypes$1.backgroundElement,
-  current: PropTypes.bool,
-  preload: PropTypes.bool,
-  spacing: PropTypes.number,
-  className: PropTypes.string
-};
-var defaultProps$2 = {
-  hasArticle: false,
-  type: null,
-  image: null,
-  title: null,
-  description: null,
-  overTitle: null,
-  author: null,
-  sponsors: null,
-  sponsorPrefix: null,
-  sponsorColor: null,
-  site: null,
-  header: null,
-  footer: null,
-  background: null,
-  current: true,
-  preload: true,
-  spacing: 20,
-  className: null
-};
-var UrbaniaArticle = function UrbaniaArticle(_ref) {
-  var hasArticle = _ref.hasArticle,
-    type = _ref.type,
-    image = _ref.image,
-    title = _ref.title,
-    description = _ref.description,
-    overTitle = _ref.overTitle,
-    author = _ref.author,
-    sponsors = _ref.sponsors,
-    sponsorPrefix = _ref.sponsorPrefix,
-    sponsorColor = _ref.sponsorColor,
-    site = _ref.site,
-    header = _ref.header,
-    footer = _ref.footer,
-    background = _ref.background,
-    current = _ref.current,
-    preload = _ref.preload,
-    spacing = _ref.spacing,
-    className = _ref.className;
+function UrbaniaArticle(_ref) {
+  var _ref$hasArticle = _ref.hasArticle,
+    hasArticle = _ref$hasArticle === void 0 ? false : _ref$hasArticle,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? null : _ref$type,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? null : _ref$description,
+    _ref$overTitle = _ref.overTitle,
+    overTitle = _ref$overTitle === void 0 ? null : _ref$overTitle,
+    _ref$author = _ref.author,
+    author = _ref$author === void 0 ? null : _ref$author,
+    _ref$sponsors = _ref.sponsors,
+    sponsors = _ref$sponsors === void 0 ? null : _ref$sponsors,
+    _ref$sponsorPrefix = _ref.sponsorPrefix,
+    sponsorPrefix = _ref$sponsorPrefix === void 0 ? null : _ref$sponsorPrefix,
+    _ref$sponsorColor = _ref.sponsorColor,
+    sponsorColor = _ref$sponsorColor === void 0 ? null : _ref$sponsorColor,
+    _ref$site = _ref.site,
+    site = _ref$site === void 0 ? null : _ref$site,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? null : _ref$header,
+    _ref$footer = _ref.footer,
+    footer = _ref$footer === void 0 ? null : _ref$footer,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? null : _ref$background,
+    _ref$current = _ref.current,
+    current = _ref$current === void 0 ? true : _ref$current,
+    _ref$preload = _ref.preload,
+    preload = _ref$preload === void 0 ? true : _ref$preload,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var _useScreenSize = useScreenSize(),
     width = _useScreenSize.width,
     height = _useScreenSize.height,
@@ -454,47 +413,12 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
     },
     className: styles$1.footer
   }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null)));
-};
-UrbaniaArticle.propTypes = propTypes$2;
-UrbaniaArticle.defaultProps = defaultProps$2;
+}
 
 var _excluded = ["component", "title", "articleType", "overTitle", "sponsorLabel", "author", "image", "header", "footer", "url", "article"];
-var propTypes$1 = {
-  component: PropTypes.elementType,
-  // theme: PropTypes.string,
-  title: PropTypes$1.headingElement,
-  articleType: PropTypes.string,
-  overTitle: PropTypes.shape({
-    body: PropTypes.string
-  }),
-  sponsorLabel: PropTypes.shape({
-    body: PropTypes.string
-  }),
-  author: PropTypes$1.authorElement,
-  image: PropTypes$1.image,
-  header: PropTypes$1.header,
-  footer: PropTypes$1.footer,
-  url: PropTypes.string,
-  article: PropTypes.shape({
-    type: PropTypes.string
-  })
-};
-var defaultProps$1 = {
-  component: UrbaniaArticle,
-  // theme: null,
-  title: null,
-  articleType: null,
-  overTitle: null,
-  sponsorLabel: null,
-  author: null,
-  image: null,
-  header: null,
-  footer: null,
-  url: null,
-  article: null
-};
-var UrbaniaLoader = function UrbaniaLoader(_ref) {
-  var Component = _ref.component,
+function UrbaniaLoader(_ref) {
+  var _ref$component = _ref.component,
+    Component = _ref$component === void 0 ? UrbaniaArticle : _ref$component,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? null : _ref$title,
     _ref$articleType = _ref.articleType,
@@ -513,7 +437,8 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
     footer = _ref$footer === void 0 ? null : _ref$footer,
     _ref$url = _ref.url,
     url = _ref$url === void 0 ? null : _ref$url,
-    initialArticle = _ref.article,
+    _ref$article = _ref.article,
+    initialArticle = _ref$article === void 0 ? null : _ref$article,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(initialArticle),
     _useState2 = _slicedToArray(_useState, 2),
@@ -671,9 +596,7 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
   return /*#__PURE__*/React.createElement(Component, Object.assign({}, props, values, {
     hasArticle: titleBody !== null
   }));
-};
-UrbaniaLoader.propTypes = propTypes$1;
-UrbaniaLoader.defaultProps = defaultProps$1;
+}
 
 // import * as transforms from './transforms/index';
 
@@ -860,52 +783,35 @@ var definition = {
   }]
 };
 
-var styles = {"container":"micromag-screen-urbania-article-urbania-base-article-card-container","dragHandle":"micromag-screen-urbania-article-urbania-base-article-card-dragHandle","empty":"micromag-screen-urbania-article-urbania-base-article-card-empty","cardContainer":"micromag-screen-urbania-article-urbania-base-article-card-cardContainer","content":"micromag-screen-urbania-article-urbania-base-article-card-content","placeholder":"micromag-screen-urbania-article-urbania-base-article-card-placeholder","background":"micromag-screen-urbania-article-urbania-base-article-card-background","layout":"micromag-screen-urbania-article-urbania-base-article-card-layout","text":"micromag-screen-urbania-article-urbania-base-article-card-text","isPlaceholder":"micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder","card":"micromag-screen-urbania-article-urbania-base-article-card-card","callToAction":"micromag-screen-urbania-article-urbania-base-article-card-callToAction","arrow":"micromag-screen-urbania-article-urbania-base-article-card-arrow","ctaText":"micromag-screen-urbania-article-urbania-base-article-card-ctaText","cardInner":"micromag-screen-urbania-article-urbania-base-article-card-cardInner","pulse":"micromag-screen-urbania-article-urbania-base-article-card-pulse","articlePreview":"micromag-screen-urbania-article-urbania-base-article-card-articlePreview","articlePreviewInner":"micromag-screen-urbania-article-urbania-base-article-card-articlePreviewInner","articleTitle":"micromag-screen-urbania-article-urbania-base-article-card-articleTitle","header":"micromag-screen-urbania-article-urbania-base-article-card-header"};
+var styles = {"container":"container","background":"background","content":"content","layout":"layout","text":"text","cardContainer":"cardContainer","isPlaceholder":"isPlaceholder","card":"card","callToAction":"callToAction","arrow":"arrow","ctaText":"ctaText","cardInner":"cardInner","pulse":"pulse","dragHandle":"dragHandle","articlePreview":"articlePreview","articlePreviewInner":"articlePreviewInner","articleTitle":"articleTitle","placeholder":"placeholder","empty":"empty","header":"header"};
 
-var propTypes = {
-  hasArticle: PropTypes.bool,
-  url: PropTypes.string,
-  title: PropTypes$1.headingElement,
-  author: PropTypes$1.authorElement,
-  text: PropTypes$1.textElement,
-  image: PropTypes$1.visualElement,
-  header: PropTypes$1.header,
-  background: PropTypes$1.backgroundElement,
-  callToAction: PropTypes$1.textElement,
-  current: PropTypes.bool,
-  preload: PropTypes.bool,
-  spacing: PropTypes.number,
-  className: PropTypes.string
-};
-var defaultProps = {
-  hasArticle: false,
-  url: null,
-  title: null,
-  author: null,
-  text: null,
-  image: null,
-  header: null,
-  background: null,
-  callToAction: null,
-  current: true,
-  preload: true,
-  spacing: 20,
-  className: null
-};
-var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
-  var hasArticle = _ref.hasArticle,
-    url = _ref.url,
-    title = _ref.title,
-    author = _ref.author,
-    text = _ref.text,
-    image = _ref.image,
-    header = _ref.header,
-    background = _ref.background,
-    callToAction = _ref.callToAction,
-    current = _ref.current,
-    preload = _ref.preload,
-    spacing = _ref.spacing,
-    className = _ref.className;
+function UrbaniaArticleCard(_ref) {
+  var _ref$hasArticle = _ref.hasArticle,
+    hasArticle = _ref$hasArticle === void 0 ? false : _ref$hasArticle,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? null : _ref$url,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$author = _ref.author,
+    author = _ref$author === void 0 ? null : _ref$author,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? null : _ref$text,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? null : _ref$header,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? null : _ref$background,
+    _ref$callToAction = _ref.callToAction,
+    callToAction = _ref$callToAction === void 0 ? null : _ref$callToAction,
+    _ref$current = _ref.current,
+    current = _ref$current === void 0 ? true : _ref$current,
+    _ref$preload = _ref.preload,
+    preload = _ref$preload === void 0 ? true : _ref$preload,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var intl = useIntl();
   var finalBackground = background !== null && (typeof background.color !== 'undefined' && background.color !== null || typeof background.image !== 'undefined' && background.image !== null || typeof background.video !== 'undefined' && background.video !== null) ? background : {
     image: image
@@ -1176,9 +1082,7 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
     author: author,
     shouldLoad: mediaShouldLoad
   }) : null)))) : null))));
-};
-UrbaniaArticleCard.defaultProps = defaultProps;
-UrbaniaArticleCard.propTypes = propTypes;
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
 function UrbaniaCardLoader(props) {

package/es/styles.css

@@ -0,0 +1,2 @@
+.container{height:100%;overflow:hidden;position:relative;width:100%}.container.isPlaceholder .articleContent{background-color:transparent;background-color:var(--mm-gray-900);height:35%;margin:5px auto;width:80%}.container.isPlaceholder .visual{height:50%;position:relative;width:80%;-ms-flex-positive:1;flex-grow:1;margin:5px auto}.container.isVideo .visual{height:100%;left:0;position:absolute;top:0;width:100%}.container.isVideo .articleContent{position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;background-color:transparent;justify-content:flex-end;margin-bottom:70px}.container.isVideo .articleContent .description,.container.isVideo .articleContent .title{color:#fff;text-shadow:0 0 6px #222}.container.isVideo .articleContent .sponsors{margin-top:0}.container.isVideo .callToAction{position:absolute}.placeholder{background-color:var(--mm-gray-600);display:block}.emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.emptyContainer.small{padding-bottom:15%}.empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.background{position:absolute;z-index:1}.video{left:0;position:absolute;top:0}.content,.video{height:100%;width:100%}.content{position:static;z-index:2}.articleContent,.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.articleContent{width:100%;z-index:3;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#222;justify-content:center;text-align:center}.articleContent .authors,.articleContent .description,.articleContent .overTitle,.articleContent .title{padding:3px 20px}.articleContent .overTitle{border-bottom:1px solid;font-family:Agrandir Tight,sans-serif;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.articleContent .title{font-family:GarageGothic-Bold,sans-serif;font-size:36px;line-height:.88;text-transform:uppercase}.articleContent .description{padding:6px 20px 12px}.articleContent .lede{font-family:Agrandir,sans-serif;line-height:1.1}.articleContent .lede p{font-weight:inherit;margin:0}.articleContent .authors{margin-bottom:6px}.articleContent .authors.isAboveDescription{margin-bottom:0}.articleContent .sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.articleContent .sponsors p,.articleContent .sponsors span{line-height:.7}.articleContent .sponsor{display:inline;font-family:Agrandir,sans-serif;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.articleContent.quatre95{background-color:#fff}.articleContent.quatre95 .author{color:#5e79ff}.articleContent.quatre95 .sponsors,.articleContent.urbania{background-color:#ff0;color:#222}.articleContent.urbania .author{color:#222}.articleContent.urbania .sponsors{background-color:#222;color:#ff0}.articleContent.dehors{background-color:#00c693;color:#ffeada}.articleContent.dehors .author{color:#ffeada}.articleContent.universities{background-color:#fff;color:#f33}.articleContent.universities .overTitle{color:#222}.visual{height:100%;z-index:2}.footerContainer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.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}.footer .arrow{margin-bottom:5px;opacity:.95}.footer .icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:2px}.footer .button{font-family:Agrandir,sans-serif;font-size:16px}.mediaControls{padding:10px 20px 20px}.header{left:0;position:absolute;top:0;width:100%;z-index:4}.bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.bottom.visible{opacity:1}.bottom.withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.image{height:100%!important;position:relative!important;width:100%!important}.isCurrent .image{-webkit-animation:slowZoom 15s ease-out 1 forwards;animation:slowZoom 15s ease-out 1 forwards}.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 slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
+.container{height:100%;overflow:hidden;position:relative;position:absolute;width:100%}.container .background{z-index:1}.container .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.container .layout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.container .text p{font-weight:inherit;margin:0}.container .cardContainer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.container .cardContainer.isPlaceholder{height:45%;left:2.5%;top:55%;width:95%;-ms-flex-item-align:center;align-self:center;background-color:var(--mm-gray-600);border-top-left-radius:1em;border-top-right-radius:1em}.container .card{position:absolute}.container .callToAction{left:50%;opacity:1;position:absolute;text-align:center;top:-33px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .1s cubic-bezier(.65,0,.35,1);transition:opacity .1s cubic-bezier(.65,0,.35,1)}.container .arrow{-webkit-filter:drop-shadow(0 -1px 3px #000);filter:drop-shadow(0 -1px 3px #000)}.container .ctaText{font-family:Agrandir,sans-serif;font-size:10px;font-weight:500;text-shadow:0 -1px 3px rgba(0,0,0,.35);text-transform:uppercase}.container .cardInner{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.container .pulse{-webkit-animation:pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.container .dragHandle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;margin-left:15px;padding:0;position:relative;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% - 30px);z-index:6}.container .dragHandle:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.container .close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;color:#222;cursor:pointer;display:inline-block;-webkit-filter:invert(100%);filter:invert(100%);font-family:inherit;opacity:0;padding:0;position:relative;position:absolute;right:10px;top:10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);z-index:7}.container .closeIcon{display:block;height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1.5em}.container .articlePreview{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;opacity:1;position:relative;text-align:center;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);width:100%;z-index:5}.container .articlePreviewInner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:20px 10px}.container .articleTitle{color:#000;font-family:Garage Gothic,sans-serif;font-size:24px;margin-bottom:.75rem;text-transform:uppercase}.container .spinnerContainer{left:50%;pointer-events:none;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.container .spinner{color:#000}.container .iframe{border-top-left-radius:15px;border-top-right-radius:15px;left:50%;opacity:0;position:absolute;scrollbar-width:none;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);z-index:4}.container .iframe::-webkit-scrollbar{display:none}.container .placeholder{background-color:var(--mm-gray-600);height:50px;width:50px}.container .empty{border:2px dashed var(--mm-gray-800);border-top-left-radius:2em;border-top-right-radius:2em;color:var(--mm-gray-800);height:45%;left:0;margin:0;position:absolute;top:55%;width:100%}.container .header{left:0;position:absolute;top:0;width:100%;z-index:4}.container .iframeBlocker{bottom:0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.container .iframeBlocker.active{display:block}.container.articleOpened .cardInner{border-top-left-radius:0;border-top-right-radius:0;width:100%}.container.articleOpened .callToAction{opacity:0}.container.articleOpened .articlePreview{opacity:0;pointer-events:none}.container.articleOpened .iframe{border-top-left-radius:0;border-top-right-radius:0;opacity:1}.container.articleOpened .dragHandle{height:100px}.container.articleOpened .close{opacity:1;pointer-events:all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-urbania-article",
-    "version": "0.3.832",
+    "version": "0.4.4",
     "private": false,
     "description": "",
     "keywords": [
@@ -35,6 +35,7 @@
     "style": "assets/css/styles.css",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -48,47 +49,47 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/fetch": "^0.1.17",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.832",
-        "@micromag/element-background": "^0.3.832",
-        "@micromag/element-button": "^0.3.832",
-        "@micromag/element-closed-captions": "^0.3.832",
-        "@micromag/element-container": "^0.3.832",
-        "@micromag/element-footer": "^0.3.832",
-        "@micromag/element-header": "^0.3.832",
-        "@micromag/element-heading": "^0.3.832",
-        "@micromag/element-image": "^0.3.832",
-        "@micromag/element-layout": "^0.3.832",
-        "@micromag/element-text": "^0.3.832",
-        "@micromag/element-urbania-author": "^0.3.832",
-        "@micromag/element-video": "^0.3.832",
-        "@micromag/element-visual": "^0.3.832",
-        "@micromag/transforms": "^0.3.832",
-        "@react-spring/web": "^9.6.1",
+        "@micromag/core": "^0.4.4",
+        "@micromag/element-background": "^0.4.4",
+        "@micromag/element-button": "^0.4.4",
+        "@micromag/element-closed-captions": "^0.4.4",
+        "@micromag/element-container": "^0.4.4",
+        "@micromag/element-footer": "^0.4.4",
+        "@micromag/element-header": "^0.4.4",
+        "@micromag/element-heading": "^0.4.4",
+        "@micromag/element-image": "^0.4.4",
+        "@micromag/element-layout": "^0.4.4",
+        "@micromag/element-text": "^0.4.4",
+        "@micromag/element-urbania-author": "^0.4.4",
+        "@micromag/element-video": "^0.4.4",
+        "@micromag/element-visual": "^0.4.4",
+        "@micromag/transforms": "^0.4.4",
+        "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.0",
         "classnames": "^2.2.6",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
+        "lodash": "^4.17.23",
         "query-string": "^9.1.1",
-        "react-intl": "^6.6.4",
+        "react-intl": "^8.1.3",
         "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }