@momentum-design/components 0.120.20 → 0.120.21

package/dist/browser/index.js

@@ -2719,76 +2719,81 @@
           white-space: nowrap;
           width: 1px;
         }
-      `,t.appendChild(i),t.classList.add("mdc-screenreaderannouncer__visually-hidden"),document.body.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.identity.length===0&&(this.identity=Es.IDENTITY),this.createAnnouncementAriaLiveRegion()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeOutsAndAnnouncements()}updated(t){t.has("identity")&&this.identity.length===0&&(this.identity=Es.IDENTITY,this.createAnnouncementAriaLiveRegion()),t.has("announcement")&&this.announcement.length>0&&(this.announce(this.announcement,this.delay,this.timeout,this.dataAriaLive),this.announcement="")}};hi.styles=[...q.styles,...Pf],p([u({type:String,reflect:!0})],hi.prototype,"announcement",2),p([u({type:String,reflect:!0})],hi.prototype,"identity",2),p([u({type:String,reflect:!0,attribute:"data-aria-live"})],hi.prototype,"dataAriaLive",2),p([u({type:Number,reflect:!0})],hi.prototype,"delay",2),p([u({type:Number,reflect:!0})],hi.prototype,"timeout",2);var Vc=hi;Vc.register(Of);var bT=Vc;Fc.register(Mf);var yT=Fc;var Te=n=>{class o extends n{constructor(){super(...arguments);this.name="";this.value="";this.internals=this.attachInternals()}get form(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}setValidity(){this.inputElement&&this.internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage,this.inputElement)}checkValidity(){return this.setValidity(),this.internals.checkValidity()}reportValidity(){return this.setValidity(),this.internals.reportValidity()}}return o.formAssociated=!0,p([u({reflect:!0,type:String})],o.prototype,"name",2),p([u({reflect:!0,type:String})],o.prototype,"value",2),p([u({reflect:!0,type:String,attribute:"validation-message"})],o.prototype,"validationMessage",2),p([ir("input")],o.prototype,"inputElement",2),o};var Df=z.constructTagName("formfieldwrapper"),zt={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},Mt={VALIDATION:zt.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id",ICON_SIZE:20,INFO_ICON:"info-badge-filled",TOGGLETIP_PLACEMENT:"top",TOGGLETIP_STRATEGY:"absolute"},Oa={TAGNAME:mt.SPAN,TYPE:st.BODY_MIDSIZE_REGULAR,HEADER_TYPE:st.BODY_MIDSIZE_BOLD};var ET=[bt,B`
-    :host {
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 0.5rem;
-    }
-    :host([disabled]),
-    :host([disabled])::part(label),
-    :host([disabled])::part(help-text-container),
-    :host([disabled])::part(required-indicator),
-    :host([disabled][help-text-type='error'])::part(help-text-container),
-    :host([disabled][help-text-type='success'])::part(help-text-container),
-    :host([disabled][help-text-type='warning'])::part(help-text-container),
-    :host([disabled][help-text-type='priority'])::part(help-text-container) {
-      color: var(--mds-color-theme-text-primary-disabled);
-    }
+      `,t.appendChild(i),t.classList.add("mdc-screenreaderannouncer__visually-hidden"),document.body.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.identity.length===0&&(this.identity=Es.IDENTITY),this.createAnnouncementAriaLiveRegion()}disconnectedCallback(){super.disconnectedCallback(),this.clearTimeOutsAndAnnouncements()}updated(t){t.has("identity")&&this.identity.length===0&&(this.identity=Es.IDENTITY,this.createAnnouncementAriaLiveRegion()),t.has("announcement")&&this.announcement.length>0&&(this.announce(this.announcement,this.delay,this.timeout,this.dataAriaLive),this.announcement="")}};hi.styles=[...q.styles,...Pf],p([u({type:String,reflect:!0})],hi.prototype,"announcement",2),p([u({type:String,reflect:!0})],hi.prototype,"identity",2),p([u({type:String,reflect:!0,attribute:"data-aria-live"})],hi.prototype,"dataAriaLive",2),p([u({type:Number,reflect:!0})],hi.prototype,"delay",2),p([u({type:Number,reflect:!0})],hi.prototype,"timeout",2);var Vc=hi;Vc.register(Of);var bT=Vc;Fc.register(Mf);var yT=Fc;var Te=n=>{class o extends n{constructor(){super(...arguments);this.name="";this.value="";this.internals=this.attachInternals()}get form(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}setValidity(){this.inputElement&&this.internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage,this.inputElement)}checkValidity(){return this.setValidity(),this.internals.checkValidity()}reportValidity(){return this.setValidity(),this.internals.reportValidity()}}return o.formAssociated=!0,p([u({reflect:!0,type:String})],o.prototype,"name",2),p([u({reflect:!0,type:String})],o.prototype,"value",2),p([u({reflect:!0,type:String,attribute:"validation-message"})],o.prototype,"validationMessage",2),p([ir("input")],o.prototype,"inputElement",2),o};var Df=z.constructTagName("formfieldwrapper"),zt={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},Mt={VALIDATION:zt.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id",ICON_SIZE:20,INFO_ICON:"info-badge-filled",TOGGLETIP_PLACEMENT:"top",TOGGLETIP_STRATEGY:"absolute"},Oa={TAGNAME:mt.SPAN,TYPE:st.BODY_MIDSIZE_REGULAR,HEADER_TYPE:st.BODY_MIDSIZE_BOLD};var ET=B`
+  :host {
+    --mdc-label-font-size: var(--mds-font-apps-body-midsize-medium-font-size);
+    --mdc-label-font-weight: var(--mds-font-apps-body-midsize-medium-font-weight);
+    --mdc-label-line-height: var(--mds-font-apps-body-midsize-medium-line-height);
+    --mdc-label-color: var(--mds-color-theme-text-primary-normal);
+    --mdc-help-text-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+    --mdc-help-text-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
+    --mdc-help-text-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
+    --mdc-help-text-color: var(--mds-color-theme-text-secondary-normal);
 
-    :host::part(required-indicator) {
-      color: var(--mds-color-theme-text-error-normal);
-    }
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.5rem;
+  }
 
-    :host::part(label-text),
-    :host::part(help-text-container) {
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-      width: 100%;
-    }
+  :host::part(required-indicator) {
+    color: var(--mds-color-theme-text-error-normal);
+  }
 
-    :host::part(label) {
-      font-size: var(--mds-font-apps-body-midsize-medium-font-size);
-      font-weight: var(--mds-font-apps-body-midsize-medium-font-weight);
-      line-height: var(--mds-font-apps-body-midsize-medium-line-height);
-    }
+  :host::part(label-text),
+  :host::part(help-text-container) {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    width: 100%;
+  }
 
-    :host::part(help-text),
-    :host::part(help-text-container) {
-      font-size: var(--mds-font-apps-body-midsize-regular-font-size);
-      font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
-      line-height: var(--mds-font-apps-body-midsize-regular-line-height);
-    }
+  :host::part(label) {
+    font-size: var(--mdc-label-font-size);
+    font-weight: var(--mdc-label-font-weight);
+    line-height: var(--mdc-label-line-height);
+  }
 
-    :host::part(label) {
-      color: var(--mds-color-theme-text-primary-normal);
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
+  :host::part(help-text),
+  :host::part(help-text-container) {
+    font-size: var(--mdc-help-text-font-size);
+    font-weight: var(--mdc-help-text-font-weight);
+    line-height: var(--mdc-help-text-line-height);
+  }
 
-    :host::part(help-text-container) {
-      color: var(--mds-color-theme-text-secondary-normal);
-    }
+  :host::part(label) {
+    color: var(--mdc-label-color);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 
-    :host::part(info-icon-btn) {
-      align-self: flex-start;
-    }
+  :host::part(help-text-container) {
+    color: var(--mdc-help-text-color);
+  }
 
-    :host([help-text-type='error'])::part(help-text-container) {
-      color: var(--mds-color-theme-text-error-normal);
-    }
-    :host([help-text-type='warning'])::part(help-text-container) {
-      color: var(--mds-color-theme-text-warning-normal);
-    }
-    :host([help-text-type='success'])::part(help-text-container) {
-      color: var(--mds-color-theme-text-success-normal);
-    }
-    :host([help-text-type='priority'])::part(help-text-container) {
-      color: var(--mds-color-theme-text-accent-normal);
-    }
-  `],$f=ET;var Ff=n=>({[zt.ERROR]:"error-legacy-badge-filled",[zt.WARNING]:"warning-badge-filled",[zt.SUCCESS]:"check-circle-badge-filled",[zt.PRIORITY]:"priority-badge-filled",[zt.DEFAULT]:""})[n]||"";var ze=class extends Vt(q){constructor(){super(...arguments);this.inputId=`mdc-el-${ye()}`;this.required=!1;this.helpTextType=Mt.VALIDATION;this.toggletipPlacement=Mt.TOGGLETIP_PLACEMENT;this.toggletipStrategy=Mt.TOGGLETIP_STRATEGY;this.readonly=!1;this.softDisabled=!1;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?_`<label for="${this.inputId}" id="${Mt.HEADING_ID}" part="label">${this.label}</label>`:_` <mdc-text
+  :host::part(info-icon-btn) {
+    align-self: flex-start;
+  }
+  :host([help-text-type='error']) {
+    --mdc-help-text-color: var(--mds-color-theme-text-error-normal);
+  }
+  :host([help-text-type='warning']) {
+    --mdc-help-text-color: var(--mds-color-theme-text-warning-normal);
+  }
+  :host([help-text-type='success']) {
+    --mdc-help-text-color: var(--mds-color-theme-text-success-normal);
+  }
+  :host([help-text-type='priority']) {
+    --mdc-help-text-color: var(--mds-color-theme-text-accent-normal);
+  }
+
+  :host([disabled]),
+  :host([disabled])::part(label),
+  :host([disabled])::part(help-text-container),
+  :host([disabled])::part(required-indicator) {
+    color: var(--mds-color-theme-text-primary-disabled);
+  }
+`,$f=[bt,ET];var Ff=n=>({[zt.ERROR]:"error-legacy-badge-filled",[zt.WARNING]:"warning-badge-filled",[zt.SUCCESS]:"check-circle-badge-filled",[zt.PRIORITY]:"priority-badge-filled",[zt.DEFAULT]:""})[n]||"";var ze=class extends Vt(q){constructor(){super(...arguments);this.inputId=`mdc-el-${ye()}`;this.required=!1;this.helpTextType=Mt.VALIDATION;this.toggletipPlacement=Mt.TOGGLETIP_PLACEMENT;this.toggletipStrategy=Mt.TOGGLETIP_STRATEGY;this.readonly=!1;this.softDisabled=!1;this.shouldRenderLabel=!0}renderLabelElement(){return this.label?this.shouldRenderLabel?_`<label for="${this.inputId}" id="${Mt.HEADING_ID}" part="label">${this.label}</label>`:_` <mdc-text
           id="${Mt.HEADING_ID}"
           tagname="${Oa.TAGNAME}"
           type="${Oa.HEADER_TYPE}"
@@ -2870,9 +2875,9 @@
     }
 
     :host::part(label) {
-      font-size: var(--mds-font-apps-body-midsize-regular-font-size);
-      font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
-      line-height: var(--mds-font-apps-body-midsize-regular-line-height);
+      --mdc-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+      --mdc-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
+      --mdc-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
       word-break: break-word;
       white-space: normal;
     }
@@ -3381,22 +3386,12 @@
       </div>
     `}};Gl.styles=[...se.styles,...qf];var Kc=Gl;var Kf=z.constructTagName("formfieldgroup");Kc.register(Kf);var Yl=Kc;va.register(jn);var OT=va;Sa.register(ul);var PT=Sa;var za=ii(class extends Pr{constructor(n){if(super(n),n.type!==Ye.PROPERTY&&n.type!==Ye.ATTRIBUTE&&n.type!==Ye.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Jn(n))throw Error("`live` bindings can only contain a single expression")}render(n){return n}update(n,[o]){if(o===ve||o===j)return o;let t=n.element,i=n.name;if(n.type===Ye.PROPERTY){if(o===t[i])return ve}else if(n.type===Ye.BOOLEAN_ATTRIBUTE){if(!!o===t.hasAttribute(i))return ve}else if(n.type===Ye.ATTRIBUTE&&t.getAttribute(i)===o+"")return ve;return tl(n),o}});se.register(Df);var cr=se;var Xf=z.constructTagName("input"),Wl={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},_s={OFF:"off",ON:"on"},Is={PASSWORD:"password",TEXT:"text",SEARCH:"search"},Zf={MAX_LENGTH:10,VALIDATION:zt.ERROR},pi={VALIDATION:zt.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:Dt.TERTIARY,CLEAR_BUTTON_SIZE:or[20],PREFIX_TEXT_TYPE:st.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:mt.SPAN,AUTO_COMPLETE:_s.OFF,INPUT_TYPE:Is.TEXT};var DT=[B`
     :host {
-      --mdc-input-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
-      --mdc-input-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
-      --mdc-input-disabled-background-color: var(--mds-color-theme-background-input-disabled);
-      --mdc-input-border-color: var(--mds-color-theme-outline-input-normal);
       --mdc-input-text-color: var(--mds-color-theme-text-primary-normal);
+      --mdc-input-border-color: var(--mds-color-theme-outline-input-normal);
       --mdc-input-background-color: var(--mds-color-theme-background-primary-ghost);
-      --mdc-input-selection-background-color: var(--mds-color-theme-background-accent-active);
-      --mdc-input-selection-text-color: var(--mds-color-theme-inverted-text-primary-normal);
       --mdc-input-support-text-color: var(--mds-color-theme-text-secondary-normal);
-      --mdc-input-hover-background-color: var(--mds-color-theme-background-primary-hover);
-      --mdc-input-focused-background-color: var(--mds-color-theme-background-primary-ghost);
-      --mdc-input-focused-border-color: var(--mds-color-theme-outline-input-active);
-      --mdc-input-error-border-color: var(--mds-color-theme-text-error-normal);
-      --mdc-input-warning-border-color: var(--mds-color-theme-text-warning-normal);
-      --mdc-input-success-border-color: var(--mds-color-theme-text-success-normal);
-      --mdc-input-primary-border-color: var(--mds-color-theme-text-accent-normal);
+      --mdc-input-selection-text-color: var(--mds-color-theme-inverted-text-primary-normal);
+      --mdc-input-selection-background-color: var(--mds-color-theme-background-accent-active);
     }
     :host,
     :host::part(input-container),
@@ -3405,39 +3400,22 @@
       width: 100%;
     }
 
-    input {
+    :host::part(input-text) {
       font-family: inherit;
     }
 
+    :host::part(input-container) {
+      background-color: var(--mdc-input-background-color);
+      border-color: var(--mdc-input-border-color);
+    }
+
     :host::part(input-container):hover {
-      background-color: var(--mdc-input-hover-background-color);
+      --mdc-input-background-color: var(--mds-color-theme-background-primary-hover);
     }
 
     :host::part(input-container):active,
     :host::part(input-container):focus-within {
-      background-color: var(--mdc-input-focused-background-color);
-      border-color: var(--mdc-input-focused-border-color);
-    }
-
-    :host([readonly])::part(leading-icon) {
-      color: var(--mdc-input-support-text-color);
-    }
-
-    :host([disabled])::part(input-text),
-    :host([disabled]) input::placeholder,
-    :host([disabled])::part(prefix-text) {
-      color: var(--mdc-input-disabled-text-color);
-    }
-
-    :host([disabled])::part(input-container),
-    :host([readonly])::part(input-container),
-    :host([disabled][help-text-type='default'])::part(input-container),
-    :host([disabled][help-text-type='success'])::part(input-container),
-    :host([disabled][help-text-type='warning'])::part(input-container),
-    :host([disabled][help-text-type='error'])::part(input-container),
-    :host([disabled][help-text-type='priority'])::part(input-container) {
-      border-color: var(--mdc-input-disabled-border-color);
-      background: var(--mdc-input-disabled-background-color);
+      --mdc-input-border-color: var(--mds-color-theme-outline-input-active);
     }
 
     :host::part(leading-icon) {
@@ -3463,11 +3441,11 @@
     :host::part(input-text) {
       border: none;
       color: var(--mdc-input-text-color);
-      background-color: var(--mdc-input-background-color);
+      background-color: inherit;
       outline: none;
     }
 
-    input::selection {
+    :host::part(input-text)::selection {
       background-color: var(--mdc-input-selection-background-color);
       color: var(--mdc-input-selection-text-color);
     }
@@ -3481,21 +3459,31 @@
       color: var(--mdc-input-support-text-color);
     }
 
-    :host([help-text-type='error'])::part(input-container),
-    :host([help-text-type='error'])::part(input-container):focus-within {
-      border-color: var(--mdc-input-error-border-color);
+    :host([disabled]) {
+      --mdc-input-text-color: var(--mds-color-theme-text-primary-disabled);
+      --mdc-input-support-text-color: var(--mds-color-theme-text-primary-disabled);
+      --mdc-input-border-color: var(--mds-color-theme-outline-primary-disabled);
+      --mdc-input-background-color: var(--mds-color-theme-background-input-disabled);
     }
-    :host([help-text-type='warning'])::part(input-container),
-    :host([help-text-type='warning'])::part(input-container):focus-within {
-      border-color: var(--mdc-input-warning-border-color);
+
+    :host([readonly])::part(leading-icon) {
+      color: var(--mdc-input-support-text-color);
     }
-    :host([help-text-type='success'])::part(input-container),
-    :host([help-text-type='success'])::part(input-container):focus-within {
-      border-color: var(--mdc-input-success-border-color);
+
+    :host([readonly])::part(input-container) {
+      --mdc-input-border-color: var(--mds-color-theme-outline-primary-disabled);
+      --mdc-input-background-color: var(--mds-color-theme-background-input-disabled);
     }
+
+    :host([help-text-type='error'])::part(input-container),
+    :host([help-text-type='error'])::part(input-container):focus-within,
+    :host([help-text-type='warning'])::part(input-container),
+    :host([help-text-type='warning'])::part(input-container):focus-within,
+    :host([help-text-type='success'])::part(input-container),
+    :host([help-text-type='success'])::part(input-container):focus-within,
     :host([help-text-type='priority'])::part(input-container),
     :host([help-text-type='priority'])::part(input-container):focus-within {
-      border-color: var(--mdc-input-primary-border-color);
+      border-color: var(--mdc-help-text-color);
     }
 
     .hidden {
@@ -4677,19 +4665,11 @@
     `:j}renderInputElement(t,i){let a=this.showPassword?Is.TEXT:Is.PASSWORD;return super.renderInputElement(a,i)}};Oo.styles=[...Sr.styles],p([u({type:String,attribute:"show-hide-button-aria-label"})],Oo.prototype,"showHideButtonAriaLabel",2),p([u({type:String,attribute:"help-text-type"})],Oo.prototype,"helpTextType",2),p([gt()],Oo.prototype,"showPassword",2);var xh=Oo;xh.register(zv);var Ax=xh;Ve.register(Nf);Dl.register($l);var Sx=Ve;var rd=z.constructTagName("progressbar"),id={DEFAULT:"default",INLINE:"inline"},Bv={VARIANT:id.DEFAULT,VALIDATION:zt.DEFAULT};var _x=[bt,B`
     :host {
       --mdc-progressbar-background-color: var(--mds-color-theme-control-indicator-inactive-normal);
-      --mdc-progressbar-active-background-color: var(--mds-color-theme-control-active-normal);
-      --mdc-progressbar-success-color: var(--mds-color-theme-indicator-stable);
-      --mdc-progressbar-error-color: var(--mds-color-theme-indicator-attention);
+      --mdc-progressbar-progress-background-color: var(--mds-color-theme-control-active-normal);
       --mdc-progressbar-height: 0.25rem;
       --mdc-progressbar-border: 0.5px solid transparent;
       --mdc-progressbar-border-radius: var(--mdc-progressbar-height);
 
-      --mdc-progressbar-label-color: var(--mds-color-theme-text-primary-normal);
-      --mdc-progressbar-label-line-height: var(--mds-font-apps-body-midsize-regular-line-height);
-      --mdc-progressbar-label-font-size: var(--mds-font-apps-body-midsize-regular-font-size);
-      --mdc-progressbar-label-font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
-      --mdc-progressbar-help-text-color: var(--mds-color-theme-text-secondary-normal);
-
       width: 100%;
     }
 
@@ -4723,17 +4703,17 @@
 
     :host::part(progress-bar) {
       height: 100%;
-      background-color: var(--mdc-progressbar-active-background-color);
+      background-color: var(--mdc-progressbar-progress-background-color);
       border-radius: var(--mdc-progressbar-border-radius);
       transition: width 0.3s ease-in-out;
     }
 
     :host::part(success) {
-      background-color: var(--mdc-progressbar-success-color);
+      --mdc-progressbar-progress-background-color: var(--mds-color-theme-indicator-stable);
     }
 
     :host::part(error) {
-      background-color: var(--mdc-progressbar-error-color);
+      --mdc-progressbar-progress-background-color: var(--mds-color-theme-indicator-attention);
     }
 
     :host::part(remaining) {
@@ -4744,13 +4724,9 @@
     }
 
     :host::part(percentage) {
-      font-size: var(--mdc-progressbar-label-font-size);
-      font-weight: var(--mdc-progressbar-label-font-weight);
-      line-height: var(--mdc-progressbar-label-line-height);
-    }
-
-    :host([help-text-type='default'])::part(help-text) {
-      color: var(--mdc-progressbar-help-text-color);
+      font-size: var(--mds-font-apps-body-midsize-regular-font-size);
+      font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);
+      line-height: var(--mds-font-apps-body-midsize-regular-line-height);
     }
 
     @media (forced-colors: active) {
@@ -4779,7 +4755,7 @@
             </div>
             ${this.renderProgressbar()} ${this.renderHelperText()}
           `}
-    `}};Po.styles=[...cr.styles,...Uv],p([u({type:String,reflect:!0})],Po.prototype,"variant",2),p([u({type:String,reflect:!0})],Po.prototype,"value",2),p([u({type:Boolean})],Po.prototype,"error",2);var en=Po;en.register(rd);var Ix=en;var Hv=z.constructTagName("progressspinner"),ee={RADIUS:20,CIRCUMFERENCE:2*Math.PI*20,STROKE_WIDTH:4,GAP_SIZE:7.5,ERROR_ICON_SIZE:2,SUCCESS_ICON_SIZE:3,ICON_LENGTH_UNIT:"em"},Ah={CHECK_CIRCLE_BOLD:"check-circle-bold",ERROR_LEGACY_FILLED:"error-legacy-filled"};var Sh=n=>{if(n===0)return 0;let o=n/100*ee.CIRCUMFERENCE-ee.GAP_SIZE;return Math.max(o,.1*n)},Gv=n=>{let o=ee.CIRCUMFERENCE-Sh(n)-2*ee.GAP_SIZE;return n===0?ee.CIRCUMFERENCE:o<0?0:o},Yv=n=>n===0?0:ee.GAP_SIZE*.5,Wv=(n,o)=>{let t=o+ee.GAP_SIZE*1.5;return n===0?0:t};var Cx=B`
+    `}};Po.styles=[...cr.styles,...Uv],p([u({type:String,reflect:!0})],Po.prototype,"variant",2),p([u({type:String,reflect:!0})],Po.prototype,"value",2),p([u({type:Boolean,attribute:"error"})],Po.prototype,"error",2);var en=Po;en.register(rd);var Ix=en;var Hv=z.constructTagName("progressspinner"),ee={RADIUS:20,CIRCUMFERENCE:2*Math.PI*20,STROKE_WIDTH:4,GAP_SIZE:7.5,ERROR_ICON_SIZE:2,SUCCESS_ICON_SIZE:3,ICON_LENGTH_UNIT:"em"},Ah={CHECK_CIRCLE_BOLD:"check-circle-bold",ERROR_LEGACY_FILLED:"error-legacy-filled"};var Sh=n=>{if(n===0)return 0;let o=n/100*ee.CIRCUMFERENCE-ee.GAP_SIZE;return Math.max(o,.1*n)},Gv=n=>{let o=ee.CIRCUMFERENCE-Sh(n)-2*ee.GAP_SIZE;return n===0?ee.CIRCUMFERENCE:o<0?0:o},Yv=n=>n===0?0:ee.GAP_SIZE*.5,Wv=(n,o)=>{let t=o+ee.GAP_SIZE*1.5;return n===0?0:t};var Cx=B`
   :host {
     --mdc-spinner-size: 3rem;
     --mdc-track-color: var(--mds-color-theme-control-indicator-inactive-normal);
@@ -5073,17 +5049,8 @@
     `}};Do.styles=[...Sr.styles,...Xv],p([Ot({slot:"filters"})],Do.prototype,"inputChips",2),p([gt()],Do.prototype,"isInputFocused",2),p([gt()],Do.prototype,"hasInputChips",2);var kh=Do;kh.register(Zv);var Rx=kh;var Qv=z.constructTagName("select"),wh={ARROW_UP:"arrow-up-bold",ARROW_DOWN:"arrow-down-bold"},ad="select-base-triggerid",Jv="select-listbox";var Ox=B`
   :host {
     --mdc-select-background-color: var(--mds-color-theme-background-primary-ghost);
-    --mdc-select-background-color-hover: var(--mds-color-theme-background-primary-hover);
-    --mdc-select-background-color-active: var(--mds-color-theme-background-primary-active);
-    --mdc-select-background-color-disabled: var(--mds-color-theme-background-input-disabled);
     --mdc-select-text-color: var(--mds-color-theme-text-secondary-normal);
-    --mdc-select-text-color-selected: var(--mds-color-theme-text-primary-normal);
-    --mdc-select-text-color-disabled: var(--mds-color-theme-text-primary-disabled);
     --mdc-select-border-color: var(--mds-color-theme-outline-input-normal);
-    --mdc-select-border-color-disabled: var(--mds-color-theme-outline-primary-disabled);
-    --mdc-select-border-color-success: var(--mds-color-theme-text-success-normal);
-    --mdc-select-border-color-warning: var(--mds-color-theme-text-warning-normal);
-    --mdc-select-border-color-error: var(--mds-color-theme-text-error-normal);
     --mdc-select-width: 100%;
     --mdc-select-listbox-width: var(--mdc-select-width);
     --mdc-select-listbox-height: auto;
@@ -5127,10 +5094,10 @@
     user-select: none;
   }
   :host::part(base-container):hover {
-    background-color: var(--mdc-select-background-color-hover);
+    --mdc-select-background-color: var(--mds-color-theme-background-primary-hover);
   }
   :host::part(base-container):active {
-    background-color: var(--mdc-select-background-color-active);
+    --mdc-select-background-color: var(--mds-color-theme-background-primary-active);
   }
   :host::part(base-text) {
     height: 1.3125rem;
@@ -5141,7 +5108,7 @@
     white-space: nowrap;
   }
   :host::part(selected) {
-    color: var(--mdc-select-text-color-selected);
+    --mdc-select-text-color: var(--mds-color-theme-text-primary-normal);
   }
   :host::part(selected-icon) {
     flex-shrink: 0;
@@ -5164,32 +5131,26 @@
   }
 
   /* Help text border colors */
-  :host([help-text-type='success'])::part(base-container) {
-    border-color: var(--mdc-select-border-color-success);
-  }
-  :host([help-text-type='warning'])::part(base-container) {
-    border-color: var(--mdc-select-border-color-warning);
-  }
+  :host([help-text-type='success'])::part(base-container),
+  :host([help-text-type='warning'])::part(base-container),
   :host([help-text-type='error'])::part(base-container) {
-    border-color: var(--mdc-select-border-color-error);
+    --mdc-select-border-color: var(--mdc-help-text-color);
+  }
+
+  :host([readonly])::part(help-text-container) {
+    --mdc-help-text-color: var(--mds-color-theme-text-secondary-normal);
   }
 
   /* Disabled, soft-disabled */
   :host([disabled])::part(base-container),
   :host([soft-disabled])::part(base-container),
-  :host([readonly])::part(base-container),
-  :host([help-text-type='success'][disabled])::part(base-container),
-  :host([help-text-type='error'][disabled])::part(base-container),
-  :host([help-text-type='warning'][disabled])::part(base-container),
-  :host([help-text-type='success'][readonly])::part(base-container),
-  :host([help-text-type='error'][readonly])::part(base-container),
-  :host([help-text-type='warning'][readonly])::part(base-container) {
-    border-color: var(--mdc-select-border-color-disabled);
-    background: var(--mdc-select-background-color-disabled);
+  :host([readonly])::part(base-container) {
+    --mdc-select-border-color: var(--mds-color-theme-outline-primary-disabled);
+    --mdc-select-background-color: var(--mds-color-theme-background-input-disabled);
   }
   :host([disabled])::part(base-text),
   :host([soft-disabled])::part(base-text) {
-    color: var(--mdc-select-text-color-disabled);
+    --mdc-select-text-color: var(--mds-color-theme-text-primary-disabled);
   }
 `,tg=[Ox,...St(!0)];var Ke=class extends ws(Bi(ge(Te(Ht(se))))){constructor(){super();this.placement=Wt.BOTTOM_START;this.boundary=_t.BOUNDARY;this.strategy=_t.STRATEGY;this.popoverZIndex=_t.Z_INDEX;this.displayPopover=!1;this.initialSelectedOption=null;this.itemsStore=new zr(this,{isValidItem:this.isValidItem,onStoreUpdate:this.onStoreUpdate});this.addEventListener(Gt.MODIFIED,this.handleModifiedEvent)}connectedCallback(){super.connectedCallback(),this.loop="false",this.initialFocus=0}get navItems(){return this.itemsStore.items}attributeChangedCallback(t,i,a){var d;if(super.attributeChangedCallback(t,i,a),t==="value"&&a!==""&&a!==i&&a!==((d=this.selectedOption)==null?void 0:d.value)&&this.navItems.length){let m=this.getFirstSelectedOption(),b=this.getFirstOption(),C=this.navItems.find(W=>W.value===a),L=null;if(C)L=C;else if(this.placeholder)L=null;else if(b)L=b;else if(m)L=m;else return;this.updateComplete.then(()=>{this.setSelectedOption(L)}).catch(W=>{this.onerror&&this.onerror(W)})}}onStoreUpdate(t,i,a){switch(i){case"added":t.setAttribute("tabindex","-1");break;case"removed":{if(a===-1||t.tabIndex!==0)return;let d=a+1;if(d>=this.navItems.length&&(d=a-1),d===-1){this.displayPopover=!1,this.handleNativeInputFocus();return}this.resetTabIndexes(d);break}default:break}}isValidItem(t){return t.matches(`${pr}:not([disabled])`)}getFirstSelectedOption(){return this.navItems.find(t=>t.hasAttribute("selected"))}getFirstOption(){return this.navItems[0]}handleModifiedEvent(t){let i=t.target,a=this.getFirstSelectedOption();switch(t.detail.change){case"selected":{a?this.setSelectedOption(a):this.setSelectedOption(i);break}case"unselected":{a?this.setSelectedOption(a):this.setSelectedOption(this.placeholder?null:this.getFirstOption());break}case"enabled":{this.itemsStore.add(i);break}case"disabled":{this.itemsStore.delete(i);break}default:break}}async firstUpdated(t){await this.updateComplete;let i=this.getFirstSelectedOption();if(i)this.initialSelectedOption=i,this.setSelectedOption(i);else if(this.placeholder)this.placeholder&&this.setInputValidity();else{let a=this.getFirstOption();this.setSelectedOption(a),this.fireEvents()}this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}updated(t){super.updated(t),(t.has("disabled")||t.has("softDisabled")||t.has("readonly"))&&(this.disabled||this.softDisabled||this.readonly)&&(this.displayPopover=!1)}handleOptionsClick(t){let i=t.target;i&&i.tagName===pr.toUpperCase()&&!i.hasAttribute("disabled")&&!i.hasAttribute("soft-disabled")&&(this.setSelectedOption(i),this.displayPopover=!1,this.fireEvents())}setSelectedOption(t){var i,a,d;t!==this.selectedOption&&(this.updateSelectedInChildOptions(t),this.resetTabIndexes(this.navItems.indexOf(t)),this.selectedOption=t,this.value=(a=(i=this.selectedOption)==null?void 0:i.value)!=null?a:"",this.internals.setFormValue(this.value),(d=this.inputElement)==null||d.setAttribute("value",this.value),this.setInputValidity())}updateSelectedInChildOptions(t){t==null||t.setAttribute("selected","true"),this.navItems.forEach(i=>{i!==t&&i.removeAttribute("selected")})}fireEvents(){this.dispatchInput(this.selectedOption),this.dispatchChange(this.selectedOption)}setInputValidity(){var t,i;!this.selectedOption&&this.required&&this.validationMessage?(t=this.inputElement)==null||t.setCustomValidity(this.validationMessage):(i=this.inputElement)==null||i.setCustomValidity(""),this.setValidity()}formResetCallback(){var i;let t=this.initialSelectedOption||null;((i=this.selectedOption)==null?void 0:i.value)!==(t==null?void 0:t.value)&&(this.setSelectedOption(t),this.fireEvents())}formStateRestoreCallback(t){var a;let i=this.navItems.find(d=>d.value===t||d.label===t);((a=this.selectedOption)==null?void 0:a.value)!==(i==null?void 0:i.value)&&(this.setSelectedOption(i||null),this.fireEvents())}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}dispatchInput(t){this.dispatchEvent(new CustomEvent("input",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}handleClickCombobox(t){this.disabled||this.softDisabled||this.readonly||(this.displayPopover=!this.displayPopover,t.stopPropagation())}handleKeydownCombobox(t){if(!(this.disabled||this.softDisabled||this.readonly))switch(t.key){case Z.ARROW_DOWN:case Z.ARROW_UP:this.displayPopover=!0,t.preventDefault(),t.stopPropagation();break;case Z.ENTER:case Z.SPACE:this.displayPopover=!0,t.preventDefault(),t.stopPropagation();break;case Z.HOME:{this.displayPopover=!0,this.resetTabIndexAndSetFocus(0),t.preventDefault();break}case Z.END:{this.displayPopover=!0,this.resetTabIndexAndSetFocus(this.navItems.length-1),t.preventDefault();break}default:break}}handleNativeInputFocus(){this.visualCombobox.focus()}render(){var t,i,a,d,m,b;return _`
       ${this.renderLabel()}
@@ -5927,43 +5888,15 @@
       </div>
       ${a(Fs.FORWARD)}`}};_r.styles=[...q.styles,...ug],p([u({type:String,attribute:"active-tab-id",reflect:!0})],_r.prototype,"activeTabId",2),p([u({type:String,attribute:"data-aria-label"})],_r.prototype,"dataAriaLabel",2),p([ir('[part="container"]')],_r.prototype,"tabsContainer",2),p([ir("mdc-button:not(:focus-visible)")],_r.prototype,"notFocusedArrowButton",2),p([Ot({selector:"mdc-tab"})],_r.prototype,"tabs",2),p([gt()],_r.prototype,"showForwardArrowButton",2),p([gt()],_r.prototype,"showBackwardArrowButton",2);var Gh=_r;Gh.register(fg);var eA=Gh;var yg=z.constructTagName("textarea"),Yh={HARD:"hard",SOFT:"soft"},Eg={OFF:"off",ON:"on"},fd={CHARACTER_COUNTER_TYPE:st.BODY_MIDSIZE_REGULAR,ROWS:5,COLS:40,WRAP:Yh.SOFT};var rA=[B`
     :host {
-      --mdc-textarea-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
-      --mdc-textarea-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
-      --mdc-textarea-disabled-background-color: var(--mds-color-theme-background-input-disabled);
       --mdc-textarea-text-color: var(--mds-color-theme-text-primary-normal);
-      --mdc-textarea-background-color: var(--mds-color-theme-background-primary-ghost);
       --mdc-textarea-border-color: var(--mds-color-theme-outline-input-normal);
+      --mdc-textarea-background-color: var(--mds-color-theme-background-primary-ghost);
+      --mdc-textarea-container-background-color: var(--mds-color-theme-background-primary-ghost);
       --mdc-textarea-text-secondary-normal: var(--mds-color-theme-text-secondary-normal);
-      --mdc-textarea-error-border-color: var(--mds-color-theme-text-error-normal);
-      --mdc-textarea-warning-border-color: var(--mds-color-theme-text-warning-normal);
-      --mdc-textarea-success-border-color: var(--mds-color-theme-text-success-normal);
-      --mdc-textarea-primary-border-color: var(--mds-color-theme-text-accent-normal);
-      --mdc-textarea-hover-background-color: var(--mds-color-theme-background-primary-hover);
-      --mdc-textarea-focused-background-color: var(--mds-color-theme-background-primary-ghost);
-      --mdc-textarea-focused-border-color: var(--mds-color-theme-outline-input-active);
       --mdc-textarea-text-font-size: var(--mds-font-size-body-midsize);
       --mdc-textarea-text-line-height: var(--mds-font-lineheight-body-midsize);
     }
 
-    :host([disabled])::part(textarea),
-    :host([disabled])::part(textarea)::placeholder {
-      color: var(--mdc-input-disabled-text-color);
-    }
-
-    :host([disabled])::part(textarea-container),
-    :host([readonly])::part(textarea-container) {
-      border-color: var(--mdc-textarea-disabled-border-color);
-      background: var(--mdc-textarea-disabled-background-color);
-    }
-
-    :host([disabled][help-text-type='default'])::part(textarea-container),
-    :host([disabled][help-text-type='success'])::part(textarea-container),
-    :host([disabled][help-text-type='warning'])::part(textarea-container),
-    :host([disabled][help-text-type='error'])::part(textarea-container),
-    :host([disabled][help-text-type='priority'])::part(textarea-container) {
-      border-color: var(--mdc-textarea-disabled-border-color);
-    }
-
     :host::part(textarea) {
       min-height: 6.25rem;
       color: var(--mdc-textarea-text-color);
@@ -5984,6 +5917,7 @@
       border: 0.0625rem solid var(--mdc-textarea-border-color);
       overflow: hidden;
       padding: 0.375rem 0.25rem 0.25rem 0.75rem;
+      background-color: var(--mdc-textarea-container-background-color);
     }
 
     :host(:dir(rtl))::part(textarea-container) {
@@ -5991,13 +5925,13 @@
     }
 
     :host(:not([disabled]))::part(textarea-container):hover {
-      background-color: var(--mdc-textarea-hover-background-color);
+      --mdc-textarea-container-background-color: var(--mds-color-theme-background-primary-hover);
     }
 
     :host(:not([disabled]))::part(textarea-container):active,
     :host(:not([disabled]))::part(textarea-container):focus-within {
-      background-color: var(--mdc-textarea-focused-background-color);
-      border-color: var(--mdc-textarea-focused-border-color);
+      --mdc-textarea-container-background-color: var(--mds-color-theme-background-primary-ghost);
+      --mdc-textarea-border-color: var(--mds-color-theme-outline-input-active);
     }
 
     :host::part(textarea-footer) {
@@ -6007,7 +5941,7 @@
       width: 100%;
     }
 
-    .textarea::placeholder {
+    textarea::placeholder {
       color: var(--mdc-textarea-text-secondary-normal);
     }
 
@@ -6017,28 +5951,33 @@
     }
 
     :host([help-text-type='error'])::part(character-counter) {
-      color: var(--mdc-textarea-error-border-color);
-    }
-
-    :host([disabled])::part(character-counter) {
-      color: var(--mds-color-theme-text-primary-disabled);
+      color: var(--mdc-help-text-color);
     }
 
     :host([help-text-type='error'])::part(textarea-container),
-    :host([help-text-type='error'])::part(textarea-container):focus-within {
-      border-color: var(--mdc-textarea-error-border-color);
-    }
+    :host([help-text-type='error'])::part(textarea-container):focus-within,
     :host([help-text-type='warning'])::part(textarea-container),
-    :host([help-text-type='warning'])::part(textarea-container):focus-within {
-      border-color: var(--mdc-textarea-warning-border-color);
-    }
+    :host([help-text-type='warning'])::part(textarea-container):focus-within,
     :host([help-text-type='success'])::part(textarea-container),
-    :host([help-text-type='success'])::part(textarea-container):focus-within {
-      border-color: var(--mdc-textarea-success-border-color);
-    }
+    :host([help-text-type='success'])::part(textarea-container):focus-within,
     :host([help-text-type='priority'])::part(textarea-container),
     :host([help-text-type='priority'])::part(textarea-container):focus-within {
-      border-color: var(--mdc-textarea-primary-border-color);
+      --mdc-textarea-border-color: var(--mdc-help-text-color);
+    }
+
+    :host([disabled])::part(character-counter) {
+      color: var(--mds-color-theme-text-primary-disabled);
+    }
+
+    :host([disabled])::part(textarea),
+    :host([disabled]) textarea::placeholder {
+      color: var(--mdc-input-disabled-text-color);
+    }
+
+    :host([disabled])::part(textarea-container),
+    :host([readonly])::part(textarea-container) {
+      --mdc-textarea-border-color: var(--mds-color-theme-outline-primary-disabled);
+      --mdc-textarea-container-background-color: var(--mds-color-theme-background-input-disabled);
     }
 
     .hidden {
@@ -6432,12 +6371,6 @@
     --mdc-combobox-listbox-height: auto;
     --mdc-combobox-text-color-disabled: var(--mds-color-theme-text-primary-disabled);
     --mdc-combobox-hover-background-color: var(--mds-color-theme-background-primary-hover);
-    --mdc-combobox-error-border-color: var(--mds-color-theme-text-error-normal);
-    --mdc-combobox-warning-border-color: var(--mds-color-theme-text-warning-normal);
-    --mdc-combobox-success-border-color: var(--mds-color-theme-text-success-normal);
-    --mdc-combobox-primary-border-color: var(--mds-color-theme-text-accent-normal);
-    --mdc-combobox-focused-background-color: var(--mds-color-theme-background-primary-ghost);
-    --mdc-combobox-focused-border-color: var(--mds-color-theme-outline-input-active);
 
     display: flex;
     flex-direction: column;
@@ -6469,36 +6402,22 @@
   :host([disabled])::part(combobox__button) {
     cursor: unset;
   }
-  :host mdc-input {
-    --mdc-input-error-border-color: var(--mdc-combobox-error-border-color);
-    --mdc-input-warning-border-color: var(--mdc-combobox-warning-border-color);
-    --mdc-input-success-border-color: var(--mdc-combobox-success-border-color);
-    --mdc-input-primary-border-color: var(--mdc-combobox-primary-border-color);
-    --mdc-input-focused-border-color: var(--mdc-combobox-focused-border-color);
-    --mdc-input-focused-background-color: var(--mdc-combobox-focused-background-color);
-  }
   :host(:focus-within)::part(combobox__button) {
     border-left: 1px solid var(--mdc-combobox-focused-border-color);
   }
   :host(:not([disabled]))::part(combobox__base):hover {
     background-color: var(--mdc-combobox-hover-background-color);
   }
-  :host([help-text-type='error'])::part(combobox__button) {
-    border-color: var(--mdc-combobox-error-border-color);
-  }
-  :host([help-text-type='warning'])::part(combobox__button) {
-    border-color: var(--mdc-combobox-warning-border-color);
-  }
-  :host([help-text-type='success'])::part(combobox__button) {
-    border-color: var(--mdc-combobox-success-border-color);
-  }
+  :host([help-text-type='error'])::part(combobox__button),
+  :host([help-text-type='warning'])::part(combobox__button),
+  :host([help-text-type='success'])::part(combobox__button),
   :host([help-text-type='priority'])::part(combobox__button) {
-    border-color: var(--mdc-combobox-primary-border-color);
+    border-color: var(--mdc-help-text-color);
   }
   :host([disabled])::part(combobox__button) {
     border-left: 1px solid var(--mdc-combobox-text-color-disabled);
   }
-  :host::part(input-text) {
+  :host::part(mdc-input) {
     width: calc(100% - 1.5rem);
   }
   :host::part(combobox__button-icon) {