@momentum-ui/web-components 3.0.0-beta.11 → 3.0.0-beta.13

package/dist/1200.js

@@ -1,8 +1,8 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1200],{61200:(t,e,i)=>{i(96798);var o,n=i(31890),s=i(4313),r=i(32022),c=i.n(r),a=i(60554),h=i.n(a),l=i(87161),p=i(70429),d=i(85125),u=i(20291),m=i(10318),g=i(57955),v=i(24480),y=i(81786),S=i(9223),b=function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};!function(t){var e;let i=e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,n=function*(){var e,i;if(this.isSvgAlreadyLoaded(t))return;const o="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,S.Jp)(this.computedSvgPath,t,"svg"):yield(0,S.D6)(t);o&&(this.svgIcon=o,null===(e=this.svgIcon)||void 0===e||e.setAttribute("class",`icon ${t}`),null===(i=this.svgIcon)||void 0===i||i.setAttribute("part","icon"),this.setSvgIconAttributes())},new((o=void 0)||(o=Promise))(function(t,s){function r(t){try{a(n.next(t))}catch(t){s(t)}}function c(t){try{a(n.throw(t))}catch(t){s(t)}}function a(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o(function(t){t(i)})).then(r,c)}a((n=n.apply(e,i||[])).next())});var e,i,o,n}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:y.O.svgIconUrl}getIsMomentumDesignName(t){return t.endsWith("-filled")||t.endsWith("-light")||t.endsWith("-regular")||t.endsWith("-bold")}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;if("preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name))return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:h()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):"preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name)?"":c().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[s.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return l.html`
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1200],{61200:(t,e,i)=>{i(96798);var o,n=i(31890),s=i(4313),r=i(32022),c=i.n(r),a=i(60554),l=i.n(a),h=i(87161),d=i(70429),p=i(85125),u=i(20291),m=i(10318),g=i(57955),v=i(24480),y=i(81786),S=i(9223),b=function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};!function(t){var e;let i=e=class extends h.LitElement{constructor(){super(...arguments),this.color="",this.description="",this.name="",this.id="",this.size="",this.title="",this.ariaHidden=null,this.type="",this.isActive=!1,this.isComboBoxIcon=!1,this.sizeOverrided=!1,this.iconSet="momentumUI",this.svgIcon=null,this._ariaLabel="",this.consoleHandler=(t,e)=>{switch(t){case"color-warn":console.warn(`[@momentum-ui/web-component] Icon: ${e} may not exist in the design system, please use a color name from https://momentum.design/styles/color/style`);break;case"name-error":console.warn(`[@momentum-ui/web-component] Icon: Icon ${e} does not exist in the design system. Visit https://momentum.design/icons for a list of available icons or to request a new icon.`);break;case"name-changed":console.warn(`[@momentum-ui/web-component] Icon: The name changed to '${e[0]}' before the SVG icon '${e[1]}' finished loading; skipping outdated result.`)}}}isSvgAlreadyLoaded(t){var e,i;return!!this.svgIcon&&(null===(i=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"))||void 0===i?void 0:i.includes(t))}loadSvgIcon(t){return e=this,i=void 0,n=function*(){var e,i,o,n;if(this.isSvgAlreadyLoaded(t))return;const s=null===(e=this.svgIcon)||void 0===e?void 0:e.getAttribute("class"),r="momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet?yield(0,S.Jp)(this.computedSvgPath,t,"svg"):yield(0,S.D6)(t);if(!r)return;const c=null===(i=this.svgIcon)||void 0===i?void 0:i.getAttribute("class");s===c?(this.svgIcon=r,null===(o=this.svgIcon)||void 0===o||o.setAttribute("class",`icon ${t}`),null===(n=this.svgIcon)||void 0===n||n.setAttribute("part","icon"),this.setSvgIconAttributes()):this.consoleHandler("name-changed",[null!=c?c:"",t])},new((o=void 0)||(o=Promise))(function(t,s){function r(t){try{a(n.next(t))}catch(t){s(t)}}function c(t){try{a(n.throw(t))}catch(t){s(t)}}function a(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o(function(t){t(i)})).then(r,c)}a((n=n.apply(e,i||[])).next())});var e,i,o,n}setSvgIconAttributes(){this.svgIcon&&(this.iconFontSize&&this.svgIcon.setAttribute("width",`${this.iconFontSize}px`),this.iconFontSize&&this.svgIcon.setAttribute("height",`${this.iconFontSize}px`),this.color?this.svgIcon.setAttribute("fill",this.iconColor):this.svgIcon.setAttribute("fill","currentColor"))}get computedSvgPath(){return this.svgUrl?this.svgUrl:y.O.svgIconUrl}getIsMomentumDesignName(t){return t.endsWith("-filled")||t.endsWith("-light")||t.endsWith("-regular")||t.endsWith("-bold")}get svgIconName(){if("momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet)return this.name;if("preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name))return this.name;const t=this.momentumUIIconLookupName,i=e.designLookup.get(t);return null!=i?i:t}updated(t){if(super.updated(t),this.doesIconSetSupportSVG)if(t.has("name")||t.has("iconSet")){const t=this.svgIconName;t&&"Unknown"!==t&&this.loadSvgIcon(t)}else(t.has("iconFontSize")||t.has("color"))&&this.setSvgIconAttributes()}get ariaLabel(){return this._ariaLabel?this._ariaLabel:this.title&&this.description?`${this.title} ${this.description}`:this.title?this.title:this.description?this.description:"icon"}set ariaLabel(t){const e=this._ariaLabel;this._ariaLabel=t,this.requestUpdate("ariaLabel",e)}get buttonClassMap(){return{[`md-button--icon-${this.type}`]:!!this.type}}get iconFontSize(){const t=this.name.split("_")[1];return this.size||t||16}get iconColor(){return this.color.startsWith("#")?(this.consoleHandler("color-warn",this.color),this.color):this.color.startsWith("var(")?this.color:l()(this.color)}get iconClassMap(){return{"md-combobox-input__icon":this.isComboBoxIcon,"md-combobox-input__icon--active":this.isComboBoxIcon&&this.isActive,[`${this.iconName}`]:!!this.iconName}}get momentumUIIconLookupName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t=t.split("_")[0],t}getIconName(){let t=this.name;return t=t.startsWith("icon-")?t.substring(5):t,t}handleSizeOverride(t){return`${t.split("_")[0]}_${this.iconFontSize}`}get iconName(){const t=this.getIconName();return this.sizeOverrided?this.handleSizeOverride(t):"preferMomentumDesign"===this.iconSet&&this.getIsMomentumDesignName(this.name)?"":c().includes(t)||""===t?`icon-${t}`:this.consoleHandler("name-error",t)}get iconStyleMap(){return Object.assign(Object.assign({},this.iconFontSize&&{"font-size":`${this.iconFontSize}px`}),this.color&&{color:this.iconColor})}static get styles(){return[s.A,v.A]}handleIconClick(t){this.dispatchEvent(new CustomEvent("icon-click",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}get doesIconSetSupportSVG(){return"momentumDesign"===this.iconSet||"preferMomentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}get isSVGRender(){return this.svgIcon&&"preferMomentumDesign"===this.iconSet||"momentumDesign"===this.iconSet||"momentumBrandVisuals"===this.iconSet||"svg"===this.iconSet}render(){return this.isSVGRender?this.renderSVGIcon():this.renderFontIcon()}renderFontIcon(){var t;return h.html`
         <i
           part="icon"
           id=${this.id}
-          class="md-icon icon ${(0,d.classMap)(this.iconClassMap)}"
+          class="md-icon icon ${(0,p.classMap)(this.iconClassMap)}"
           style=${(0,m.styleMap)(this.iconStyleMap)}
           role="img"
           aria-label=${this.ariaLabel}
@@ -11,7 +11,7 @@
           @click=${t=>this.handleIconClick(t)}
         >
         </i>
-      `}renderSVGIcon(){var t;return l.html`
+      `}renderSVGIcon(){var t;return h.html`
         <div
           class="svg-icon-container"
           id=${this.id}
@@ -21,6 +21,6 @@
           aria-hidden=${(0,u.ifDefined)(null!==(t=this.ariaHidden)&&void 0!==t?t:void 0)}
           @click=${t=>this.handleIconClick(t)}
         >
-          ${this.svgIcon?this.svgIcon:l.nothing}
+          ${this.svgIcon?this.svgIcon:h.nothing}
         </div>
-      `}};i.designLookup=new Map(Object.entries(g)),b([(0,p.property)({type:String})],i.prototype,"color",void 0),b([(0,p.property)({type:String})],i.prototype,"description",void 0),b([(0,p.property)({type:String})],i.prototype,"name",void 0),b([(0,p.property)({type:String})],i.prototype,"id",void 0),b([(0,p.property)({type:String})],i.prototype,"size",void 0),b([(0,p.property)({type:String})],i.prototype,"title",void 0),b([(0,p.property)({type:String})],i.prototype,"ariaHidden",void 0),b([(0,p.property)({type:String})],i.prototype,"type",void 0),b([(0,p.property)({type:Boolean})],i.prototype,"isActive",void 0),b([(0,p.property)({type:Boolean})],i.prototype,"isComboBoxIcon",void 0),b([(0,p.property)({type:Boolean})],i.prototype,"sizeOverrided",void 0),b([(0,p.property)({type:String})],i.prototype,"iconSet",void 0),b([(0,p.property)({type:String,attribute:"svg-url"})],i.prototype,"svgUrl",void 0),b([(0,p.state)()],i.prototype,"svgIcon",void 0),b([(0,p.property)({type:String})],i.prototype,"ariaLabel",null),i=e=b([(0,n.w)("md-icon")],i),t.ELEMENT=i}(o||(o={}))}}]);
+      `}};i.designLookup=new Map(Object.entries(g)),b([(0,d.property)({type:String})],i.prototype,"color",void 0),b([(0,d.property)({type:String})],i.prototype,"description",void 0),b([(0,d.property)({type:String})],i.prototype,"name",void 0),b([(0,d.property)({type:String})],i.prototype,"id",void 0),b([(0,d.property)({type:String})],i.prototype,"size",void 0),b([(0,d.property)({type:String})],i.prototype,"title",void 0),b([(0,d.property)({type:String})],i.prototype,"ariaHidden",void 0),b([(0,d.property)({type:String})],i.prototype,"type",void 0),b([(0,d.property)({type:Boolean})],i.prototype,"isActive",void 0),b([(0,d.property)({type:Boolean})],i.prototype,"isComboBoxIcon",void 0),b([(0,d.property)({type:Boolean})],i.prototype,"sizeOverrided",void 0),b([(0,d.property)({type:String})],i.prototype,"iconSet",void 0),b([(0,d.property)({type:String,attribute:"svg-url"})],i.prototype,"svgUrl",void 0),b([(0,d.state)()],i.prototype,"svgIcon",void 0),b([(0,d.property)({type:String})],i.prototype,"ariaLabel",null),i=e=b([(0,n.w)("md-icon")],i),t.ELEMENT=i}(o||(o={}))}}]);

package/dist/2201.js

@@ -1 +1 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2201],{32201:(e,t,r)=>{r.d(t,{A:()=>o});const o=r(87161).css`:host{--alert-icon-size:var(--alert-default-icon-size);--alert-close-btn:var(--alert-close-bg-color)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-border-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem;gap:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color);font-size:var(--alert-title-font-size);line-height:1.5rem;width:100%}.md-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--alert-default-text-color);font-family:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}.md-new-alert{border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-sizing:border-box;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-new-border-color);box-shadow:0 0 1px 0 rgba(0,0,0,.1215686275),0 8px 16px 0 rgba(0,0,0,.2);flex:1 1 100%;margin-bottom:.5rem;max-height:15rem;max-width:21.25rem;min-height:3.5rem;padding:1rem;flex-direction:column}.md-new-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.75rem;width:100%}.md-new-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-new-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:15.25rem;align-self:center}.md-new-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color);font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:500;font-size:var(--alert-title-font-size);line-height:1.5rem;width:100%}.md-new-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;color:var(--alert-default-new-body-text-color);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem;width:100%;word-wrap:break-word;margin-top:.25rem}.md-new-alert__message md-link::part(link){font-size:var(--font-size-body-midsize,.875rem);color:var(--md-hyperlink-text-color)}.md-new-alert__button{margin-left:.125rem}.md-new-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size);margin-top:.1875rem}.md-new-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-new-alert__footer{display:flex;margin-top:1rem;justify-content:end;width:100%;gap:.5rem}.md-new-alert__footer.is-empty{display:none}.md-new-alert__link{margin-top:.25rem;display:flex;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif)}.md-new-alert__link md-icon{margin-left:.5rem}.md-new-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}@media(forced-colors:active){.md-alert__button md-icon::part(icon){color:ButtonText}.md-alert__icon{background:0 0}.md-alert__icon md-icon::part(icon){color:CanvasText}.md-alert .md-badge{background-color:inherit}}`}}]);
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2201],{32201:(e,t,r)=>{r.d(t,{A:()=>o});const o=r(87161).css`:host{--alert-icon-size:var(--alert-default-icon-size);--alert-close-btn:var(--alert-close-bg-color)}:host(md-alert){display:flex;flex:1 1 100%}.md-alert{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:.3125rem;border-top-right-radius:.3125rem;border-bottom-left-radius:.3125rem;border-bottom-right-radius:.3125rem;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-border-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:23rem;min-height:4.875rem;padding:.75rem;gap:.75rem}.md-alert__icon{align-self:center}.md-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%}.md-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:17rem;padding-right:.125rem;align-self:center}.md-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color);font-size:var(--alert-title-font-size);line-height:1.5rem;width:100%}.md-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--alert-default-text-color);font-family:var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.35;width:100%;word-wrap:break-word}.md-alert__button{align-self:center}.md-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size)}.md-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}.md-new-alert{border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-sizing:border-box;background-color:var(--alert-default-bg-color);border:1px solid var(--alert-default-new-border-color);box-shadow:0 0 1px 0 rgba(0,0,0,.1215686275),0 8px 16px 0 rgba(0,0,0,.2);flex:1 1 100%;margin-bottom:.5rem;max-height:19.25rem;max-width:21.25rem;min-height:3.5rem;padding:1rem;flex-direction:column}.md-new-alert__body{align-content:center;align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:.75rem;width:100%}.md-new-alert__icon md-icon::part(icon){font-size:var(--alert-default-icon-size);line-height:var(--alert-default-icon-size)}.md-new-alert__content{display:flex;flex-basis:0;flex-direction:column;flex-grow:2;max-width:15.25rem;align-self:center}.md-new-alert__title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--alert-title-text-color);font-family:var(--brand-font-medium, "CiscoSans-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:500;font-size:var(--alert-title-font-size);line-height:1.5rem;width:100%}.md-new-alert__message{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:10;line-clamp:10;overflow:hidden;color:var(--alert-default-new-body-text-color);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--font-size-body-midsize,.875rem);line-height:1.25rem;width:100%;word-wrap:break-word;margin-top:.25rem}.md-new-alert__message md-link::part(link){font-size:var(--font-size-body-midsize,.875rem);color:var(--md-hyperlink-text-color)}.md-new-alert__message_span{white-space:pre-line}.md-new-alert__button{margin-left:.125rem}.md-new-alert__button md-button::part(button){align-items:center;background-color:var(--alert-close-bg-color);border-radius:50%;display:inline-flex;height:var(--alert-close-size);justify-content:center;width:var(--alert-close-size);margin-top:.1875rem}.md-new-alert__button md-icon::part(icon){color:var(--alert-close-text-color)}.md-new-alert__footer{display:flex;margin-top:1rem;justify-content:end;width:100%;gap:.5rem}.md-new-alert__footer.is-empty{display:none}.md-new-alert__link{margin-top:.25rem;display:flex;justify-content:center;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif)}.md-new-alert__link md-icon{margin-left:.5rem}.md-new-alert.md-alert__inline{border:0;box-shadow:none;margin-bottom:0}@media(forced-colors:active){.md-alert__button md-icon::part(icon){color:ButtonText}.md-alert__icon{background:0 0}.md-alert__icon md-icon::part(icon){color:CanvasText}.md-alert .md-badge{background-color:inherit}}`}}]);

package/dist/5799.js

@@ -1 +1 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[5799],{75799:(o,t,r)=>{r.d(t,{A:()=>n});const n=r(87161).css`:host(:focus){box-shadow:none;outline:0!important}:host(md-button-group){display:flex}:host(md-button-group) .md-button-group{align-content:flex-start;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;background:var(--button-group-bg-color);border-radius:var(--button-group-border-radius,.25rem);font-size:12px;padding:var(--button-group-indent,.125rem);transition:background .2s ease;border:1px solid var(--button-group-outline-border)}:host(md-button-group) .md-button-group:hover{background:var(--button-group-bg-color-hover)}:host(md-button-group) .md-button-group:active{background:var(--button-group-bg-color-pressed)}:host(md-button-group) .md-button-group ::slotted(button){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background:0 0;border:0;border-radius:var(--button-group-border-radius,.25rem);color:var(--button-group-color);cursor:pointer;height:1.875rem;margin:0 var(--button-group-indent,.125rem);outline:0;padding:.25rem .75rem}:host(md-button-group) .md-button-group ::slotted(button):first-child{margin-left:0}:host(md-button-group) .md-button-group ::slotted(button):last-child{margin-right:0}:host(md-button-group) .md-button-group ::slotted(:hover){background:var(--button-group-color-hover,none);color:var(--button-group-color-active)}:host(md-button-group) .md-button-group ::slotted([selected]){background:var(--button-group-bg-color-active);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18);color:var(--button-group-color-active)}:host([focus-visible]:not([disabled])) .md-button-group{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host([disabled]) .md-button-group{opacity:.5;pointer-events:none}@media(forced-colors:active){:host(md-button-group) .md-button-group{outline:1px solid CanvasText;background:Canvas}:host(md-button-group) .md-button-group ::slotted([selected]){forced-color-adjust:none;outline:1px solid Highlight;background:Highlight;color:HighlightText}:host([focus-visible]:not([disabled])) .md-button-group{outline:2px solid Highlight}}`}}]);
+"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[5799],{75799:(o,t,r)=>{r.d(t,{A:()=>n});const n=r(87161).css`:host(:focus){box-shadow:none;outline:0!important}:host(md-button-group){display:flex}:host(md-button-group) .md-button-group{align-content:flex-start;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;background:var(--button-group-bg-color);border-radius:var(--button-group-border-radius,.25rem);font-size:12px;padding:var(--button-group-indent,.125rem);transition:background .2s ease;border:1px solid var(--button-group-outline-border)}:host(md-button-group) .md-button-group:hover{background:var(--button-group-bg-color-hover)}:host(md-button-group) .md-button-group:active{background:var(--button-group-bg-color-pressed)}:host(md-button-group) .md-button-group ::slotted(button){align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background:0 0;border:0;border-radius:var(--button-group-border-radius,.25rem);color:var(--button-group-color);cursor:pointer;height:1.875rem;margin:0 var(--button-group-indent,.125rem);outline:0;padding:.25rem .75rem}:host(md-button-group) .md-button-group ::slotted(button):first-child{margin-left:0}:host(md-button-group) .md-button-group ::slotted(button):last-child{margin-right:0}:host(md-button-group) .md-button-group ::slotted(:hover){background:var(--button-group-bg-color-hover,none);color:var(--button-group-color-active)}:host(md-button-group) .md-button-group ::slotted([selected]){background:var(--button-group-bg-color-active);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18);color:var(--button-group-color-active)}:host([newMomentum]) .md-button-group{background:rgba(0,0,0,0);border-radius:none;padding:0;transition:none;height:1.75rem;font-size:14px}:host([newMomentum]) .md-button-group:hover{background:rgba(0,0,0,0)}:host([newMomentum]) .md-button-group:active{background:rgba(0,0,0,0)}:host([newMomentum]) .md-button-group ::slotted(button){border-radius:0;height:1.75rem;color:var(--button-group-color-active)}:host([newMomentum]) .md-button-group ::slotted(button:first-of-type){border-start-start-radius:1.25rem;border-end-start-radius:1.25rem}:host([newMomentum]) .md-button-group ::slotted(button:last-of-type){border-start-end-radius:1.25rem;border-end-end-radius:1.25rem}:host([newMomentum]) .md-button-group ::slotted(button:not(:last-of-type))::after{content:"";position:absolute;height:100%;inset-inline-start:100%}:host([newMomentum]) .md-button-group ::slotted(:active){background:var(--button-group-bg-color-active);font-weight:var(--brand-font-weight-bold)!important}:host([newMomentum]) .md-button-group ::slotted([selected]){box-shadow:none;font-weight:var(--brand-font-weight-bold)!important}:host([focus-visible]:not([disabled])) .md-button-group{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host([disabled]) .md-button-group{opacity:.5;pointer-events:none}@media(forced-colors:active){:host(md-button-group) .md-button-group{outline:1px solid CanvasText;background:Canvas}:host(md-button-group) .md-button-group ::slotted([selected]){forced-color-adjust:none;outline:1px solid Highlight;background:Highlight;color:HighlightText}:host([focus-visible]:not([disabled])) .md-button-group{outline:2px solid Highlight}}`}}]);