@micromag/screen-urbania-horoscope 0.3.134 → 0.3.138

package/assets/css/styles.css

@@ -1,3 +1,3 @@
 .micromag-screen-urbania-horoscope-sign-modal-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-sign-modal-disabled.micromag-screen-urbania-horoscope-sign-modal-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-sign-modal-hidden.micromag-screen-urbania-horoscope-sign-modal-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-sign-modal-placeholder.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-sign-modal-container{position:relative;z-index:4}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-backButton{position:absolute;top:7px;left:5px;height:36px;padding-left:10%;border-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-arrow{padding-right:5px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-modalContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;margin:52px 18px 30px;padding:10px;border-radius:22px;background-color:#0ff;-webkit-box-shadow:0 0 4px #010f66;box-shadow:0 0 4px #010f66;color:#1d3af2}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-signName{padding:7px auto 5px;font-family:Agrandir Tight,sans-serif;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordContainer{margin-bottom:5px;padding:6px 6px 3px;border:1px solid #1d3af2;border-radius:9px;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordTitle{padding-bottom:2px;font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-word{font-family:Agrandir Narrow,sans-serif;font-size:16px;font-weight:700}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description{padding-bottom:5px;font-family:Roboto,sans-serif;font-size:12px;line-height:1.2}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description p{margin-bottom:1em}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description p:last-child{margin-bottom:0}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-image{width:75%;height:auto;margin:0 auto}
-.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-urbania-horoscope-signs-grid-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-signs-grid-disabled.micromag-screen-urbania-horoscope-signs-grid-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-signs-grid-hidden.micromag-screen-urbania-horoscope-signs-grid-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-signs-grid-placeholder.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-signs-grid-container{position:relative;z-index:2;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{position:absolute;z-index:5;top:5px;right:5px;color:#222}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px;padding:20px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-isPlaceholder{padding:0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signPlaceholder{width:30px;height:30px;margin:1px;background-color:#b3b3b3}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:87px;height:90px;margin-bottom:9px;padding:5px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:0;border-radius:10px;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7));background-color:#1d3af2}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-image{max-height:50px;padding-bottom:4px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridText{height:20%}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signName{width:100%;margin-bottom:4px;padding:2px 5px 1px;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 2px rgba(255,250,0,.6);box-shadow:0 0 0 2px rgba(255,250,0,.6);color:#222;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:700}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backButton{position:absolute;z-index:5;top:8px;left:0;height:30px;padding-left:16px;border-top-right-radius:25px;border-bottom-right-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-close{width:32px;height:32px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow{padding-right:5px;padding-bottom:2px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow,.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backLabel{display:inline-block}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-modalContainer{position:absolute;top:0;right:0;left:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enter{z-index:1;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive{opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transition:opacity .8s ease-out;-o-transition:opacity .8s ease-out;transition:opacity .8s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive{opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:1;-webkit-transform:scale(20%);-ms-transform:scale(20%);transform:scale(20%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-backButton{z-index:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:scale(100%);-ms-transform:scale(100%);transform:scale(100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-backButton{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-backButton,.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-backButton{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);opacity:0}
-.micromag-screen-urbania-horoscope-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-disabled.micromag-screen-urbania-horoscope-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-hidden.micromag-screen-urbania-horoscope-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-placeholder.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-layout{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-headerContainer{width:280px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;text-transform:uppercase;-webkit-text-stroke:1px #000f66}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titleImage{width:100%;height:auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titlePlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description{margin-bottom:8px;padding:10px;color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description p,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description span{font-weight:700!important}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-author{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button{padding:8px 15px 4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button .micromag-screen-urbania-horoscope-buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-signsGrid{position:absolute;bottom:0;left:0}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}.micromag-screen-urbania-horoscope-enter{z-index:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-enterActive,.micromag-screen-urbania-horoscope-exit{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-horoscope-exit{z-index:2;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-exitActive{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
+.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-urbania-horoscope-signs-grid-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-signs-grid-disabled.micromag-screen-urbania-horoscope-signs-grid-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-signs-grid-hidden.micromag-screen-urbania-horoscope-signs-grid-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-signs-grid-placeholder.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-signs-grid-container{position:relative;z-index:2;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{position:absolute;z-index:5;top:5px;right:5px;color:#222}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:5px 20px 0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-isPlaceholder{padding:0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signPlaceholder{width:30px;height:30px;margin:1px;background-color:#b3b3b3}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:90px;height:90px;margin-bottom:5px;padding:5px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:0;border-radius:10px;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7));background-color:#1d3af2}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-thumbnail{max-height:50px;padding-bottom:4px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridText{height:20%}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signName{width:100%;margin-bottom:4px;padding:2px 5px 0;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 2px rgba(255,250,0,.6);box-shadow:0 0 0 2px rgba(255,250,0,.6);color:#222;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:700}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backButton{position:absolute;z-index:5;top:8px;left:0;height:30px;padding-left:16px;border-top-right-radius:25px;border-bottom-right-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-close{width:32px;height:32px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow{padding-right:5px;padding-bottom:2px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow,.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backLabel{display:inline-block}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-modalContainer{position:absolute;top:0;right:0;left:0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-author{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7));color:#0ff}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-collaborator{color:#0ff}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-authorBackground{background-color:#161719}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-authorBackground p{font-weight:400;text-transform:none}.micromag-screen-urbania-horoscope-signs-grid-emptyText{width:100%;margin-top:5px;padding:10px}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enter{z-index:1;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive{opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transition:opacity .8s ease-out;-o-transition:opacity .8s ease-out;transition:opacity .8s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive{opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:1;-webkit-transform:scale(20%);-ms-transform:scale(20%);transform:scale(20%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:scale(100%);-ms-transform:scale(100%);transform:scale(100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
+.micromag-screen-urbania-horoscope-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-disabled.micromag-screen-urbania-horoscope-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-hidden.micromag-screen-urbania-horoscope-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-placeholder.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-layout{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-headerContainer{width:280px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;text-transform:uppercase;-webkit-text-stroke:1px #000f66}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titleImage{width:100%;height:auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titlePlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description{margin-bottom:8px;padding:10px;color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description p,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description span{font-weight:700!important}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button{padding:8px 15px 4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button .micromag-screen-urbania-horoscope-buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-signsGrid{position:absolute;bottom:0;left:0}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}.micromag-screen-urbania-horoscope-enter{z-index:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-enterActive,.micromag-screen-urbania-horoscope-exit{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-horoscope-exit{z-index:2;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-exitActive{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}

package/es/index.js

@@ -22,7 +22,7 @@ import Author from '@micromag/element-urbania-author';
 import horoscopeBackground from '../assets/images/0ccfdaa4b1080aa8.png';
 import aquarius from '../assets/images/38b67a045c917eba.png';
 import aries from '../assets/images/f1d91f035ccb8c4f.png';
-import cancer from '../assets/images/3e6d012702227225.png';
+import cancer from '../assets/images/c2730eca851f3186.png';
 import capricorn from '../assets/images/a6d606997910361a.png';
 import gemini from '../assets/images/12148919dcf14f67.png';
 import leo from '../assets/images/5ccc4bde48c478ee.png';
@@ -32,6 +32,18 @@ import sagittarius from '../assets/images/4aec8c7b2b1f6739.png';
 import scorpio from '../assets/images/01b9ca612cf4a6a6.png';
 import taurus from '../assets/images/3a3a4d27b9a019b2.png';
 import virgo from '../assets/images/f3452bab9d2d80d5.png';
+import aquariusThumbnail from '../assets/images/f82faebe2d495394.png';
+import ariesThumbnail from '../assets/images/ddafd58fab0d5925.png';
+import cancerThumbnail from '../assets/images/7d6b81c3035f5968.png';
+import capricornThumbnail from '../assets/images/422146a5faadb139.png';
+import geminiThumbnail from '../assets/images/ead69accd3f76ece.png';
+import leoThumbnail from '../assets/images/36c18c31d1e80a70.png';
+import libraThumbnail from '../assets/images/ef219f6696d5ce04.png';
+import piscesThumbnail from '../assets/images/f21db7431692d889.png';
+import sagittariusThumbnail from '../assets/images/0964d576c4c1da6d.png';
+import scorpioThumbnail from '../assets/images/1ffa37309c1fbcfa.png';
+import taurusThumbnail from '../assets/images/822018b354054d62.png';
+import virgoThumbnail from '../assets/images/b3e1e35461e78e82.png';
 
 var styles$2 = {"container":"micromag-screen-urbania-horoscope-sign-modal-container","disabled":"micromag-screen-urbania-horoscope-sign-modal-disabled","hidden":"micromag-screen-urbania-horoscope-sign-modal-hidden","placeholder":"micromag-screen-urbania-horoscope-sign-modal-placeholder","content":"micromag-screen-urbania-horoscope-sign-modal-content","backButton":"micromag-screen-urbania-horoscope-sign-modal-backButton","arrow":"micromag-screen-urbania-horoscope-sign-modal-arrow","modalContainer":"micromag-screen-urbania-horoscope-sign-modal-modalContainer","signName":"micromag-screen-urbania-horoscope-sign-modal-signName","wordContainer":"micromag-screen-urbania-horoscope-sign-modal-wordContainer","wordTitle":"micromag-screen-urbania-horoscope-sign-modal-wordTitle","word":"micromag-screen-urbania-horoscope-sign-modal-word","description":"micromag-screen-urbania-horoscope-sign-modal-description","image":"micromag-screen-urbania-horoscope-sign-modal-image"};
 
@@ -185,7 +197,7 @@ var Close = function Close(_ref) {
 Close.propTypes = propTypes$2;
 Close.defaultProps = defaultProps$2;
 
-var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","image":"micromag-screen-urbania-horoscope-signs-grid-image","gridText":"micromag-screen-urbania-horoscope-signs-grid-gridText","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","close":"micromag-screen-urbania-horoscope-signs-grid-close","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
+var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","thumbnail":"micromag-screen-urbania-horoscope-signs-grid-thumbnail","gridText":"micromag-screen-urbania-horoscope-signs-grid-gridText","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","close":"micromag-screen-urbania-horoscope-signs-grid-close","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","author":"micromag-screen-urbania-horoscope-signs-grid-author","collaborator":"micromag-screen-urbania-horoscope-signs-grid-collaborator","authorBackground":"micromag-screen-urbania-horoscope-signs-grid-authorBackground","emptyText":"micromag-screen-urbania-horoscope-signs-grid-emptyText","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
 
 var defaultBackground = {
   image: {
@@ -201,10 +213,11 @@ var propTypes$1 = {
     id: PropTypes.string,
     label: PropTypes.string,
     date: PropTypes$1.message,
-    image: PropTypes.string,
+    thumbnail: PropTypes.string,
     word: PropTypes$1.headingElement,
     description: PropTypes$1.textElement
   })),
+  author: PropTypes$1.authorElement,
   signSubtitle: PropTypes$1.headingElement,
   currentSign: PropTypes.string,
   width: PropTypes.number,
@@ -220,6 +233,7 @@ var propTypes$1 = {
 };
 var defaultProps$1 = {
   signs: null,
+  author: null,
   signSubtitle: null,
   currentSign: null,
   width: null,
@@ -236,6 +250,7 @@ var defaultProps$1 = {
 
 var SignsGrid = function SignsGrid(_ref) {
   var signs = _ref.signs,
+      author = _ref.author,
       signSubtitle = _ref.signSubtitle,
       currentSignId = _ref.currentSign,
       width = _ref.width,
@@ -261,6 +276,7 @@ var SignsGrid = function SignsGrid(_ref) {
 
   var backgroundPlaying = current && (isView || isEdit);
   var mediaShouldLoad = !isPlaceholder && (current || active);
+  var hasAuthor = author !== null && isTextFilled(author.name);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$1.container, _defineProperty({}, className, className !== null)])
   }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
@@ -291,8 +307,8 @@ var SignsGrid = function SignsGrid(_ref) {
     var _ref5 = sign || {},
         _ref5$id = _ref5.id,
         id = _ref5$id === void 0 ? null : _ref5$id,
-        _ref5$image = _ref5.image,
-        image = _ref5$image === void 0 ? null : _ref5$image,
+        _ref5$thumbnail = _ref5.thumbnail,
+        thumbnail = _ref5$thumbnail === void 0 ? null : _ref5$thumbnail,
         _ref5$label = _ref5.label,
         label = _ref5$label === void 0 ? null : _ref5$label,
         _ref5$date = _ref5.date,
@@ -320,9 +336,9 @@ var SignsGrid = function SignsGrid(_ref) {
           onClickSign(id);
         }
       }
-    }, image !== null ? /*#__PURE__*/React.createElement("img", {
-      className: styles$1.image,
-      src: image,
+    }, thumbnail !== null ? /*#__PURE__*/React.createElement("img", {
+      className: styles$1.thumbnail,
+      src: thumbnail,
       alt: id,
       loading: "lazy"
     }) : null, /*#__PURE__*/React.createElement("div", {
@@ -332,7 +348,24 @@ var SignsGrid = function SignsGrid(_ref) {
     }, label !== null ? /*#__PURE__*/React.createElement(FormattedMessage, label) : null), /*#__PURE__*/React.createElement("p", {
       className: styles$1.date
     }, date !== null ? /*#__PURE__*/React.createElement(FormattedMessage, date) : null))));
-  }))) : /*#__PURE__*/React.createElement(CSSTransition, {
+  }), currentSign === null ? /*#__PURE__*/React.createElement(ScreenElement, {
+    key: "author",
+    emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "xYqGzM",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Author"
+      }]
+    }),
+    emptyClassName: styles$1.emptyText,
+    isEmpty: !hasAuthor
+  }, hasAuthor && !isPlaceholder ? /*#__PURE__*/React.createElement(Author, {
+    author: author,
+    className: styles$1.author,
+    collaboratorClassName: styles$1.collaborator,
+    backgroundClassName: styles$1.authorBackground,
+    shouldLoad: mediaShouldLoad
+  }) : null) : null)) : /*#__PURE__*/React.createElement(CSSTransition, {
     key: "modal",
     classNames: styles$1,
     timeout: 500
@@ -340,18 +373,10 @@ var SignsGrid = function SignsGrid(_ref) {
     className: styles$1.modalContainer
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: onClickClose,
-    className: styles$1.backButton
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles$1.arrow
-  }, "\u2190"), /*#__PURE__*/React.createElement("span", {
-    className: styles$1.backLabel
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "keK5s0",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Back to the Signs"
-    }]
-  }))), /*#__PURE__*/React.createElement(SignModal, {
+    className: styles$1.closeButton
+  }, /*#__PURE__*/React.createElement(Close, {
+    className: styles$1.close
+  })), /*#__PURE__*/React.createElement(SignModal, {
     width: width,
     height: height,
     className: styles$1.signModal,
@@ -369,6 +394,7 @@ var Astrologie = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%
 var signs = [{
   id: 'aries',
   image: aries,
+  thumbnail: ariesThumbnail,
   label: defineMessage({
     id: "/PJA/1",
     defaultMessage: [{
@@ -386,6 +412,7 @@ var signs = [{
 }, {
   id: 'taurus',
   image: taurus,
+  thumbnail: taurusThumbnail,
   label: defineMessage({
     id: "XKcyqx",
     defaultMessage: [{
@@ -403,6 +430,7 @@ var signs = [{
 }, {
   id: 'gemini',
   image: gemini,
+  thumbnail: geminiThumbnail,
   label: defineMessage({
     id: "4g35M0",
     defaultMessage: [{
@@ -420,6 +448,7 @@ var signs = [{
 }, {
   id: 'cancer',
   image: cancer,
+  thumbnail: cancerThumbnail,
   label: defineMessage({
     id: "0acGK7",
     defaultMessage: [{
@@ -437,6 +466,7 @@ var signs = [{
 }, {
   id: 'leo',
   image: leo,
+  thumbnail: leoThumbnail,
   label: defineMessage({
     id: "EEUc6n",
     defaultMessage: [{
@@ -445,15 +475,16 @@ var signs = [{
     }]
   }),
   date: defineMessage({
-    id: "pnT3od",
+    id: "MBgLeH",
     defaultMessage: [{
       "type": 0,
-      "value": "June 23 - Aug 22"
+      "value": "July 23 - Aug 22"
     }]
   })
 }, {
   id: 'virgo',
   image: virgo,
+  thumbnail: virgoThumbnail,
   label: defineMessage({
     id: "6bd963",
     defaultMessage: [{
@@ -471,6 +502,7 @@ var signs = [{
 }, {
   id: 'libra',
   image: libra,
+  thumbnail: libraThumbnail,
   label: defineMessage({
     id: "M/FGRs",
     defaultMessage: [{
@@ -488,6 +520,7 @@ var signs = [{
 }, {
   id: 'scorpio',
   image: scorpio,
+  thumbnail: scorpioThumbnail,
   label: defineMessage({
     id: "YyPYHk",
     defaultMessage: [{
@@ -505,6 +538,7 @@ var signs = [{
 }, {
   id: 'sagittarius',
   image: sagittarius,
+  thumbnail: sagittariusThumbnail,
   label: defineMessage({
     id: "7mMPO4",
     defaultMessage: [{
@@ -522,6 +556,7 @@ var signs = [{
 }, {
   id: 'capricorn',
   image: capricorn,
+  thumbnail: capricornThumbnail,
   label: defineMessage({
     id: "NumcrW",
     defaultMessage: [{
@@ -539,6 +574,7 @@ var signs = [{
 }, {
   id: 'aquarius',
   image: aquarius,
+  thumbnail: aquariusThumbnail,
   label: defineMessage({
     id: "fBii8l",
     defaultMessage: [{
@@ -556,6 +592,7 @@ var signs = [{
 }, {
   id: 'pisces',
   image: pisces,
+  thumbnail: piscesThumbnail,
   label: defineMessage({
     id: "dxAumJ",
     defaultMessage: [{
@@ -572,7 +609,7 @@ var signs = [{
   })
 }];
 
-var styles = {"container":"micromag-screen-urbania-horoscope-container","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","layout":"micromag-screen-urbania-horoscope-layout","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","titlePlaceholder":"micromag-screen-urbania-horoscope-titlePlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","author":"micromag-screen-urbania-horoscope-author","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","signsGrid":"micromag-screen-urbania-horoscope-signsGrid","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","enter":"micromag-screen-urbania-horoscope-enter","enterActive":"micromag-screen-urbania-horoscope-enterActive","exit":"micromag-screen-urbania-horoscope-exit","exitActive":"micromag-screen-urbania-horoscope-exitActive"};
+var styles = {"container":"micromag-screen-urbania-horoscope-container","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","layout":"micromag-screen-urbania-horoscope-layout","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","titlePlaceholder":"micromag-screen-urbania-horoscope-titlePlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","signsGrid":"micromag-screen-urbania-horoscope-signsGrid","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","enter":"micromag-screen-urbania-horoscope-enter","enterActive":"micromag-screen-urbania-horoscope-enterActive","exit":"micromag-screen-urbania-horoscope-exit","exitActive":"micromag-screen-urbania-horoscope-exitActive"};
 
 var propTypes = {
   defaultSigns: PropTypes.arrayOf(PropTypes.shape({
@@ -720,7 +757,6 @@ var Horoscope = function Horoscope(_ref) {
 
   var hasTitle = isTextFilled(title);
   var hasDescription = isTextFilled(description);
-  var hasAuthor = author !== null && isTextFilled(author.name);
   var hasButton = isTextFilled(button);
   var transitionPlaying = current;
   var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
@@ -756,22 +792,7 @@ var Horoscope = function Horoscope(_ref) {
     isEmpty: !hasDescription
   }, hasDescription ? /*#__PURE__*/React.createElement(Text, Object.assign({
     className: styles.description
-  }, description)) : null), /*#__PURE__*/React.createElement(ScreenElement, {
-    key: "author",
-    emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "xYqGzM",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Author"
-      }]
-    }),
-    emptyClassName: styles.emptyText,
-    isEmpty: !hasAuthor
-  }, hasAuthor && !isPlaceholder ? /*#__PURE__*/React.createElement(Author, {
-    author: author,
-    className: styles.author,
-    shouldLoad: mediaShouldLoad
-  }) : null)),
+  }, description)) : null)),
   /*#__PURE__*/
   // BUTTON
   React.createElement(ScreenElement, {
@@ -850,6 +871,7 @@ var Horoscope = function Horoscope(_ref) {
     width: width,
     height: height,
     className: styles.signsGrid,
+    author: author,
     closeButton: closePopup,
     background: popupBackground,
     signs: signs,
@@ -916,16 +938,6 @@ var definition = [{
           "value": "Description"
         }]
       })
-    }, {
-      name: 'author',
-      type: 'author-element',
-      label: defineMessage({
-        id: "73hxYw",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Author"
-        }]
-      })
     }, {
       name: 'button',
       type: 'button-element',
@@ -966,6 +978,16 @@ var definition = [{
           "value": "Background"
         }]
       })
+    }, {
+      name: 'author',
+      type: 'author-element',
+      label: defineMessage({
+        id: "73hxYw",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Author"
+        }]
+      })
     }]
   }, {
     id: 'signs',

package/lib/index.js

@@ -26,7 +26,7 @@ var Author = require('@micromag/element-urbania-author');
 var horoscopeBackground = require('../assets/images/0ccfdaa4b1080aa8.png');
 var aquarius = require('../assets/images/38b67a045c917eba.png');
 var aries = require('../assets/images/f1d91f035ccb8c4f.png');
-var cancer = require('../assets/images/3e6d012702227225.png');
+var cancer = require('../assets/images/c2730eca851f3186.png');
 var capricorn = require('../assets/images/a6d606997910361a.png');
 var gemini = require('../assets/images/12148919dcf14f67.png');
 var leo = require('../assets/images/5ccc4bde48c478ee.png');
@@ -36,6 +36,18 @@ var sagittarius = require('../assets/images/4aec8c7b2b1f6739.png');
 var scorpio = require('../assets/images/01b9ca612cf4a6a6.png');
 var taurus = require('../assets/images/3a3a4d27b9a019b2.png');
 var virgo = require('../assets/images/f3452bab9d2d80d5.png');
+var aquariusThumbnail = require('../assets/images/f82faebe2d495394.png');
+var ariesThumbnail = require('../assets/images/ddafd58fab0d5925.png');
+var cancerThumbnail = require('../assets/images/7d6b81c3035f5968.png');
+var capricornThumbnail = require('../assets/images/422146a5faadb139.png');
+var geminiThumbnail = require('../assets/images/ead69accd3f76ece.png');
+var leoThumbnail = require('../assets/images/36c18c31d1e80a70.png');
+var libraThumbnail = require('../assets/images/ef219f6696d5ce04.png');
+var piscesThumbnail = require('../assets/images/f21db7431692d889.png');
+var sagittariusThumbnail = require('../assets/images/0964d576c4c1da6d.png');
+var scorpioThumbnail = require('../assets/images/1ffa37309c1fbcfa.png');
+var taurusThumbnail = require('../assets/images/822018b354054d62.png');
+var virgoThumbnail = require('../assets/images/b3e1e35461e78e82.png');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -66,6 +78,18 @@ var sagittarius__default = /*#__PURE__*/_interopDefaultLegacy(sagittarius);
 var scorpio__default = /*#__PURE__*/_interopDefaultLegacy(scorpio);
 var taurus__default = /*#__PURE__*/_interopDefaultLegacy(taurus);
 var virgo__default = /*#__PURE__*/_interopDefaultLegacy(virgo);
+var aquariusThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(aquariusThumbnail);
+var ariesThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(ariesThumbnail);
+var cancerThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(cancerThumbnail);
+var capricornThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(capricornThumbnail);
+var geminiThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(geminiThumbnail);
+var leoThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(leoThumbnail);
+var libraThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(libraThumbnail);
+var piscesThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(piscesThumbnail);
+var sagittariusThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(sagittariusThumbnail);
+var scorpioThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(scorpioThumbnail);
+var taurusThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(taurusThumbnail);
+var virgoThumbnail__default = /*#__PURE__*/_interopDefaultLegacy(virgoThumbnail);
 
 var styles$2 = {"container":"micromag-screen-urbania-horoscope-sign-modal-container","disabled":"micromag-screen-urbania-horoscope-sign-modal-disabled","hidden":"micromag-screen-urbania-horoscope-sign-modal-hidden","placeholder":"micromag-screen-urbania-horoscope-sign-modal-placeholder","content":"micromag-screen-urbania-horoscope-sign-modal-content","backButton":"micromag-screen-urbania-horoscope-sign-modal-backButton","arrow":"micromag-screen-urbania-horoscope-sign-modal-arrow","modalContainer":"micromag-screen-urbania-horoscope-sign-modal-modalContainer","signName":"micromag-screen-urbania-horoscope-sign-modal-signName","wordContainer":"micromag-screen-urbania-horoscope-sign-modal-wordContainer","wordTitle":"micromag-screen-urbania-horoscope-sign-modal-wordTitle","word":"micromag-screen-urbania-horoscope-sign-modal-word","description":"micromag-screen-urbania-horoscope-sign-modal-description","image":"micromag-screen-urbania-horoscope-sign-modal-image"};
 
@@ -219,7 +243,7 @@ var Close = function Close(_ref) {
 Close.propTypes = propTypes$2;
 Close.defaultProps = defaultProps$2;
 
-var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","image":"micromag-screen-urbania-horoscope-signs-grid-image","gridText":"micromag-screen-urbania-horoscope-signs-grid-gridText","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","close":"micromag-screen-urbania-horoscope-signs-grid-close","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
+var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","thumbnail":"micromag-screen-urbania-horoscope-signs-grid-thumbnail","gridText":"micromag-screen-urbania-horoscope-signs-grid-gridText","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","close":"micromag-screen-urbania-horoscope-signs-grid-close","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","author":"micromag-screen-urbania-horoscope-signs-grid-author","collaborator":"micromag-screen-urbania-horoscope-signs-grid-collaborator","authorBackground":"micromag-screen-urbania-horoscope-signs-grid-authorBackground","emptyText":"micromag-screen-urbania-horoscope-signs-grid-emptyText","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
 
 var defaultBackground = {
   image: {
@@ -235,10 +259,11 @@ var propTypes$1 = {
     id: PropTypes__default["default"].string,
     label: PropTypes__default["default"].string,
     date: core.PropTypes.message,
-    image: PropTypes__default["default"].string,
+    thumbnail: PropTypes__default["default"].string,
     word: core.PropTypes.headingElement,
     description: core.PropTypes.textElement
   })),
+  author: core.PropTypes.authorElement,
   signSubtitle: core.PropTypes.headingElement,
   currentSign: PropTypes__default["default"].string,
   width: PropTypes__default["default"].number,
@@ -254,6 +279,7 @@ var propTypes$1 = {
 };
 var defaultProps$1 = {
   signs: null,
+  author: null,
   signSubtitle: null,
   currentSign: null,
   width: null,
@@ -270,6 +296,7 @@ var defaultProps$1 = {
 
 var SignsGrid = function SignsGrid(_ref) {
   var signs = _ref.signs,
+      author = _ref.author,
       signSubtitle = _ref.signSubtitle,
       currentSignId = _ref.currentSign,
       width = _ref.width,
@@ -295,6 +322,7 @@ var SignsGrid = function SignsGrid(_ref) {
 
   var backgroundPlaying = current && (isView || isEdit);
   var mediaShouldLoad = !isPlaceholder && (current || active);
+  var hasAuthor = author !== null && utils.isTextFilled(author.name);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles$1.container, _defineProperty__default["default"]({}, className, className !== null)])
   }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
@@ -325,8 +353,8 @@ var SignsGrid = function SignsGrid(_ref) {
     var _ref5 = sign || {},
         _ref5$id = _ref5.id,
         id = _ref5$id === void 0 ? null : _ref5$id,
-        _ref5$image = _ref5.image,
-        image = _ref5$image === void 0 ? null : _ref5$image,
+        _ref5$thumbnail = _ref5.thumbnail,
+        thumbnail = _ref5$thumbnail === void 0 ? null : _ref5$thumbnail,
         _ref5$label = _ref5.label,
         label = _ref5$label === void 0 ? null : _ref5$label,
         _ref5$date = _ref5.date,
@@ -354,9 +382,9 @@ var SignsGrid = function SignsGrid(_ref) {
           onClickSign(id);
         }
       }
-    }, image !== null ? /*#__PURE__*/React__default["default"].createElement("img", {
-      className: styles$1.image,
-      src: image,
+    }, thumbnail !== null ? /*#__PURE__*/React__default["default"].createElement("img", {
+      className: styles$1.thumbnail,
+      src: thumbnail,
       alt: id,
       loading: "lazy"
     }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -366,7 +394,24 @@ var SignsGrid = function SignsGrid(_ref) {
     }, label !== null ? /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, label) : null), /*#__PURE__*/React__default["default"].createElement("p", {
       className: styles$1.date
     }, date !== null ? /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, date) : null))));
-  }))) : /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
+  }), currentSign === null ? /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+    key: "author",
+    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "xYqGzM",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Author"
+      }]
+    }),
+    emptyClassName: styles$1.emptyText,
+    isEmpty: !hasAuthor
+  }, hasAuthor && !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Author__default["default"], {
+    author: author,
+    className: styles$1.author,
+    collaboratorClassName: styles$1.collaborator,
+    backgroundClassName: styles$1.authorBackground,
+    shouldLoad: mediaShouldLoad
+  }) : null) : null)) : /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
     key: "modal",
     classNames: styles$1,
     timeout: 500
@@ -374,18 +419,10 @@ var SignsGrid = function SignsGrid(_ref) {
     className: styles$1.modalContainer
   }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     onClick: onClickClose,
-    className: styles$1.backButton
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: styles$1.arrow
-  }, "\u2190"), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: styles$1.backLabel
-  }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "keK5s0",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Back to the Signs"
-    }]
-  }))), /*#__PURE__*/React__default["default"].createElement(SignModal, {
+    className: styles$1.closeButton
+  }, /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: styles$1.close
+  })), /*#__PURE__*/React__default["default"].createElement(SignModal, {
     width: width,
     height: height,
     className: styles$1.signModal,
@@ -403,6 +440,7 @@ var Astrologie = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%
 var signs = [{
   id: 'aries',
   image: aries__default["default"],
+  thumbnail: ariesThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "/PJA/1",
     defaultMessage: [{
@@ -420,6 +458,7 @@ var signs = [{
 }, {
   id: 'taurus',
   image: taurus__default["default"],
+  thumbnail: taurusThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "XKcyqx",
     defaultMessage: [{
@@ -437,6 +476,7 @@ var signs = [{
 }, {
   id: 'gemini',
   image: gemini__default["default"],
+  thumbnail: geminiThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "4g35M0",
     defaultMessage: [{
@@ -454,6 +494,7 @@ var signs = [{
 }, {
   id: 'cancer',
   image: cancer__default["default"],
+  thumbnail: cancerThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "0acGK7",
     defaultMessage: [{
@@ -471,6 +512,7 @@ var signs = [{
 }, {
   id: 'leo',
   image: leo__default["default"],
+  thumbnail: leoThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "EEUc6n",
     defaultMessage: [{
@@ -479,15 +521,16 @@ var signs = [{
     }]
   }),
   date: reactIntl.defineMessage({
-    id: "pnT3od",
+    id: "MBgLeH",
     defaultMessage: [{
       "type": 0,
-      "value": "June 23 - Aug 22"
+      "value": "July 23 - Aug 22"
     }]
   })
 }, {
   id: 'virgo',
   image: virgo__default["default"],
+  thumbnail: virgoThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "6bd963",
     defaultMessage: [{
@@ -505,6 +548,7 @@ var signs = [{
 }, {
   id: 'libra',
   image: libra__default["default"],
+  thumbnail: libraThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "M/FGRs",
     defaultMessage: [{
@@ -522,6 +566,7 @@ var signs = [{
 }, {
   id: 'scorpio',
   image: scorpio__default["default"],
+  thumbnail: scorpioThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "YyPYHk",
     defaultMessage: [{
@@ -539,6 +584,7 @@ var signs = [{
 }, {
   id: 'sagittarius',
   image: sagittarius__default["default"],
+  thumbnail: sagittariusThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "7mMPO4",
     defaultMessage: [{
@@ -556,6 +602,7 @@ var signs = [{
 }, {
   id: 'capricorn',
   image: capricorn__default["default"],
+  thumbnail: capricornThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "NumcrW",
     defaultMessage: [{
@@ -573,6 +620,7 @@ var signs = [{
 }, {
   id: 'aquarius',
   image: aquarius__default["default"],
+  thumbnail: aquariusThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "fBii8l",
     defaultMessage: [{
@@ -590,6 +638,7 @@ var signs = [{
 }, {
   id: 'pisces',
   image: pisces__default["default"],
+  thumbnail: piscesThumbnail__default["default"],
   label: reactIntl.defineMessage({
     id: "dxAumJ",
     defaultMessage: [{
@@ -606,7 +655,7 @@ var signs = [{
   })
 }];
 
-var styles = {"container":"micromag-screen-urbania-horoscope-container","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","layout":"micromag-screen-urbania-horoscope-layout","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","titlePlaceholder":"micromag-screen-urbania-horoscope-titlePlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","author":"micromag-screen-urbania-horoscope-author","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","signsGrid":"micromag-screen-urbania-horoscope-signsGrid","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","enter":"micromag-screen-urbania-horoscope-enter","enterActive":"micromag-screen-urbania-horoscope-enterActive","exit":"micromag-screen-urbania-horoscope-exit","exitActive":"micromag-screen-urbania-horoscope-exitActive"};
+var styles = {"container":"micromag-screen-urbania-horoscope-container","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","layout":"micromag-screen-urbania-horoscope-layout","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","titlePlaceholder":"micromag-screen-urbania-horoscope-titlePlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","signsGrid":"micromag-screen-urbania-horoscope-signsGrid","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","enter":"micromag-screen-urbania-horoscope-enter","enterActive":"micromag-screen-urbania-horoscope-enterActive","exit":"micromag-screen-urbania-horoscope-exit","exitActive":"micromag-screen-urbania-horoscope-exitActive"};
 
 var propTypes = {
   defaultSigns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
@@ -754,7 +803,6 @@ var Horoscope = function Horoscope(_ref) {
 
   var hasTitle = utils.isTextFilled(title);
   var hasDescription = utils.isTextFilled(description);
-  var hasAuthor = author !== null && utils.isTextFilled(author.name);
   var hasButton = utils.isTextFilled(button);
   var transitionPlaying = current;
   var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
@@ -790,22 +838,7 @@ var Horoscope = function Horoscope(_ref) {
     isEmpty: !hasDescription
   }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
     className: styles.description
-  }, description)) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
-    key: "author",
-    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
-      id: "xYqGzM",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Author"
-      }]
-    }),
-    emptyClassName: styles.emptyText,
-    isEmpty: !hasAuthor
-  }, hasAuthor && !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Author__default["default"], {
-    author: author,
-    className: styles.author,
-    shouldLoad: mediaShouldLoad
-  }) : null)),
+  }, description)) : null)),
   /*#__PURE__*/
   // BUTTON
   React__default["default"].createElement(components.ScreenElement, {
@@ -884,6 +917,7 @@ var Horoscope = function Horoscope(_ref) {
     width: width,
     height: height,
     className: styles.signsGrid,
+    author: author,
     closeButton: closePopup,
     background: popupBackground,
     signs: signs,
@@ -950,16 +984,6 @@ var definition = [{
           "value": "Description"
         }]
       })
-    }, {
-      name: 'author',
-      type: 'author-element',
-      label: reactIntl.defineMessage({
-        id: "73hxYw",
-        defaultMessage: [{
-          "type": 0,
-          "value": "Author"
-        }]
-      })
     }, {
       name: 'button',
       type: 'button-element',
@@ -1000,6 +1024,16 @@ var definition = [{
           "value": "Background"
         }]
       })
+    }, {
+      name: 'author',
+      type: 'author-element',
+      label: reactIntl.defineMessage({
+        id: "73hxYw",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Author"
+        }]
+      })
     }]
   }, {
     id: 'signs',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-urbania-horoscope",
-    "version": "0.3.134",
+    "version": "0.3.138",
     "description": "",
     "keywords": [
         "javascript"
@@ -50,18 +50,18 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.126",
-        "@micromag/element-background": "^0.3.134",
-        "@micromag/element-button": "^0.3.126",
-        "@micromag/element-call-to-action": "^0.3.128",
-        "@micromag/element-container": "^0.3.126",
-        "@micromag/element-grid": "^0.3.126",
-        "@micromag/element-heading": "^0.3.126",
-        "@micromag/element-layout": "^0.3.126",
-        "@micromag/element-scroll": "^0.3.130",
-        "@micromag/element-text": "^0.3.126",
-        "@micromag/element-urbania-author": "^0.3.133",
-        "@micromag/transforms": "^0.3.126",
+        "@micromag/core": "^0.3.138",
+        "@micromag/element-background": "^0.3.138",
+        "@micromag/element-button": "^0.3.138",
+        "@micromag/element-call-to-action": "^0.3.138",
+        "@micromag/element-container": "^0.3.138",
+        "@micromag/element-grid": "^0.3.138",
+        "@micromag/element-heading": "^0.3.138",
+        "@micromag/element-layout": "^0.3.138",
+        "@micromag/element-scroll": "^0.3.138",
+        "@micromag/element-text": "^0.3.138",
+        "@micromag/element-urbania-author": "^0.3.138",
+        "@micromag/transforms": "^0.3.138",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -72,5 +72,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "3eda132e0f399a773083f6b42a4d1ff7131b7b04"
+    "gitHead": "6460d58f8b915076249a11089a5f662ac11830fa"
 }