@covalent/components - npm Package Compare versions

Comparing version 10.0.1 to 10.0.2-beta.1

alert.js

@@ -1,3 +0,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements-BQszEgac.js"),l=require("./utils-wMBJ9n_n.js"),p=require("./observer-N9cgkDqh.js"),b=require("./foundation-sIsx2I_x.js"),g=require("./class-map-PsUYVqvf.js"),c=require("./property-BRKnMYJe.js"),h=require("./query-BvlE-gMJ.js");var f=Object.defineProperty,a=(r,e,o,m)=>{for(var t=void 0,i=r.length-1,d;i>=0;i--)(d=r[i])&&(t=d(e,o,t)||t);return t&&f(e,o,t),t};class n extends s.s{constructor(){super(...arguments),this.mdcFoundationClass=b.MDCBannerFoundation,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=b.CloseReason.UNSPECIFIED}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return s.x` <div class="${g.o(e)}" role="banner">
-      <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" aria-label="${this.titleText}">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./query-assigned-elements-BQszEgac.js"),p=require("./utils-wMBJ9n_n.js"),l=require("./observer-N9cgkDqh.js"),h=require("./foundation-sIsx2I_x.js"),g=require("./class-map-PsUYVqvf.js"),d=require("./property-BRKnMYJe.js"),u=require("./state-Csv4sdJA.js"),b=require("./query-BvlE-gMJ.js");var f=Object.defineProperty,r=(o,e,a,i)=>{for(var t=void 0,c=o.length-1,s;c>=0;c--)(s=o[c])&&(t=s(e,a,t)||t);return t&&f(e,a,t),t};class n extends m.s{constructor(){super(),this.mdcFoundationClass=h.MDCBannerFoundation,this.currentWidth=0,this.open=!0,this.titleText="",this.descriptionText="",this.icon="",this.iconAriaLabel="",this.inline=!1,this.state="",this.reason=h.CloseReason.UNSPECIFIED,this._resizeObserver=new ResizeObserver(e=>{for(const a of e){const i=a.contentRect.width;i!==this.currentWidth&&(this.currentWidth=i,this.mdcFoundation.layout())}})}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver.disconnect()}render(){const e={"mdc-banner":!0,"cv-banner--inline":this.inline,negative:this.state==="negative",positive:this.state==="positive",caution:this.state==="caution",active:this.state==="active"};return m.x` <div class="${g.o(e)}" role="banner">
+      <div
+        class="mdc-banner__content"
+        role="alertdialog"
+        aria-live="assertive"
+        aria-label="${this.titleText}"
+      >
         <div class="mdc-banner__graphic-text-wrapper">
@@ -14,8 +19,12 @@ ${this.icon?this.renderIcon():""}
       </div>
-    </div>`}renderIcon(){return s.x` <div class="mdc-banner__graphic" role="img" aria-label="${this.iconAriaLabel}">
+    </div>`}renderIcon(){return m.x` <div
+      class="mdc-banner__graphic"
+      role="img"
+      aria-label="${this.iconAriaLabel}"
+    >
       <slot name="icon">
         <cv-icon class="mdc-banner__icon"> ${this.icon} </cv-icon>
       </slot>
-    </div>`}createAdapter(){return{...l.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,o)=>{this.mdcRoot.style.setProperty(e,o)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(b.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:()=>{},notifyClosing:()=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}}}show(){this.open=!0}close(e=b.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open()}}a([h.i(".mdc-banner")],n.prototype,"mdcRoot");a([h.i(".mdc-banner__content")],n.prototype,"mdcContent");a([c.n({type:Boolean,reflect:!0}),p.observer(function(r){this.mdcFoundation&&(r?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=b.CloseReason.UNSPECIFIED))})],n.prototype,"open");a([c.n({type:String})],n.prototype,"titleText");a([c.n({type:String})],n.prototype,"descriptionText");a([c.n({type:String})],n.prototype,"icon");a([c.n({type:String})],n.prototype,"iconAriaLabel");a([c.n({type:Boolean})],n.prototype,"inline");a([c.n()],n.prototype,"state");const v=":host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .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){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .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, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .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, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--mdc-theme-surface-neutral);background-color:var(--mdc-theme-surface)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:700;line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-surface-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-caution-highlight)}:host .mdc-banner.caution.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.caution.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-caution)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-surface-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-negative-highlight)}:host .mdc-banner.negative.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.negative.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-negative)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-surface-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-secondary-highlight)}:host .mdc-banner.active.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.active.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-secondary)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-surface-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-positive-highlight)}:host .mdc-banner.positive.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.positive.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-positive)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}";var u=Object.defineProperty,_=Object.getOwnPropertyDescriptor,x=(r,e,o,m)=>{for(var t=m>1?void 0:m?_(e,o):e,i=r.length-1,d;i>=0;i--)(d=r[i])&&(t=(m?d(e,o,t):d(t))||t);return m&&t&&u(e,o,t),t};exports.CovalentAlert=class extends n{};exports.CovalentAlert.styles=[s.i`
-      ${s.r(v)}
-    `];exports.CovalentAlert=x([s.e("cv-alert")],exports.CovalentAlert);const y=exports.CovalentAlert;exports.default=y;
+    </div>`}createAdapter(){return{...p.addHasRemoveClass(this.mdcRoot),getContentHeight:()=>this.mdcContent.offsetHeight,setStyleProperty:(e,a)=>{this.mdcRoot.style.setProperty(e,a)},trapFocus:()=>{},releaseFocus:()=>{},notifyActionClicked:e=>this.dispatchEvent(new CustomEvent(h.events.ACTION_CLICKED,{bubbles:!0,cancelable:!0,detail:{reason:e}})),notifyClosed:()=>{},notifyClosing:()=>{this.open=!1},notifyOpened:()=>{},notifyOpening:()=>{this.open=!0}}}show(){this.open=!0}close(e=h.CloseReason.UNSPECIFIED){this.reason=e,this.open=!1}async firstUpdated(){this.mdcFoundation!==void 0&&this.mdcFoundation.destroy(),this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.open&&this.mdcFoundation.open(),this._resizeObserver.observe(this.mdcGraphicTextWrapper)}}r([b.i(".mdc-banner")],n.prototype,"mdcRoot");r([b.i(".mdc-banner__content")],n.prototype,"mdcContent");r([b.i(".mdc-banner__graphic-text-wrapper")],n.prototype,"mdcGraphicTextWrapper");r([u.t()],n.prototype,"currentWidth");r([d.n({type:Boolean,reflect:!0}),l.observer(function(o){this.mdcFoundation&&(o?this.mdcFoundation.open():(this.mdcFoundation.close(this.reason),this.reason=h.CloseReason.UNSPECIFIED))})],n.prototype,"open");r([d.n({type:String})],n.prototype,"titleText");r([d.n({type:String})],n.prototype,"descriptionText");r([d.n({type:String})],n.prototype,"icon");r([d.n({type:String})],n.prototype,"iconAriaLabel");r([d.n({type:Boolean})],n.prototype,"inline");r([d.n()],n.prototype,"state");const v=":host .mdc-banner__graphic{color:#fff;color:var(--mdc-theme-surface, #fff)}:host .mdc-banner__graphic{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:344px}@media (max-width: 480px),(max-width: 344px){:host .mdc-banner__content,:host .mdc-banner__fixed{min-width:100%}}:host .mdc-banner__content{max-width:720px}:host .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){:host .mdc-banner .mdc-banner__fixed{left:0;right:0}:host .mdc-banner .mdc-banner__text{margin-left:16px;margin-right:36px}[dir=rtl] :host .mdc-banner .mdc-banner__text,:host .mdc-banner .mdc-banner__text[dir=rtl]{margin-left:36px;margin-right:16px}}@media (max-width: 480px){:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content{flex-wrap:wrap}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic{margin-bottom:12px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text{margin-left:16px;margin-right:8px;padding-bottom:4px}[dir=rtl] :host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text,:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl]{margin-left:8px;margin-right:16px}:host .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions{margin-left:auto}}:host .mdc-banner--opening,:host .mdc-banner--open,:host .mdc-banner--closing{display:flex}:host .mdc-banner--open{transition:height .3s ease}:host .mdc-banner--open .mdc-banner__content{transition:transform .3s ease;transform:translateY(0)}:host .mdc-banner--closing{transition:height .25s ease}:host .mdc-banner--closing .mdc-banner__content{transition:transform .25s ease}:host .mdc-banner--centered .mdc-banner__content{left:0;margin-left:auto;margin-right:auto;right:0}:host .mdc-banner__fixed{border-bottom-style:solid;box-sizing:border-box;height:inherit;position:fixed;width:100%}:host .mdc-banner__content{display:flex;min-height:52px;position:absolute;transform:translateY(-100%);width:100%}:host .mdc-banner__graphic-text-wrapper{display:flex;width:100%}:host .mdc-banner__graphic{margin:16px 0 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] :host .mdc-banner__graphic,:host .mdc-banner__graphic[dir=rtl]{margin-left:0;margin-right:16px}:host .mdc-banner__icon{position:relative;top:50%;transform:translateY(-50%)}:host .mdc-banner__text{margin-left:24px;margin-right:90px;align-self:center;flex-grow:1;padding-top:16px;padding-bottom:16px}[dir=rtl] :host .mdc-banner__text,:host .mdc-banner__text[dir=rtl]{margin-left:90px;margin-right:24px}:host .mdc-banner__actions{padding:8px 8px 8px 0;align-self:flex-end;display:flex;flex-shrink:0}[dir=rtl] :host .mdc-banner__actions,:host .mdc-banner__actions[dir=rtl]{padding-left:8px;padding-right:0}:host .mdc-banner{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff);border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12));border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px);border-radius:0;border-radius:var(--mdc-banner-container-shape, 0)}:host .mdc-banner .mdc-banner__text{color:#000;color:var(--mdc-banner-supporting-text-color, #000)}:host .mdc-banner .mdc-banner__text{letter-spacing:.0178571429em;letter-spacing:var(--mdc-banner-supporting-text-tracking, .0178571429em);font-size:.875rem;font-size:var(--mdc-banner-supporting-text-size, .875rem);font-family:Roboto,sans-serif;font-family:var(--mdc-banner-supporting-text-font, Roboto, sans-serif);font-weight:400;font-weight:var(--mdc-banner-supporting-text-weight, 400);line-height:1.25rem;line-height:var(--mdc-banner-supporting-text-line-height, 1.25rem)}:host .mdc-banner .mdc-banner__graphic{border-radius:50%;border-radius:var(--mdc-banner-with-image-image-shape, 50%)}:host .mdc-banner .mdc-banner__graphic{height:40px;height:var(--mdc-banner-with-image-image-size, 40px);width:40px;width:var(--mdc-banner-with-image-image-size, 40px)}:host .mdc-banner .mdc-banner__fixed{background-color:#fff;background-color:var(--mdc-banner-container-color, #fff)}:host .mdc-banner .mdc-banner__fixed{border-bottom-color:#0000001f;border-bottom-color:var(--mdc-banner-divider-color, rgba(0, 0, 0, .12))}:host .mdc-banner .mdc-banner__fixed{border-bottom-width:1px;border-bottom-width:var(--mdc-banner-divider-height, 1px)}:host .mdc-banner .mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-banner-action-label-text-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:before{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-banner-action-hover-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button .mdc-button__ripple:after{background-color:#6200ee;background-color:var(--mdc-text-button-pressed-state-layer-color, var(--mdc-banner-action-pressed-state-layer-color, #6200ee))}:host .mdc-banner .mdc-button:hover .mdc-button__ripple:before,:host .mdc-banner .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before{opacity:.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, var(--mdc-banner-action-hover-state-layer-opacity, .04))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,:host .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, var(--mdc-banner-action-focus-state-layer-opacity, .12))}:host .mdc-banner .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after{transition:opacity .15s linear}:host .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, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner .mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, var(--mdc-banner-action-pressed-state-layer-opacity, .1))}:host .mdc-banner__secondary-action{margin-left:0;margin-right:8px}[dir=rtl] :host .mdc-banner__secondary-action,:host .mdc-banner__secondary-action[dir=rtl]{margin-left:8px;margin-right:0}:host .mdc-banner{--mdc-theme-surface: var(--mdc-theme-surface-neutral);background-color:var(--mdc-theme-surface)}:host .mdc-banner .mdc-banner__graphic{--mdc-theme-surface: var(--mdc-theme-text-icon-on-background)}:host .mdc-banner .mdc-banner__text{color:var(--mdc-theme-text-primary-on-background)}:host .mdc-banner .mdc-banner__text .mdc-typography--body2{font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:700;line-height:var(--mdc-typography-body2-line-height)}:host .mdc-banner .mdc-banner__text .mdc-typography--body1{color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height)}:host .mdc-banner.caution{--mdc-theme-surface: var(--mdc-theme-surface-caution)}:host .mdc-banner.caution.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-caution-highlight)}:host .mdc-banner.caution.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.caution.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-caution);--mdc-theme-text-primary-on-background: var(--mdc-theme-caution)}:host .mdc-banner.negative{--mdc-theme-surface: var(--mdc-theme-surface-negative)}:host .mdc-banner.negative.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-negative-highlight)}:host .mdc-banner.negative.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.negative.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-negative);--mdc-theme-text-primary-on-background: var(--mdc-theme-negative)}:host .mdc-banner.active{--mdc-theme-surface: var(--mdc-theme-surface-secondary)}:host .mdc-banner.active.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-secondary-highlight)}:host .mdc-banner.active.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.active.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-secondary);--mdc-theme-text-primary-on-background: var(--mdc-theme-secondary)}:host .mdc-banner.positive{--mdc-theme-surface: var(--mdc-theme-surface-positive)}:host .mdc-banner.positive.cv-banner--inline{--mdc-theme-surface: var(--mdc-theme-surface-positive-highlight)}:host .mdc-banner.positive.cv-banner--inline .mdc-banner__graphic,:host .mdc-banner.positive.cv-banner--inline .mdc-banner__text{--mdc-theme-surface: var(--mdc-theme-positive);--mdc-theme-text-primary-on-background: var(--mdc-theme-positive)}:host .mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity .28s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}:host .mdc-banner{border-radius:8px;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;overflow:hidden;border:none}:host .mdc-banner .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}:host .mdc-banner .mdc-banner__content{max-width:inherit}:host .mdc-banner .mdc-banner__graphic{background:none;margin-left:24px;width:24px}:host .mdc-banner .mdc-banner__text{margin-left:24px}:host .mdc-banner .mdc-banner__actions{align-self:center;align-items:center}:host .mdc-banner.cv-banner--inline{border-radius:0;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}:host ::slotted(*){margin-left:8px}";var _=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(o,e,a,i)=>{for(var t=i>1?void 0:i?x(e,a):e,c=o.length-1,s;c>=0;c--)(s=o[c])&&(t=(i?s(e,a,t):s(t))||t);return i&&t&&_(e,a,t),t};exports.CovalentAlert=class extends n{};exports.CovalentAlert.styles=[m.i`
+      ${m.r(v)}
+    `];exports.CovalentAlert=y([m.e("cv-alert")],exports.CovalentAlert);const w=exports.CovalentAlert;exports.default=w;

alert/alert-base.d.ts

@@ -8,4 +8,7 @@ import { MDCBannerFoundation } from '@material/banner/foundation';
     protected readonly mdcFoundationClass: typeof MDCBannerFoundation;
+    private _resizeObserver;
     protected mdcRoot: HTMLElement;
     protected mdcContent: HTMLElement;
+    protected mdcGraphicTextWrapper: HTMLElement;
+    protected currentWidth: number;
     open: boolean;
@@ -21,2 +24,4 @@ titleText: string;
     state: string;
+    constructor();
+    disconnectedCallback(): void;
     protected reason: CloseReason;
@@ -23,0 +28,0 @@ protected render(): TemplateResult<1>;

package.json

 {
   "name": "@covalent/components",
-  "version": "10.0.1",
+  "version": "10.0.2-beta.1",
   "description": "a catalog of material components for covalent",
@@ -5,0 +5,0 @@ "main": "./index.js",

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9281829

increased by0.02%

Lines of code

141911

increased by0.03%

Worsened metrics

Number of low quality alerts

84

increased by1.2%

No dependency changes