@covalent/components 1.0.8 → 1.0.12

package/covalent.js

@@ -202,7 +202,7 @@ const{OPENING:xt,OPEN:wt,CLOSING:Et}={CLOSING:"mdc-banner--closing",OPEN:"mdc-ba
         ${this.icon}
         </mwc-icon>        
       </slot>
-    </div>`}createAdapter(){return Object.assign(Object.assign({},ct(this.mdcRoot)),{getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(t,e)=>{this.mdcRoot.style.setProperty(t,e)},trapFocus:()=>{},releaseFocus:()=>{},notifyClosed:t=>{},notifyClosing:t=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}})}show(){this.open=!0}close(t=bt.UNSPECIFIED){this.reason=t,this.open=!1}firstUpdated(){super.firstUpdated(),this.open&&this.mdcFoundation.open()}}kt([c(".mdc-banner")],Ot.prototype,"mdcRoot",void 0),kt([c(".mdc-banner__content")],Ot.prototype,"mdcContent",void 0),kt([a({type:Boolean,reflect:!0}),gt((function(t){this.mdcFoundation&&(t?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=bt.UNSPECIFIED))}))],Ot.prototype,"open",void 0),kt([a({type:String})],Ot.prototype,"labelText",void 0),kt([a({type:String})],Ot.prototype,"icon",void 0),kt([a({type:Boolean})],Ot.prototype,"centered",void 0),kt([a()],Ot.prototype,"state",void 0);var $t=g`.mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface,#fff)}.mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}.mdc-banner__content,.mdc-banner__fixed{min-width:344px}@media(max-width:480px),(max-width:344px){.mdc-banner__content,.mdc-banner__fixed{min-width:100%}}.mdc-banner__content{max-width:720px}.mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media(max-width:480px){.mdc-banner .mdc-banner__fixed{left:0;right:0}.mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}.mdc-banner .mdc-banner__text[dir=rtl],[dir=rtl] .mdc-banner .mdc-banner__text{margin-left:36px;margin-right:16px}}@media(max-width:480px){.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl],[dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:8px;margin-right:16px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}.mdc-banner--closing,.mdc-banner--open,.mdc-banner--opening{display:flex}.mdc-banner--open{transition:height .3s ease}.mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}.mdc-banner--closing{transition:height 250ms ease}.mdc-banner--closing .mdc-banner__content{transition:transform 250ms ease}.mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}.mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}.mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}.mdc-banner__graphic-text-wrapper{display:flex;width:100%}.mdc-banner__graphic{margin-left:16px;margin-right:0;flex-shrink:0;margin-top:16px;margin-bottom:16px;text-align:center}.mdc-banner__graphic[dir=rtl],[dir=rtl] .mdc-banner__graphic{margin-left:0;margin-right:16px}.mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}.mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}.mdc-banner__text[dir=rtl],[dir=rtl] .mdc-banner__text{margin-left:90px;margin-right:24px}.mdc-banner__actions{padding-left:0;padding-right:8px;align-self:flex-end;display:flex;flex-shrink:0;padding-bottom:8px;padding-top:8px}.mdc-banner__actions[dir=rtl],[dir=rtl] .mdc-banner__actions{padding-left:8px;padding-right:0}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}.mdc-banner__secondary-action[dir=rtl],[dir=rtl] .mdc-banner__secondary-action{margin-left:8px;margin-right:0}.mdc-banner{background-color:#fff;border-bottom-color:rgba(0,0,0,.12);border-bottom-width:1px;border-radius:0}.mdc-banner .mdc-banner__text{color:#000}.mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;font-size:.875rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.25rem}.mdc-banner .mdc-banner__graphic{border-radius:50%}.mdc-banner .mdc-banner__graphic{height:40px;width:40px}.mdc-banner .mdc-banner__fixed{background-color:#fff}.mdc-banner .mdc-banner__fixed{border-bottom-color:rgba(0,0,0,.12)}.mdc-banner .mdc-banner__fixed{border-bottom-width:1px}.mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color,#6200ee)}.mdc-banner .mdc-button .mdc-button__ripple::after,.mdc-banner .mdc-button .mdc-button__ripple::before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color,#6200ee)}.mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before,.mdc-banner .mdc-button:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity,.04)}.mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity,.12)}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity,.1)}.mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.1)}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}.mdc-banner__secondary-action[dir=rtl],[dir=rtl] .mdc-banner__secondary-action{margin-left:8px;margin-right:0}.mdc-banner{background-color:var(--mdc-theme-surface);border-bottom-color:var(--mdc-theme-border);overflow:hidden}.mdc-banner .mdc-banner__content{max-width:inherit}.mdc-banner .mdc-banner__graphic,.mdc-banner .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{--mdc-theme-on-surface:var(--mdc-theme-text-disabled-on-background);margin-left:16px}.mdc-banner.caution{--mdc-theme-surface:var(--mdc-theme-surface-caution-highlight)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-caution-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-caution)}.mdc-banner.negative{--mdc-theme-surface:var(--mdc-theme-surface-negative-highlight)}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-negative-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-error)}.mdc-banner.active{--mdc-theme-surface:var(--mdc-theme-surface-secondary-highlight)}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-secondary-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-secondary)}.mdc-banner.positive{--mdc-theme-surface:var(--mdc-theme-surface-positive-highlight)}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-positive-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-positive)}::slotted(*){margin-left:8px}`,Nt=function(t,e,i,r){var o,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(n=(a<3?o(n):a>3?o(e,i,n):o(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Ft=class extends Ot{};Ft.styles=[$t],Ft=Nt([r("td-action-ribbon")],Ft);var zt=g`:host{--mdc-typography-subtitle1-font-weight:700;--mdc-typography-subtitle2-font-weight:700}.logo-text{fill:var(--covalent-theme-text-logo-on-background)}.covalent-icon{--mdc-icon-font:"covalent-icons"}mwc-drawer{--mdc-theme-surface:var(--mdc-theme-background);--mdc-typography-subtitle1-font-weight:700;--mdc-typography-subtitle2-font-weight:700;--mdc-list-vertical-padding:0}mwc-top-app-bar-fixed{--mdc-top-app-bar-width:calc(100vw)}.drawer-content{height:100%;overflow-x:auto;flex:1}.drawer-inner-content{height:100%}#drawer-app-bar{--mdc-top-app-bar-width:255px}mwc-top-app-bar-fixed{--mdc-theme-primary:var(--mdc-theme-surface);--mdc-theme-on-primary:var(--mdc-theme-on-surface)}::slotted(mwc-list-item),mwc-list-item{border-radius:0 28px 28px 0;margin-right:16px;height:48px}mwc-list-item[activated] mwc-icon{--mdc-theme-text-icon-on-background:--mdc-theme-text-icon-on-primary}.mdc-top-app-bar__title{padding-left:0}.drawer-content mwc-top-app-bar-fixed{display:none}.home-item,::slotted(.home-item){background-color:#f3753f;--mdc-ripple-color:#fff}.home-item .covalent-icon,::slotted(.home-item) .covalent-icon{--mdc-list-item-graphic-size:40px;--mdc-icon-size:40px;--mdc-theme-text-icon-on-background:#f3753f;--mdc-theme-text-icon-on-background:#fff;height:40px}.home-item .covalent-icon::after,::slotted(.home-item) .covalent-icon::after{background:#fff;--mdc-theme-text-icon-on-background:#fff}.home-item .covalent-icon .home-item .home-icon,::slotted(.home-item) .covalent-icon .home-item .home-icon{--mdc-theme-text-icon-on-background:#fff;--mdc-list-item-graphic-size:35px;margin-left:8px;margin-top:4px;display:none}.home-item .covalent-icon .home-item mwc-icon,::slotted(.home-item) .covalent-icon .home-item mwc-icon{position:relative;border-radius:100px}.home-item:hover .home-icon,::slotted(.home-item):hover .home-icon{display:block}.home-item:hover .covalent-icon,::slotted(.home-item):hover .covalent-icon{display:none}.logo-dark,html.dark .logo-light{display:none}html.dark .logo-dark{display:block}navigation-rail{display:flex;overflow:auto;flex-direction:column;max-width:71px;min-width:71px;border-left:1px solid transparent;text-align:center;height:100%;margin-left:0}mwc-drawer:not([type=modal]) navigation-rail.drawer-open{display:none}::slotted(mwc-list-item),navigation-rail mwc-list-item{border-radius:100%;margin:0 auto 8px;padding:0;width:48px}navigation-rail .toggle-drawer{margin-top:8px;margin-bottom:8px}navigation-rail mwc-list-item mwc-icon{margin-left:8px}@media only screen and (max-width:800px){.drawer-content mwc-top-app-bar-fixed{display:block}navigation-rail{display:none}}`,Lt=function(t,e){return(Lt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,e)};
+    </div>`}createAdapter(){return Object.assign(Object.assign({},ct(this.mdcRoot)),{getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(t,e)=>{this.mdcRoot.style.setProperty(t,e)},trapFocus:()=>{},releaseFocus:()=>{},notifyClosed:t=>{},notifyClosing:t=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}})}show(){this.open=!0}close(t=bt.UNSPECIFIED){this.reason=t,this.open=!1}firstUpdated(){super.firstUpdated(),this.open&&this.mdcFoundation.open()}}kt([c(".mdc-banner")],Ot.prototype,"mdcRoot",void 0),kt([c(".mdc-banner__content")],Ot.prototype,"mdcContent",void 0),kt([a({type:Boolean,reflect:!0}),gt((function(t){this.mdcFoundation&&(t?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=bt.UNSPECIFIED))}))],Ot.prototype,"open",void 0),kt([a({type:String})],Ot.prototype,"labelText",void 0),kt([a({type:String})],Ot.prototype,"icon",void 0),kt([a({type:Boolean})],Ot.prototype,"centered",void 0),kt([a()],Ot.prototype,"state",void 0);var $t=g`.mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface,#fff)}.mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee)}.mdc-banner__content,.mdc-banner__fixed{min-width:344px}@media(max-width:480px),(max-width:344px){.mdc-banner__content,.mdc-banner__fixed{min-width:100%}}.mdc-banner__content{max-width:720px}.mdc-banner{z-index:1;border-bottom-style:solid;box-sizing:border-box;display:none;flex-shrink:0;height:0;position:relative;width:100%}@media(max-width:480px){.mdc-banner .mdc-banner__fixed{left:0;right:0}.mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}.mdc-banner .mdc-banner__text[dir=rtl],[dir=rtl] .mdc-banner .mdc-banner__text{margin-left:36px;margin-right:16px}}@media(max-width:480px){.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl],[dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:8px;margin-right:16px}.mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}.mdc-banner--closing,.mdc-banner--open,.mdc-banner--opening{display:flex}.mdc-banner--open{transition:height .3s ease}.mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}.mdc-banner--closing{transition:height 250ms ease}.mdc-banner--closing .mdc-banner__content{transition:transform 250ms ease}.mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}.mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}.mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}.mdc-banner__graphic-text-wrapper{display:flex;width:100%}.mdc-banner__graphic{margin-left:16px;margin-right:0;flex-shrink:0;margin-top:16px;margin-bottom:16px;text-align:center}.mdc-banner__graphic[dir=rtl],[dir=rtl] .mdc-banner__graphic{margin-left:0;margin-right:16px}.mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}.mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}.mdc-banner__text[dir=rtl],[dir=rtl] .mdc-banner__text{margin-left:90px;margin-right:24px}.mdc-banner__actions{padding-left:0;padding-right:8px;align-self:flex-end;display:flex;flex-shrink:0;padding-bottom:8px;padding-top:8px}.mdc-banner__actions[dir=rtl],[dir=rtl] .mdc-banner__actions{padding-left:8px;padding-right:0}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}.mdc-banner__secondary-action[dir=rtl],[dir=rtl] .mdc-banner__secondary-action{margin-left:8px;margin-right:0}.mdc-banner{background-color:#fff;border-bottom-color:rgba(0,0,0,.12);border-bottom-width:1px;border-radius:0}.mdc-banner .mdc-banner__text{color:#000}.mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;font-size:.875rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.25rem}.mdc-banner .mdc-banner__graphic{border-radius:50%}.mdc-banner .mdc-banner__graphic{height:40px;width:40px}.mdc-banner .mdc-banner__fixed{background-color:#fff}.mdc-banner .mdc-banner__fixed{border-bottom-color:rgba(0,0,0,.12)}.mdc-banner .mdc-banner__fixed{border-bottom-width:1px}.mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color,#6200ee)}.mdc-banner .mdc-button .mdc-button__ripple::after,.mdc-banner .mdc-button .mdc-button__ripple::before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color,#6200ee)}.mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before,.mdc-banner .mdc-button:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity,.04)}.mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-text-button-focus-state-layer-opacity,.12)}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-banner .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:.1;opacity:var(--mdc-text-button-pressed-state-layer-opacity,.1)}.mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.1)}.mdc-banner__secondary-action{margin-left:0;margin-right:8px}.mdc-banner__secondary-action[dir=rtl],[dir=rtl] .mdc-banner__secondary-action{margin-left:8px;margin-right:0}.mdc-banner{background-color:var(--mdc-theme-surface);border-bottom-color:var(--mdc-theme-border);overflow:hidden}.mdc-banner .mdc-banner__content{max-width:inherit}.mdc-banner .mdc-banner__graphic,.mdc-banner .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-neutral-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-text-icon-on-background);color:var(--mdc-theme-on-surface)}.mdc-banner .mdc-banner__text{--mdc-theme-on-surface:var(--mdc-theme-text-disabled-on-background);margin-left:16px}.mdc-banner.caution{--mdc-theme-surface:var(--mdc-theme-surface-caution-highlight)}.mdc-banner.caution .mdc-banner__graphic,.mdc-banner.caution .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-caution-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-caution)}.mdc-banner.negative{--mdc-theme-surface:var(--mdc-theme-surface-negative-highlight)}.mdc-banner.negative .mdc-banner__graphic,.mdc-banner.negative .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-negative-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-error)}.mdc-banner.active{--mdc-theme-surface:var(--mdc-theme-surface-secondary-highlight)}.mdc-banner.active .mdc-banner__graphic,.mdc-banner.active .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-secondary-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-secondary)}.mdc-banner.positive{--mdc-theme-surface:var(--mdc-theme-surface-positive-highlight)}.mdc-banner.positive .mdc-banner__graphic,.mdc-banner.positive .mdc-banner__text{--mdc-theme-primary:var(--mdc-theme-surface-positive-highlight-hover);--mdc-theme-on-surface:var(--mdc-theme-positive)}::slotted(*){margin-left:8px}`,Nt=function(t,e,i,r){var o,a=arguments.length,n=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(n=(a<3?o(n):a>3?o(e,i,n):o(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let Ft=class extends Ot{};Ft.styles=[$t],Ft=Nt([r("td-action-ribbon")],Ft);var zt=g`:host{--mdc-typography-subtitle1-font-weight:700;--mdc-typography-subtitle2-font-weight:700}.logo-text{fill:var(--covalent-theme-text-logo-on-background)}.covalent-icon{--mdc-icon-font:"covalent-icons"}mwc-drawer{--mdc-theme-surface:var(--mdc-theme-background);--mdc-typography-subtitle1-font-weight:700;--mdc-typography-subtitle2-font-weight:700;--mdc-list-vertical-padding:0}mwc-top-app-bar-fixed{--mdc-top-app-bar-width:calc(100vw)}.drawer-content{height:100%;display:flex;flex-direction:column}.app-content{height:100%;overflow-x:auto;flex:1}.app-inner-content{height:100%}#drawer-app-bar{--mdc-top-app-bar-width:255px}mwc-top-app-bar-fixed{--mdc-theme-primary:var(--mdc-theme-surface);--mdc-theme-on-primary:var(--mdc-theme-on-surface)}::slotted(mwc-list-item),mwc-list-item{border-radius:0 28px 28px 0;margin-right:16px;height:48px}mwc-list-item[activated] mwc-icon{--mdc-theme-text-icon-on-background:--mdc-theme-text-icon-on-primary}.mdc-top-app-bar__title{padding-left:0}.app-content mwc-top-app-bar-fixed{display:none}.home-item,::slotted(.home-item){background-color:#f3753f;--mdc-ripple-color:#fff}.home-item .covalent-icon,::slotted(.home-item) .covalent-icon{--mdc-list-item-graphic-size:40px;--mdc-icon-size:40px;--mdc-theme-text-icon-on-background:#f3753f;--mdc-theme-text-icon-on-background:#fff;height:40px}.home-item .covalent-icon::after,::slotted(.home-item) .covalent-icon::after{background:#fff;--mdc-theme-text-icon-on-background:#fff}.home-item .covalent-icon .home-item .home-icon,::slotted(.home-item) .covalent-icon .home-item .home-icon{--mdc-theme-text-icon-on-background:#fff;--mdc-list-item-graphic-size:35px;margin-left:8px;margin-top:4px;display:none}.home-item .covalent-icon .home-item mwc-icon,::slotted(.home-item) .covalent-icon .home-item mwc-icon{position:relative;border-radius:100px}.home-item:hover .home-icon,::slotted(.home-item):hover .home-icon{display:block}.home-item:hover .covalent-icon,::slotted(.home-item):hover .covalent-icon{display:none}.logo-dark,html.dark .logo-light{display:none}html.dark .logo-dark{display:block}navigation-rail{display:flex;overflow:auto;flex-direction:column;max-width:71px;min-width:71px;border-right:1px solid var(--mdc-theme-border);text-align:center;height:100%;margin-left:0}mwc-drawer:not([type=modal]) navigation-rail.drawer-open{display:none}::slotted(mwc-list-item),navigation-rail mwc-list-item{border-radius:100%;margin:0 auto 8px;padding:0;width:48px}navigation-rail .toggle-drawer{margin-top:8px;margin-bottom:8px}navigation-rail mwc-list-item mwc-icon{margin-left:8px}@media only screen and (max-width:800px){.app-content mwc-top-app-bar-fixed{display:block}navigation-rail{display:none}}`,Lt=function(t,e){return(Lt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,e)};
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -670,12 +670,12 @@ const Li=g`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cub
 
             <slot name="user-menu-rail"></slot>
         </navigation-rail>
-        <div class="drawer-content">
+        <div class="app-content">
             <mwc-top-app-bar-fixed centerTitle>
                 <mwc-icon-button @click=${this._onClick} slot="navigationIcon" icon="menu"></mwc-icon-button>
                 <span slot="title">${this.appName}</span>
             </mwc-top-app-bar-fixed>
-            <div class="drawer-inner-content">
+            <div class="app-inner-content">
               <slot></slot>  
             </div>
             </div>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@covalent/components",
-    "version": "1.0.8",
+    "version": "1.0.12",
     "description": "a catalog of material components for covalent",
     "main": "index.js",
     "scripts": {