@micromag/screen-urbania-recommendation 0.3.608 → 0.3.610
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/styles.css +1 -1
- package/es/index.js +100 -13
- package/package.json +14 -14
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-close,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton{-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-recommendation-container .micromag-screen-urbania-recommendation-background,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundTextContainer{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-recommendation-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{padding:6px;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-empty,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyCategory,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-recommendation-container{-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{z-index:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundTextContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText{color:#f28d77;font-family:Agrandir,sans-serif;font-size:100px;font-style:italic;font-weight:900;height:100%;line-height:.9;text-align:center;text-transform:uppercase;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;white-space:nowrap;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-hidden{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-didAnimate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-animateFromBottom{-webkit-animation:micromag-screen-urbania-recommendation-slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);animation:micromag-screen-urbania-recommendation-slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(100%) rotate(180deg);-ms-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-animateFromTop{-webkit-animation:micromag-screen-urbania-recommendation-slideFromTop 1.2s cubic-bezier(.85,0,.15,1);animation:micromag-screen-urbania-recommendation-slideFromTop 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);-ms-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-empty,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyVisual{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptySponsor,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyVisual{width:calc(100% - 10px)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptySponsor{padding:5px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyCategory{height:20%;left:10px;padding:10px;position:absolute;top:calc(100% - 24px);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-footer{-webkit-transition:opacity .2 ease-out;transition:opacity .2 ease-out;z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-footer.micromag-screen-urbania-recommendation-disabled{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-close{color:#000;position:absolute;right:10px;top:10px;z-index:3}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-closeIcon{height:1.5em;width:1.5em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{background-color:#fff;border-radius:10px;-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.25);box-shadow:4px 4px 4px rgba(0,0,0,.25);color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;margin:0 auto;-webkit-transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;width:90%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear .5s cubic-bezier(.65,0,.35,1);animation:micromag-screen-urbania-recommendation-appear .5s cubic-bezier(.65,0,.35,1);-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard .micromag-screen-urbania-recommendation-visualContainer{border-top-left-radius:10px;border-top-right-radius:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-visualBottom{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-visualBottom .micromag-screen-urbania-recommendation-visualContainer{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0;border-top-right-radius:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-modalOpened{height:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-hidden{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;max-height:250px;overflow:hidden;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualContainer.micromag-screen-urbania-recommendation-modalOpened{border-radius:0;overflow:auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-align:center;text-transform:uppercase;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-hasVisual{position:absolute}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualWrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(34,34,34,0);height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualWrapper.micromag-screen-urbania-recommendation-modalOpened{display:-ms-flexbox;display:flex;left:50%;position:fixed;top:50%;z-index:2;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(34,34,34,.9);justify-content:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton{display:block;margin:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton.micromag-screen-urbania-recommendation-transitioning{-webkit-transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56),-webkit-transform .4s cubic-bezier(.36,0,.66,-.56)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton.micromag-screen-urbania-recommendation-disabled{cursor:auto;pointer-events:none}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton:hover{-webkit-filter:saturate(1.1);filter:saturate(1.1)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton:hover>.micromag-screen-urbania-recommendation-iconContainer{opacity:.8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer{bottom:10px;display:-ms-flexbox;display:flex;left:10px;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);height:30px;justify-content:center;pointer-events:none;-webkit-transition:all .1s;transition:all .1s;width:30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer.micromag-screen-urbania-recommendation-visualBottom{bottom:25px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer.micromag-screen-urbania-recommendation-hidden{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-icon{height:14px;width:14px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-text{display:-ms-flexbox;display:flex;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryContainer{display:-ms-flexbox;display:flex;left:0;position:absolute;top:100%;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{font-family:Agrandir Tight,sans-serif;font-size:28px;padding:12px 10px 6px;text-align:center;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{background-color:#343434;padding:10px;width:20%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textContent{margin-left:auto;padding:14px 8px 14px 0;position:relative;width:80%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textContent.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#e9e9e9;display:none;margin-left:2px;padding:10px;visibility:hidden}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{word-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{font-family:Agrandir Tight,sans-serif;font-size:1.2rem;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{font-family:Agrandir Tight,sans-serif;padding-top:3px;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-border{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-top:1px solid #000;display:block;height:0;margin:0;padding:0;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{font-size:14px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{font-size:12px;font-weight:700}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date p,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location p,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor p{font-weight:inherit;margin-bottom:0;margin-top:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{font-family:Agrandir Tight,sans-serif;font-size:12px;padding-top:3px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{font-weight:inherit;margin-bottom:.5em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes micromag-screen-urbania-recommendation-slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes micromag-screen-urbania-recommendation-slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@-webkit-keyframes micromag-screen-urbania-recommendation-slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes micromag-screen-urbania-recommendation-slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}
|
|
1
|
+
.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-close,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton{-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-recommendation-container .micromag-screen-urbania-recommendation-background,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundTextContainer{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-recommendation-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{padding:6px;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-empty,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyCategory,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-recommendation-container{-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{z-index:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundTextContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText{color:#f28d77;font-family:Agrandir,sans-serif;font-size:100px;font-style:italic;font-weight:900;height:100%;line-height:.9;text-align:center;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;white-space:nowrap;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-hidden{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-didAnimate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-animateFromBottom{-webkit-animation:micromag-screen-urbania-recommendation-slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);animation:micromag-screen-urbania-recommendation-slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(100%) rotate(180deg);-ms-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-animateFromTop{-webkit-animation:micromag-screen-urbania-recommendation-slideFromTop 1.2s cubic-bezier(.85,0,.15,1);animation:micromag-screen-urbania-recommendation-slideFromTop 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);-ms-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-empty,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyVisual{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptySponsor,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyVisual{width:calc(100% - 10px)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptySponsor{padding:5px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyCategory{height:20%;left:10px;padding:10px;position:absolute;top:calc(100% - 24px);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-footer{-webkit-transition:opacity .2 ease-out;transition:opacity .2 ease-out;z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-footer.micromag-screen-urbania-recommendation-disabled{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-close{color:#000;position:absolute;right:10px;top:10px;z-index:3}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-closeIcon{height:1.5em;width:1.5em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{background-color:#fff;border-radius:10px;-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.25);box-shadow:4px 4px 4px rgba(0,0,0,.25);color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;margin:0 auto;-webkit-transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;width:90%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear .5s cubic-bezier(.65,0,.35,1);animation:micromag-screen-urbania-recommendation-appear .5s cubic-bezier(.65,0,.35,1);-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard .micromag-screen-urbania-recommendation-visualContainer{border-top-left-radius:10px;border-top-right-radius:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-visualBottom{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-visualBottom .micromag-screen-urbania-recommendation-visualContainer{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0;border-top-right-radius:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-modalOpened{height:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-hidden{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;max-height:250px;overflow:hidden;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualContainer.micromag-screen-urbania-recommendation-modalOpened{border-radius:0;overflow:auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-align:center;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-hasVisual{position:absolute}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualWrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(34,34,34,0);height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualWrapper.micromag-screen-urbania-recommendation-modalOpened{display:-ms-flexbox;display:flex;left:50%;position:fixed;top:50%;z-index:2;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(34,34,34,.9);justify-content:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton{display:block;margin:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton.micromag-screen-urbania-recommendation-transitioning{-webkit-transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56),-webkit-transform .4s cubic-bezier(.36,0,.66,-.56)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton.micromag-screen-urbania-recommendation-disabled{cursor:auto;pointer-events:none}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton:hover{-webkit-filter:saturate(1.1);filter:saturate(1.1)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton:hover>.micromag-screen-urbania-recommendation-iconContainer{opacity:.8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer{bottom:10px;display:-ms-flexbox;display:flex;left:10px;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);height:30px;justify-content:center;pointer-events:none;-webkit-transition:all .1s;transition:all .1s;width:30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer.micromag-screen-urbania-recommendation-visualBottom{bottom:25px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer.micromag-screen-urbania-recommendation-hidden{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-icon{height:14px;width:14px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-text{display:-ms-flexbox;display:flex;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryContainer{display:-ms-flexbox;display:flex;left:0;position:absolute;top:100%;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{font-family:Agrandir Tight,sans-serif;font-size:28px;padding:12px 10px 6px;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{background-color:#343434;padding:10px;width:20%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textContent{margin-left:auto;padding:14px 8px 14px 0;position:relative;width:80%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textContent.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#e9e9e9;display:none;margin-left:2px;padding:10px;visibility:hidden}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{word-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{font-family:Agrandir Tight,sans-serif;font-size:1.2rem}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{font-family:Agrandir Tight,sans-serif;padding-top:3px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-border{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-top:1px solid #000;display:block;height:0;margin:0;padding:0;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{font-size:14px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{font-size:12px;font-weight:700}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date p,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location p,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor p{font-weight:inherit;margin-bottom:0;margin-top:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{font-family:Agrandir Tight,sans-serif;font-size:12px;padding-top:3px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{font-weight:inherit;margin-bottom:.5em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes micromag-screen-urbania-recommendation-slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes micromag-screen-urbania-recommendation-slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@-webkit-keyframes micromag-screen-urbania-recommendation-slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes micromag-screen-urbania-recommendation-slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}
|
package/es/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useIntl, FormattedMessage, defineMessage } from 'react-intl';
|
|
2
|
-
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
3
2
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
+
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
4
4
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
@@ -330,7 +330,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
330
330
|
}, [activityDetected, showControls, isVideo, hideControls]);
|
|
331
331
|
useDebounce(toggleControlsVisibility, activityDetected, 1000);
|
|
332
332
|
|
|
333
|
-
// Default font weights for urbania styles
|
|
333
|
+
// Default font weights ++ for urbania styles
|
|
334
334
|
var _useMemo = useMemo(function () {
|
|
335
335
|
var _ref9 = title || {},
|
|
336
336
|
_ref9$textStyle = _ref9.textStyle,
|
|
@@ -339,18 +339,29 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
339
339
|
_ref10$color = _ref10.color,
|
|
340
340
|
titleStyleColor = _ref10$color === undefined ? null : _ref10$color,
|
|
341
341
|
_ref10$fontFamily = _ref10.fontFamily,
|
|
342
|
-
titleFontFamily = _ref10$fontFamily === undefined ? null : _ref10$fontFamily
|
|
342
|
+
titleFontFamily = _ref10$fontFamily === undefined ? null : _ref10$fontFamily,
|
|
343
|
+
_ref10$fontStyle = _ref10.fontStyle,
|
|
344
|
+
titleFontStyles = _ref10$fontStyle === undefined ? null : _ref10$fontStyle;
|
|
343
345
|
var _ref11 = titleStyleColor || {},
|
|
344
346
|
_ref11$color = _ref11.color,
|
|
345
347
|
finalTitleColor = _ref11$color === undefined ? null : _ref11$color;
|
|
346
348
|
var finalTitleFontWeight = titleFontFamily === null ? 700 : null;
|
|
349
|
+
var finalTextTransform = titleFontFamily === null ? 'uppercase' : null;
|
|
350
|
+
var finalTitleFontStyle = titleFontFamily === null ? _objectSpread(_objectSpread({}, titleFontStyles), {}, {
|
|
351
|
+
transform: 'uppercase'
|
|
352
|
+
}) : titleFontStyles;
|
|
347
353
|
var _ref12 = category || {},
|
|
348
354
|
_ref12$textStyle = _ref12.textStyle,
|
|
349
355
|
finalCategoryTextStyle = _ref12$textStyle === undefined ? null : _ref12$textStyle;
|
|
350
356
|
var _ref13 = finalCategoryTextStyle || {},
|
|
351
357
|
_ref13$fontFamily = _ref13.fontFamily,
|
|
352
|
-
categoryFontFamily = _ref13$fontFamily === undefined ? null : _ref13$fontFamily
|
|
358
|
+
categoryFontFamily = _ref13$fontFamily === undefined ? null : _ref13$fontFamily,
|
|
359
|
+
_ref13$fontStyle = _ref13.fontStyle,
|
|
360
|
+
categoryFontStyles = _ref13$fontStyle === undefined ? null : _ref13$fontStyle;
|
|
353
361
|
var finalCategoryFontWeight = categoryFontFamily === null ? 900 : null;
|
|
362
|
+
var finalCategoryFontStyle = categoryFontFamily === null ? _objectSpread(_objectSpread({}, categoryFontStyles), {}, {
|
|
363
|
+
transform: 'uppercase'
|
|
364
|
+
}) : categoryFontStyles;
|
|
354
365
|
var _ref14 = description || {},
|
|
355
366
|
_ref14$textStyle = _ref14.textStyle,
|
|
356
367
|
finalDescriptionTextStyle = _ref14$textStyle === undefined ? null : _ref14$textStyle;
|
|
@@ -358,23 +369,83 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
358
369
|
_ref15$fontFamily = _ref15.fontFamily,
|
|
359
370
|
descriptionFontFamily = _ref15$fontFamily === undefined ? null : _ref15$fontFamily;
|
|
360
371
|
var finalDescriptionFontWeight = descriptionFontFamily === null ? 300 : null;
|
|
372
|
+
var _ref16 = date || {},
|
|
373
|
+
_ref16$textStyle = _ref16.textStyle,
|
|
374
|
+
finalDateTextStyle = _ref16$textStyle === undefined ? null : _ref16$textStyle;
|
|
375
|
+
var _ref17 = finalDateTextStyle || {},
|
|
376
|
+
_ref17$fontFamily = _ref17.fontFamily,
|
|
377
|
+
dateFontFamily = _ref17$fontFamily === undefined ? null : _ref17$fontFamily,
|
|
378
|
+
_ref17$fontStyle = _ref17.fontStyle,
|
|
379
|
+
dateFontStyles = _ref17$fontStyle === undefined ? null : _ref17$fontStyle;
|
|
380
|
+
var finalDateFontStyle = dateFontFamily === null ? _objectSpread(_objectSpread({}, dateFontStyles), {}, {
|
|
381
|
+
transform: 'uppercase'
|
|
382
|
+
}) : dateFontStyles;
|
|
383
|
+
var _ref18 = location || {},
|
|
384
|
+
_ref18$textStyle = _ref18.textStyle,
|
|
385
|
+
finalLocationTextStyle = _ref18$textStyle === undefined ? null : _ref18$textStyle;
|
|
386
|
+
var _ref19 = finalLocationTextStyle || {},
|
|
387
|
+
_ref19$fontFamily = _ref19.fontFamily,
|
|
388
|
+
locationFontFamily = _ref19$fontFamily === undefined ? null : _ref19$fontFamily,
|
|
389
|
+
_ref19$fontStyle = _ref19.fontStyle,
|
|
390
|
+
locationFontStyles = _ref19$fontStyle === undefined ? null : _ref19$fontStyle;
|
|
391
|
+
var finalLocationFontStyle = locationFontFamily === null ? _objectSpread(_objectSpread({}, locationFontStyles), {}, {
|
|
392
|
+
transform: 'uppercase'
|
|
393
|
+
}) : locationFontStyles;
|
|
394
|
+
var _ref20 = sponsor || {},
|
|
395
|
+
_ref20$textStyle = _ref20.textStyle,
|
|
396
|
+
finalSponsorTextStyle = _ref20$textStyle === undefined ? null : _ref20$textStyle;
|
|
397
|
+
var _ref21 = finalSponsorTextStyle || {},
|
|
398
|
+
_ref21$fontFamily = _ref21.fontFamily,
|
|
399
|
+
sponsorFontFamily = _ref21$fontFamily === undefined ? null : _ref21$fontFamily,
|
|
400
|
+
_ref21$fontStyle = _ref21.fontStyle,
|
|
401
|
+
sponsorFontStyles = _ref21$fontStyle === undefined ? null : _ref21$fontStyle;
|
|
402
|
+
var finalSponsorFontStyle = sponsorFontFamily === null ? _objectSpread(_objectSpread({}, sponsorFontStyles), {}, {
|
|
403
|
+
transform: 'uppercase'
|
|
404
|
+
}) : sponsorFontStyles;
|
|
405
|
+
var _ref22 = backgroundTextStyle || {},
|
|
406
|
+
_ref22$fontFamily = _ref22.fontFamily,
|
|
407
|
+
backgroundFontFamily = _ref22$fontFamily === undefined ? null : _ref22$fontFamily,
|
|
408
|
+
_ref22$fontStyle = _ref22.fontStyle,
|
|
409
|
+
backgroundFontStyles = _ref22$fontStyle === undefined ? null : _ref22$fontStyle;
|
|
410
|
+
var finalBackgroundFontStyle = backgroundFontFamily === null ? _objectSpread(_objectSpread({}, backgroundFontStyles), {}, {
|
|
411
|
+
transform: 'uppercase'
|
|
412
|
+
}) : backgroundFontStyles;
|
|
361
413
|
return {
|
|
414
|
+
defaultTextTransform: finalTextTransform,
|
|
362
415
|
titleColor: finalTitleColor,
|
|
363
416
|
titleTextStyle: finalTitleTextStyle,
|
|
364
417
|
titleFontWeight: finalTitleFontWeight,
|
|
418
|
+
titleFontStyle: finalTitleFontStyle,
|
|
365
419
|
categoryTextStyle: finalCategoryTextStyle,
|
|
366
420
|
categoryFontWeight: finalCategoryFontWeight,
|
|
421
|
+
categoryFontStyle: finalCategoryFontStyle,
|
|
367
422
|
descriptionTextStyle: finalDescriptionTextStyle,
|
|
368
|
-
descriptionFontWeight: finalDescriptionFontWeight
|
|
423
|
+
descriptionFontWeight: finalDescriptionFontWeight,
|
|
424
|
+
dateTextStyle: finalDateTextStyle,
|
|
425
|
+
dateFontStyle: finalDateFontStyle,
|
|
426
|
+
locationTextStyle: finalLocationTextStyle,
|
|
427
|
+
locationFontStyle: finalLocationFontStyle,
|
|
428
|
+
sponsorTextStyle: finalSponsorTextStyle,
|
|
429
|
+
sponsorFontStyle: finalSponsorFontStyle,
|
|
430
|
+
backgroundFontStyle: finalBackgroundFontStyle
|
|
369
431
|
};
|
|
370
|
-
}, [title, category, description]),
|
|
432
|
+
}, [title, category, description, date, location, sponsor, backgroundTextStyle]),
|
|
371
433
|
titleTextStyle = _useMemo.titleTextStyle,
|
|
372
434
|
titleColor = _useMemo.titleColor,
|
|
373
435
|
titleFontWeight = _useMemo.titleFontWeight,
|
|
436
|
+
titleFontStyle = _useMemo.titleFontStyle,
|
|
374
437
|
categoryTextStyle = _useMemo.categoryTextStyle,
|
|
375
438
|
categoryFontWeight = _useMemo.categoryFontWeight,
|
|
439
|
+
categoryFontStyle = _useMemo.categoryFontStyle,
|
|
376
440
|
descriptionTextStyle = _useMemo.descriptionTextStyle,
|
|
377
|
-
descriptionFontWeight = _useMemo.descriptionFontWeight
|
|
441
|
+
descriptionFontWeight = _useMemo.descriptionFontWeight,
|
|
442
|
+
dateTextStyle = _useMemo.dateTextStyle,
|
|
443
|
+
dateFontStyle = _useMemo.dateFontStyle,
|
|
444
|
+
locationTextStyle = _useMemo.locationTextStyle,
|
|
445
|
+
locationFontStyle = _useMemo.locationFontStyle,
|
|
446
|
+
sponsorTextStyle = _useMemo.sponsorTextStyle,
|
|
447
|
+
sponsorFontStyle = _useMemo.sponsorFontStyle,
|
|
448
|
+
backgroundFontStyle = _useMemo.backgroundFontStyle;
|
|
378
449
|
var layoutStyle = !isPlaceholder ? getStyleFromBox(cardBoxStyle) : null;
|
|
379
450
|
return /*#__PURE__*/React.createElement("div", {
|
|
380
451
|
className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
|
|
@@ -493,7 +564,11 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
493
564
|
})
|
|
494
565
|
}, hasSponsor ? /*#__PURE__*/React.createElement(Text, Object.assign({
|
|
495
566
|
className: classNames([styles.sponsor, _defineProperty({}, styles.hasVisual, hasVisual)])
|
|
496
|
-
}, sponsor
|
|
567
|
+
}, sponsor, {
|
|
568
|
+
textStyle: _objectSpread(_objectSpread({}, sponsorTextStyle), {}, {
|
|
569
|
+
fontStyle: sponsorFontStyle
|
|
570
|
+
})
|
|
571
|
+
})) : null)), /*#__PURE__*/React.createElement("div", {
|
|
497
572
|
ref: textContainerRef,
|
|
498
573
|
className: styles.text
|
|
499
574
|
}, /*#__PURE__*/React.createElement(ScreenElement, {
|
|
@@ -519,7 +594,8 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
519
594
|
className: styles.category
|
|
520
595
|
}, category, {
|
|
521
596
|
textStyle: _objectSpread(_objectSpread({}, categoryTextStyle), {}, {
|
|
522
|
-
fontWeight: categoryFontWeight
|
|
597
|
+
fontWeight: categoryFontWeight,
|
|
598
|
+
fontStyle: categoryFontStyle
|
|
523
599
|
})
|
|
524
600
|
}))) : null), /*#__PURE__*/React.createElement("div", {
|
|
525
601
|
className: classNames([styles.textContent, _defineProperty({}, styles.isPlaceholder, isPlaceholder)])
|
|
@@ -541,7 +617,8 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
541
617
|
className: styles.title
|
|
542
618
|
}, title, {
|
|
543
619
|
textStyle: _objectSpread(_objectSpread({}, titleTextStyle), {}, {
|
|
544
|
-
fontWeight: titleFontWeight
|
|
620
|
+
fontWeight: titleFontWeight,
|
|
621
|
+
fontStyle: titleFontStyle
|
|
545
622
|
})
|
|
546
623
|
})), /*#__PURE__*/React.createElement("hr", {
|
|
547
624
|
className: styles.border,
|
|
@@ -555,7 +632,11 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
555
632
|
})
|
|
556
633
|
}, hasDate ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, Object.assign({
|
|
557
634
|
className: styles.date
|
|
558
|
-
}, date
|
|
635
|
+
}, date, {
|
|
636
|
+
textStyle: _objectSpread(_objectSpread({}, dateTextStyle), {}, {
|
|
637
|
+
fontStyle: dateFontStyle
|
|
638
|
+
})
|
|
639
|
+
})), /*#__PURE__*/React.createElement("hr", {
|
|
559
640
|
className: styles.border,
|
|
560
641
|
style: {
|
|
561
642
|
borderColor: titleColor
|
|
@@ -567,7 +648,11 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
567
648
|
})
|
|
568
649
|
}, hasLocation ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, Object.assign({
|
|
569
650
|
className: styles.location
|
|
570
|
-
}, location
|
|
651
|
+
}, location, {
|
|
652
|
+
textStyle: _objectSpread(_objectSpread({}, locationTextStyle), {}, {
|
|
653
|
+
fontStyle: locationFontStyle
|
|
654
|
+
})
|
|
655
|
+
})), /*#__PURE__*/React.createElement("hr", {
|
|
571
656
|
className: styles.border,
|
|
572
657
|
style: {
|
|
573
658
|
borderColor: titleColor
|
|
@@ -623,7 +708,9 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
|
|
|
623
708
|
className: classNames([styles.backgroundText], _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.hidden, !current && isView && !isPreview), styles.didAnimate, didAnimate), styles.animateFromBottom, backgroundAnimationStarted && i % 2 !== 0), styles.animateFromTop, backgroundAnimationStarted && i % 2 === 0)),
|
|
624
709
|
style: _objectSpread({
|
|
625
710
|
animationDelay: "".concat(i * 100, "ms")
|
|
626
|
-
}, getStyleFromText(backgroundTextStyle)
|
|
711
|
+
}, getStyleFromText(_objectSpread(_objectSpread({}, backgroundTextStyle), {}, {
|
|
712
|
+
fontStyle: backgroundFontStyle
|
|
713
|
+
})))
|
|
627
714
|
}, line);
|
|
628
715
|
})) : null) : null);
|
|
629
716
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-recommendation",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.610",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -60,18 +60,18 @@
|
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"@babel/runtime": "^7.13.10",
|
|
63
|
-
"@micromag/core": "^0.3.
|
|
64
|
-
"@micromag/element-background": "^0.3.
|
|
65
|
-
"@micromag/element-button": "^0.3.
|
|
66
|
-
"@micromag/element-container": "^0.3.
|
|
67
|
-
"@micromag/element-footer": "^0.3.
|
|
68
|
-
"@micromag/element-header": "^0.3.
|
|
69
|
-
"@micromag/element-heading": "^0.3.
|
|
70
|
-
"@micromag/element-layout": "^0.3.
|
|
71
|
-
"@micromag/element-scroll": "^0.3.
|
|
72
|
-
"@micromag/element-text": "^0.3.
|
|
73
|
-
"@micromag/element-visual": "^0.3.
|
|
74
|
-
"@micromag/transforms": "^0.3.
|
|
63
|
+
"@micromag/core": "^0.3.610",
|
|
64
|
+
"@micromag/element-background": "^0.3.610",
|
|
65
|
+
"@micromag/element-button": "^0.3.610",
|
|
66
|
+
"@micromag/element-container": "^0.3.610",
|
|
67
|
+
"@micromag/element-footer": "^0.3.610",
|
|
68
|
+
"@micromag/element-header": "^0.3.610",
|
|
69
|
+
"@micromag/element-heading": "^0.3.610",
|
|
70
|
+
"@micromag/element-layout": "^0.3.610",
|
|
71
|
+
"@micromag/element-scroll": "^0.3.610",
|
|
72
|
+
"@micromag/element-text": "^0.3.610",
|
|
73
|
+
"@micromag/element-visual": "^0.3.610",
|
|
74
|
+
"@micromag/transforms": "^0.3.610",
|
|
75
75
|
"classnames": "^2.2.6",
|
|
76
76
|
"lodash": "^4.17.21",
|
|
77
77
|
"prop-types": "^15.7.2",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"access": "public",
|
|
83
83
|
"registry": "https://registry.npmjs.org/"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "7a002b920dc02d8daa6dfd6aedc1a97951a8e939"
|
|
86
86
|
}
|