@micromag/elements 0.3.480 → 0.3.482

package/assets/css/styles.css

@@ -0,0 +1 @@
+.micromag-element-audio-audio-bars-container .micromag-element-audio-audio-bars-seekButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:relative;top:0;width:100%}.micromag-element-audio-audio-bars-container{height:100%;position:relative;width:100%}.micromag-element-audio-audio-bars-container .micromag-element-audio-audio-bars-seekButton{position:absolute;-ms-touch-action:none;touch-action:none}.micromag-element-audio-container .micromag-element-audio-wave{height:150px}.micromag-element-audio-container .micromag-element-audio-wave.micromag-element-audio-withAutoHeight{height:100%}.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-button{-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-element-audio-audio-wave-container .micromag-element-audio-audio-wave-button,.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-canvasBackground,.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-canvasProgress{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-audio-audio-wave-container{height:100px;position:relative;-ms-touch-action:pan-y;touch-action:pan-y}.micromag-element-author-avatar-container{display:inline-block;position:relative;width:100%;z-index:1}.micromag-element-author-avatar-container.micromag-element-author-avatar-shapeCircle .micromag-element-author-avatar-shape{background-color:#fff;background-position:top;border-radius:50%;overflow:hidden}.micromag-element-author-avatar-container .micromag-element-author-avatar-shape{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);display:block;height:0;padding-bottom:100%;width:100%}.micromag-element-author-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;vertical-align:center}.micromag-element-author-container .micromag-element-author-image{margin-right:10px;max-width:35px}.micromag-element-author-container .micromag-element-author-link{text-decoration:none}.micromag-element-author-container .micromag-element-author-right{display:block}.micromag-element-author-container .micromag-element-author-name p{display:inline;margin:0}.micromag-element-author-container .micromag-element-author-collaborator{background-color:transparent}.micromag-element-author-container .micromag-element-author-collaborator .micromag-element-author-collaboratorText{font-size:inherit}.micromag-element-author-container .micromag-element-author-collaborator .micromag-element-author-collaboratorText p{display:inline}.micromag-element-background-layer,.micromag-element-background-layers,.micromag-element-background-video,.micromag-element-background-videoContainer{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-background-container{overflow:hidden}.micromag-element-background-layer,.micromag-element-background-layers{z-index:0}.micromag-element-background-right .micromag-element-background-background{left:auto;right:0}.micromag-element-background-bottom .micromag-element-background-background{bottom:0;top:auto}.micromag-element-badge-container{border:1px solid #adadad;border-radius:100px;color:#adadad;display:inline-block;line-height:1;padding:4px 10px}.micromag-element-button-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-clip:padding-box;background-color:hsla(0,0%,100%,.1);border:0;border-radius:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:5px 10px;position:relative}.micromag-element-button-container.micromag-element-button-disabled,.micromag-element-button-container:disabled{cursor:auto}.micromag-element-button-border{display:block}@-webkit-keyframes micromag-element-call-to-action-appear{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes micromag-element-call-to-action-appear{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.micromag-element-call-to-action-container{opacity:1;position:relative;text-align:center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:100}.micromag-element-call-to-action-container .micromag-element-call-to-action-arrow{-webkit-animation:micromag-element-call-to-action-upAndDown .5s ease-in-out infinite alternate;animation:micromag-element-call-to-action-upAndDown .5s ease-in-out infinite alternate;display:block;margin:0 auto 3px}.micromag-element-call-to-action-container .micromag-element-call-to-action-icon{display:inline-block;vertical-align:middle}.micromag-element-call-to-action-container .micromag-element-call-to-action-label{display:inline-block;line-height:1;vertical-align:middle}.micromag-element-call-to-action-container .micromag-element-call-to-action-button{-webkit-user-drag:none;background-color:rgba(0,0,0,0);display:block;margin:0 auto;padding:5px 10px;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-button:hover{text-decoration:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-selfTargetLink{display:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-leavingFrame{-webkit-animation:micromag-element-call-to-action-appear .5s ease both;animation:micromag-element-call-to-action-appear .5s ease both;background-color:#fff;height:100vh;left:0;opacity:0;position:fixed;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:100vw}.micromag-element-call-to-action-container.micromag-element-call-to-action-animationDisabled .micromag-element-call-to-action-arrow{-webkit-animation:none;animation:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-invalidUrl{opacity:.5;pointer-events:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-invalidUrl .micromag-element-call-to-action-arrow{-webkit-animation:none;animation:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-withMargin{margin-bottom:5px}.micromag-element-checkbox-container{position:relative}.micromag-element-checkbox-container .micromag-element-checkbox-label{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0}.micromag-element-checkbox-container .micromag-element-checkbox-input{margin-right:5px}.micromag-element-closed-captions-container{position:relative;text-align:center}.micromag-element-closed-captions-container .micromag-element-closed-captions-captions{background-color:#1c1c1c;color:#fff;display:inline-block;padding:10px;word-break:break-word}.micromag-element-container-container{overflow:hidden;position:relative}.micromag-element-grid-container{position:relative}.micromag-element-grid-container .micromag-element-grid-items{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%}.micromag-element-grid-container .micromag-element-grid-cross,.micromag-element-grid-container .micromag-element-grid-items{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.micromag-element-grid-container .micromag-element-grid-axis{position:relative}.micromag-element-header-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-transition:opacity .5s cubic-bezier(.6,0,.4,1);transition:opacity .5s cubic-bezier(.6,0,.4,1)}.micromag-element-header-container.micromag-element-header-fade{opacity:.25}.micromag-element-heading-container em,.micromag-element-heading-container i{font-style:italic}.micromag-element-heading-container b,.micromag-element-heading-container strong{font-weight:700}.micromag-element-heading-container p{margin-bottom:.5em;margin-top:.5em}.micromag-element-heading-container mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.micromag-element-heading-container{line-height:1;margin:0;padding:0}.micromag-element-heading-container p{margin:0;padding:0}.micromag-element-image-container .micromag-element-image-showEmpty{margin:5px auto}.micromag-element-image-container{overflow:hidden;position:relative}.micromag-element-image-container .micromag-element-image-img{display:block;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-element-image-container .micromag-element-image-showEmpty{border:2px dashed #343434;color:#343434;height:200px;width:300px}.micromag-element-keypad-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.micromag-element-keypad-slot{position:relative}.micromag-element-layout-container.micromag-element-layout-fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-layout-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.micromag-element-layout-container .micromag-element-layout-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.micromag-element-link-container{margin:0;padding:0}.micromag-element-map-container .micromag-element-map-map{height:100%;width:100%}.micromag-element-map-container.micromag-element-map-preventScroll .micromag-element-map-map div{cursor:default}.micromag-element-map-container{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.micromag-element-quote-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-element-quote-container em,.micromag-element-quote-container i{font-style:italic}.micromag-element-quote-container b,.micromag-element-quote-container strong{font-weight:700}.micromag-element-quote-container p{margin-bottom:.5em;margin-top:.5em}.micromag-element-quote-container mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.micromag-element-quote-container{line-height:1.3}.micromag-element-quote-container h2{font-size:2em}.micromag-element-quote-container h3{font-size:1.75em}.micromag-element-quote-container h4{font-size:1.5em}.micromag-element-quote-container blockquote{padding:0 0 0 1em}.micromag-element-quote-container img{display:block;height:auto;max-width:100%;width:auto}.micromag-element-quote-container{margin:0;padding:0}.micromag-element-quote-container.micromag-element-quote-showEmpty{border:2px dashed #343434;color:#343434;display:inline-block;height:80px;width:300px}.micromag-element-scroll-container.micromag-element-scroll-withScroll .micromag-element-scroll-scrollable{scrollbar-width:none}.micromag-element-scroll-container.micromag-element-scroll-withScroll .micromag-element-scroll-scrollable::-webkit-scrollbar{display:none}.micromag-element-scroll-container{height:100%;margin:0 auto;min-height:inherit;position:relative}.micromag-element-scroll-container.micromag-element-scroll-withScroll .micromag-element-scroll-scrollable{-ms-scroll-chaining:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.micromag-element-scroll-container.micromag-element-scroll-withScroll.micromag-element-scroll-containOverscroll .micromag-element-scroll-scrollable{-ms-scroll-chaining:none;overscroll-behavior:contain}.micromag-element-scroll-container.micromag-element-scroll-top .micromag-element-scroll-scrollee{margin-bottom:auto}.micromag-element-scroll-container.micromag-element-scroll-middle .micromag-element-scroll-scrollee{margin:auto 0}.micromag-element-scroll-container.micromag-element-scroll-bottom .micromag-element-scroll-scrollee{margin-top:auto}.micromag-element-scroll-container.micromag-element-scroll-withArrow .micromag-element-scroll-arrowContainer{opacity:1}.micromag-element-scroll-scrollable{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:inherit;width:100%}.micromag-element-scroll-arrowContainer{bottom:0;height:5rem;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:3}.micromag-element-scroll-withShadow .micromag-element-scroll-arrowContainer:after{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(28,28,28,0)),to(rgba(28,28,28,.85)));background-image:linear-gradient(180deg,rgba(28,28,28,0),rgba(28,28,28,.85));content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.micromag-element-scroll-arrow{-webkit-animation:micromag-element-scroll-upAndDown .75s cubic-bezier(.4,0,.6,1) infinite alternate;animation:micromag-element-scroll-upAndDown .75s cubic-bezier(.4,0,.6,1) infinite alternate;color:#fff;display:inline-block;height:auto;position:relative;top:1rem;width:1rem;z-index:3}.micromag-element-scroll-arrow path{stroke-width:20;stroke:#1c1c1c}@-webkit-keyframes micromag-element-scroll-upAndDown{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}@keyframes micromag-element-scroll-upAndDown{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}.micromag-element-share-incentive-box{display:inline-block;position:relative}.micromag-element-share-incentive-tip{bottom:100%;height:auto;left:20px;position:absolute;width:30px}.micromag-element-share-options-button{-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-element-share-options-item+.micromag-element-share-options-item{margin-top:.5rem}.micromag-element-share-options-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;font-weight:400;justify-content:center;text-decoration:none;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1),-webkit-transform .3s cubic-bezier(0,.6,.5,1)}@media(hover:hover){.micromag-element-share-options-button:hover .micromag-element-share-options-icon,.micromag-element-share-options-button:hover .micromag-element-share-options-label{color:#fff;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.21,2.59,0,.9);transition:-webkit-transform .3s cubic-bezier(.21,2.59,0,.9);transition:transform .3s cubic-bezier(.21,2.59,0,.9);transition:transform .3s cubic-bezier(.21,2.59,0,.9),-webkit-transform .3s cubic-bezier(.21,2.59,0,.9)}}.micromag-element-share-options-button:active .micromag-element-share-options-icon,.micromag-element-share-options-button:active .micromag-element-share-options-label,.micromag-element-share-options-button:focus .micromag-element-share-options-icon,.micromag-element-share-options-button:focus .micromag-element-share-options-label{color:#fff;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67),-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67)}.micromag-element-share-options-icon{-ms-flex-negative:0;display:block;flex-shrink:0;position:relative}.micromag-element-share-options-icon,.micromag-element-share-options-spacer{height:100%;width:45px}.micromag-element-share-options-icon,.micromag-element-share-options-label{-webkit-transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:-webkit-transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1);transition:transform .3s cubic-bezier(0,.6,.5,1),-webkit-transform .3s cubic-bezier(0,.6,.5,1)}.micromag-element-share-options-label{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:1;font-size:inherit;justify-content:center;line-height:1;margin-left:.25em;margin-right:.25em;padding:.25rem;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.micromag-element-share-options-labelText{-ms-flex-negative:0;flex-shrink:0;margin-left:.25em;margin-right:.25em}.micromag-element-stack-spacer-container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.micromag-element-stack-spacer-container.micromag-element-stack-spacer-hasSize{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.micromag-element-stack-container{display:-webkit-box;display:-ms-flexbox;display:flex}.micromag-element-text-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-element-text-container em,.micromag-element-text-container i{font-style:italic}.micromag-element-text-container b,.micromag-element-text-container strong{font-weight:700}.micromag-element-text-container p{margin-bottom:.5em;margin-top:.5em}.micromag-element-text-container mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.micromag-element-text-container{line-height:1.3}.micromag-element-text-container h2{font-size:2em}.micromag-element-text-container h3{font-size:1.75em}.micromag-element-text-container h4{font-size:1.5em}.micromag-element-text-container blockquote{padding:0 0 0 1em}.micromag-element-text-container img{display:block;height:auto;max-width:100%;width:auto}.micromag-element-text-container{margin:0;padding:0}.micromag-element-text-container.micromag-element-text-showEmpty{border:2px dashed #343434;color:#343434;display:inline-block;height:80px;width:300px}.micromag-element-text-container.micromag-element-text-withLineClamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.micromag-element-text-container p{font-weight:inherit}.micromag-element-text-input-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-element-text-input-container em,.micromag-element-text-input-container i{font-style:italic}.micromag-element-text-input-container b,.micromag-element-text-input-container strong{font-weight:700}.micromag-element-text-input-container p{margin-bottom:.5em;margin-top:.5em}.micromag-element-text-input-container mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.micromag-element-text-input-container{line-height:1.3}.micromag-element-text-input-container h2{font-size:2em}.micromag-element-text-input-container h3{font-size:1.75em}.micromag-element-text-input-container h4{font-size:1.5em}.micromag-element-text-input-container blockquote{padding:0 0 0 1em}.micromag-element-text-input-container img{display:block;height:auto;max-width:100%;width:auto}.micromag-element-text-input-container{margin:0;padding:0}.micromag-element-text-input-element{background-color:hsla(0,0%,100%,.1);border:0;outline:0}.micromag-element-urbania-author-avatar-container{display:inline-block;position:relative;width:100%;z-index:1}.micromag-element-urbania-author-avatar-container.micromag-element-urbania-author-avatar-shapeCircle .micromag-element-urbania-author-avatar-shape{background-color:#fff;background-position:top;border-radius:50%;overflow:hidden}.micromag-element-urbania-author-avatar-container .micromag-element-urbania-author-avatar-shape{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);display:block;height:0;padding-bottom:100%;width:100%}.micromag-element-urbania-author-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#222;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:Agrandir;vertical-align:center}.micromag-element-urbania-author-container .micromag-element-urbania-author-image{max-width:4em;min-width:2.2em}.micromag-element-urbania-author-container .micromag-element-urbania-author-link{color:#222;display:inline-block;text-decoration:none}.micromag-element-urbania-author-container .micromag-element-urbania-author-right{display:block}.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{min-height:20px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{background-color:#efefef;font-family:Agrandir;font-size:10px;letter-spacing:.04em;line-height:1;white-space:nowrap}.micromag-element-urbania-author-container .micromag-element-urbania-author-name{border-bottom-right-radius:40px;border-top-right-radius:40px;font-weight:700;line-height:1;margin-left:-7px;padding:6px 8px 3px 13px;text-transform:uppercase}.micromag-element-urbania-author-container .micromag-element-urbania-author-name p{display:inline;font-size:inherit;font-weight:inherit;margin:0;text-transform:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator{background-color:transparent;color:#fff;padding-top:2px;position:absolute}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText{font-size:.9em;line-height:1;padding-left:7.3px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText p{display:inline;font-size:inherit;line-height:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{border-bottom-left-radius:40px;border-top-left-radius:40px;margin-right:-5px;padding:6px 12px 3px 8px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall{font-size:9px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-prefix{font-size:9px;white-space:normal}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-image{max-width:2.2em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-name{margin-left:0;padding-left:0}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-prefix{margin-right:0;padding-right:.4em}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutBackground .micromag-element-urbania-author-prefix{background-color:transparent}.micromag-element-video-container .micromag-element-video-spinner,.micromag-element-video-container.micromag-element-video-withSize .micromag-element-video-media{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-video-container{position:relative}.micromag-element-video-container .micromag-element-video-media{display:block;width:100%}.micromag-element-video-container .micromag-element-video-spinner{height:32px;left:50%;margin-left:-16px;margin-top:-16px;top:50%;width:32px}.micromag-element-visual-container{overflow:hidden;position:relative}.micromag-element-visual-container .micromag-element-visual-videoContainer{overflow:hidden;position:absolute}.micromag-element-visual-container .micromag-element-visual-videoTag{pointer-events:auto}.micromag-element-visual-container .micromag-element-visual-videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}.micromag-element-webview-container .micromag-element-webview-close{-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-element-webview-container{background-color:#343434;height:100%;position:relative;width:100%}.micromag-element-webview-container .micromag-element-webview-iframe{display:block;height:100%;width:100%}.micromag-element-webview-container .micromag-element-webview-top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;left:0;padding:5px;position:absolute;right:0;top:0;width:100%}.micromag-element-webview-container .micromag-element-webview-close{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#222;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-filter:invert(100%);filter:invert(100%);height:32px;justify-content:center;width:32px}.micromag-element-webview-container .micromag-element-webview-icon{line-height:1;margin:0;padding:0;width:1em}

package/es/index.js

@@ -81,5 +81,6 @@ var ElementsProvider = function ElementsProvider(props) {
 };
 ElementsProvider.propTypes = propTypes;
 ElementsProvider.defaultProps = defaultProps;
+var ElementsProvider$1 = ElementsProvider;
 
-export { ElementsProvider };
+export { ElementsProvider$1 as ElementsProvider };

package/lib/index.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var PropTypes = require('prop-types');
+var React = require('react');
+var contexts = require('@micromag/core/contexts');
+var elementAudio = require('@micromag/element-audio');
+var elementAuthor = require('@micromag/element-author');
+var elementBackground = require('@micromag/element-background');
+var elementBadge = require('@micromag/element-badge');
+var elementButton = require('@micromag/element-button');
+var elementCallToAction = require('@micromag/element-call-to-action');
+var elementCheckbox = require('@micromag/element-checkbox');
+var elementClosedCaptions = require('@micromag/element-closed-captions');
+var elementContainer = require('@micromag/element-container');
+var elementFooter = require('@micromag/element-footer');
+var elementGrid = require('@micromag/element-grid');
+var elementHeader = require('@micromag/element-header');
+var elementHeading = require('@micromag/element-heading');
+var elementImage = require('@micromag/element-image');
+var elementKeypad = require('@micromag/element-keypad');
+var elementLayout = require('@micromag/element-layout');
+var elementLink = require('@micromag/element-link');
+var elementMap = require('@micromag/element-map');
+var elementQuote = require('@micromag/element-quote');
+var elementScroll = require('@micromag/element-scroll');
+var elementShareIncentive = require('@micromag/element-share-incentive');
+var elementShareOptions = require('@micromag/element-share-options');
+var elementStack = require('@micromag/element-stack');
+var elementText = require('@micromag/element-text');
+var elementTextInput = require('@micromag/element-text-input');
+var elementVideo = require('@micromag/element-video');
+var elementVisual = require('@micromag/element-visual');
+var elementWebview = require('@micromag/element-webview');
+var elementUrbaniaAuthor = require('@micromag/element-urbania-author');
+
+// eslint-disable-next-line
+
+var ElementComponents = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Audio: elementAudio,
+    Author: elementAuthor,
+    Background: elementBackground,
+    Badge: elementBadge,
+    Button: elementButton,
+    CallToAction: elementCallToAction,
+    Checkbox: elementCheckbox,
+    ClosedCaptions: elementClosedCaptions,
+    Container: elementContainer,
+    Footer: elementFooter,
+    Grid: elementGrid,
+    Header: elementHeader,
+    Heading: elementHeading,
+    Image: elementImage,
+    Keypad: elementKeypad,
+    Layout: elementLayout,
+    Link: elementLink,
+    Map: elementMap,
+    Quote: elementQuote,
+    Scroll: elementScroll,
+    ShareIncentive: elementShareIncentive,
+    ShareOptions: elementShareOptions,
+    Stack: elementStack,
+    Text: elementText,
+    TextInput: elementTextInput,
+    UrbaniaAuthor: elementUrbaniaAuthor,
+    Video: elementVideo,
+    Visual: elementVisual,
+    WebView: elementWebview
+});
+
+/* eslint-disable react/jsx-props-no-spreading */
+var propTypes = {
+  children: PropTypes.node
+};
+var defaultProps = {
+  children: null
+};
+var ElementsProvider = function ElementsProvider(props) {
+  return /*#__PURE__*/React.createElement(contexts.ComponentsProvider, Object.assign({
+    namespace: contexts.ELEMENTS_NAMESPACE,
+    components: ElementComponents
+  }, props));
+};
+ElementsProvider.propTypes = propTypes;
+ElementsProvider.defaultProps = defaultProps;
+var ElementsProvider$1 = ElementsProvider;
+
+exports.ElementsProvider = ElementsProvider$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/elements",
-    "version": "0.3.480",
+    "version": "0.3.482",
     "private": false,
     "description": "",
     "keywords": [
@@ -56,7 +56,10 @@
         "all.js"
     ],
     "scripts": {
-        "prepare": "../../scripts/prepare-package.sh --scss"
+        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf scss",
+        "scss": "../../scripts/build-packages-styles.js --pattern='@micromag/element-*' ./src/styles.scss.ejs ./scss/styles.scss",
+        "css": "../../scripts/build-sass.js ./scss/styles.scss ./assets/css/styles.css",
+        "prepare": "../../scripts/prepare-package.sh && npm run scss && npm run css"
     },
     "devDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
@@ -68,36 +71,36 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.480",
-        "@micromag/element-audio": "^0.3.480",
-        "@micromag/element-author": "^0.3.480",
-        "@micromag/element-background": "^0.3.480",
-        "@micromag/element-badge": "^0.3.480",
-        "@micromag/element-button": "^0.3.480",
-        "@micromag/element-call-to-action": "^0.3.480",
-        "@micromag/element-checkbox": "^0.3.480",
-        "@micromag/element-closed-captions": "^0.3.480",
-        "@micromag/element-container": "^0.3.480",
-        "@micromag/element-footer": "^0.3.480",
-        "@micromag/element-grid": "^0.3.480",
-        "@micromag/element-header": "^0.3.480",
-        "@micromag/element-heading": "^0.3.480",
-        "@micromag/element-image": "^0.3.480",
-        "@micromag/element-keypad": "^0.3.480",
-        "@micromag/element-layout": "^0.3.480",
-        "@micromag/element-link": "^0.3.480",
-        "@micromag/element-map": "^0.3.480",
-        "@micromag/element-quote": "^0.3.480",
-        "@micromag/element-scroll": "^0.3.480",
-        "@micromag/element-share-incentive": "^0.3.480",
-        "@micromag/element-share-options": "^0.3.480",
-        "@micromag/element-stack": "^0.3.480",
-        "@micromag/element-text": "^0.3.480",
-        "@micromag/element-text-input": "^0.3.480",
-        "@micromag/element-urbania-author": "^0.3.480",
-        "@micromag/element-video": "^0.3.480",
-        "@micromag/element-visual": "^0.3.480",
-        "@micromag/element-webview": "^0.3.480",
+        "@micromag/core": "^0.3.482",
+        "@micromag/element-audio": "^0.3.482",
+        "@micromag/element-author": "^0.3.482",
+        "@micromag/element-background": "^0.3.482",
+        "@micromag/element-badge": "^0.3.482",
+        "@micromag/element-button": "^0.3.482",
+        "@micromag/element-call-to-action": "^0.3.482",
+        "@micromag/element-checkbox": "^0.3.482",
+        "@micromag/element-closed-captions": "^0.3.482",
+        "@micromag/element-container": "^0.3.482",
+        "@micromag/element-footer": "^0.3.482",
+        "@micromag/element-grid": "^0.3.482",
+        "@micromag/element-header": "^0.3.482",
+        "@micromag/element-heading": "^0.3.482",
+        "@micromag/element-image": "^0.3.482",
+        "@micromag/element-keypad": "^0.3.482",
+        "@micromag/element-layout": "^0.3.482",
+        "@micromag/element-link": "^0.3.482",
+        "@micromag/element-map": "^0.3.482",
+        "@micromag/element-quote": "^0.3.482",
+        "@micromag/element-scroll": "^0.3.482",
+        "@micromag/element-share-incentive": "^0.3.482",
+        "@micromag/element-share-options": "^0.3.482",
+        "@micromag/element-stack": "^0.3.482",
+        "@micromag/element-text": "^0.3.482",
+        "@micromag/element-text-input": "^0.3.482",
+        "@micromag/element-urbania-author": "^0.3.482",
+        "@micromag/element-video": "^0.3.482",
+        "@micromag/element-visual": "^0.3.482",
+        "@micromag/element-webview": "^0.3.482",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2"
@@ -106,5 +109,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4a69863ce7f8aa2e254242a2fd368763611cf096"
+    "gitHead": "931f86bb7dd77a05d196cadda88c8a170e665c3d"
 }

package/scss/styles.scss

@@ -1,29 +1,30 @@
 @import '~@micromag/element-audio/assets/css/styles';
-@import '~@micromag/element-author/assets/css/styles';
-@import '~@micromag/element-background/assets/css/styles';
-@import '~@micromag/element-badge/assets/css/styles';
-@import '~@micromag/element-button/assets/css/styles';
-@import '~@micromag/element-call-to-action/assets/css/styles';
-@import '~@micromag/element-checkbox/assets/css/styles';
-@import '~@micromag/element-closed-captions/assets/css/styles';
-@import '~@micromag/element-container/assets/css/styles';
-@import '~@micromag/element-footer/assets/css/styles';
-@import '~@micromag/element-grid/assets/css/styles';
-@import '~@micromag/element-header/assets/css/styles';
-@import '~@micromag/element-heading/assets/css/styles';
-@import '~@micromag/element-image/assets/css/styles';
-@import '~@micromag/element-keypad/assets/css/styles';
-@import '~@micromag/element-layout/assets/css/styles';
-@import '~@micromag/element-link/assets/css/styles';
-@import '~@micromag/element-map/assets/css/styles';
-@import '~@micromag/element-quote/assets/css/styles';
-@import '~@micromag/element-scroll/assets/css/styles';
-@import '~@micromag/element-share-incentive/assets/css/styles';
-@import '~@micromag/element-share-options/assets/css/styles';
-@import '~@micromag/element-stack/assets/css/styles';
-@import '~@micromag/element-text/assets/css/styles';
-@import '~@micromag/element-text-input/assets/css/styles';
-@import '~@micromag/element-video/assets/css/styles';
-@import '~@micromag/element-visual/assets/css/styles';
-@import '~@micromag/element-webview/assets/css/styles';
-@import '~@micromag/element-urbania-author/assets/css/styles';
+    @import '~@micromag/element-author/assets/css/styles';
+    @import '~@micromag/element-background/assets/css/styles';
+    @import '~@micromag/element-badge/assets/css/styles';
+    @import '~@micromag/element-button/assets/css/styles';
+    @import '~@micromag/element-call-to-action/assets/css/styles';
+    @import '~@micromag/element-checkbox/assets/css/styles';
+    @import '~@micromag/element-closed-captions/assets/css/styles';
+    @import '~@micromag/element-container/assets/css/styles';
+    @import '~@micromag/element-footer/assets/css/styles';
+    @import '~@micromag/element-grid/assets/css/styles';
+    @import '~@micromag/element-header/assets/css/styles';
+    @import '~@micromag/element-heading/assets/css/styles';
+    @import '~@micromag/element-image/assets/css/styles';
+    @import '~@micromag/element-keypad/assets/css/styles';
+    @import '~@micromag/element-layout/assets/css/styles';
+    @import '~@micromag/element-link/assets/css/styles';
+    @import '~@micromag/element-map/assets/css/styles';
+    @import '~@micromag/element-quote/assets/css/styles';
+    @import '~@micromag/element-scroll/assets/css/styles';
+    @import '~@micromag/element-share-incentive/assets/css/styles';
+    @import '~@micromag/element-share-options/assets/css/styles';
+    @import '~@micromag/element-stack/assets/css/styles';
+    @import '~@micromag/element-text/assets/css/styles';
+    @import '~@micromag/element-text-input/assets/css/styles';
+    @import '~@micromag/element-urbania-author/assets/css/styles';
+    @import '~@micromag/element-video/assets/css/styles';
+    @import '~@micromag/element-visual/assets/css/styles';
+    @import '~@micromag/element-webview/assets/css/styles';
+