@department-of-veterans-affairs/component-library 53.2.0 → 54.0.0

package/dist/components/va-textarea.js

@@ -1 +1 @@
-import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{e as debounce,u as updateScreenReaderCount,f as getMaxLength,h as getCharacterMessage,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block;font-weight:normal}textarea{-webkit-box-sizing:border-box;box-sizing:border-box}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.debouncedUpdateScreenReaderCount=debounce(updateScreenReaderCount,1e3),this.handleInput=e=>{const a=e.target;this.value=a.value,this.debouncedUpdateScreenReaderCount(this.charCountElement,this.value,getMaxLength(this.maxlength))},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentDidRender(){this.charCountElement&&!this.charCountElement.innerText&&(this.charCountElement.innerText=getCharacterMessage(this.value,getMaxLength(this.maxlength)))}render(){const{label:e,error:a,placeholder:t,name:r,required:s,value:i,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:u,headerAriaDescribedby:c,formHeading:m}=this,b=getMaxLength(this.maxlength),f=`${a?"input-error-message":""} ${n&&b?"charcount-message":""} ${l?"input-message":""}`.trim()||null,p=`${d&&m?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=c?"header-message":null,x=n&&(null==i?void 0:i.length)>b,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":n,"usa-character-count__status--invalid":n&&b&&(null==i?void 0:i.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(u);T=h(Fragment,{key:"da9fe11b7c697b6e72cc5b23e8029ceccc1799ac"},m&&h(e,{key:"74fabaea246c0848d417f97165a78967afae59ef",id:"form-question",part:"form-header"},m),h("div",{key:"0043b61e7e6e2eb67221df0b706d72eabd080d79",id:"form-description"},h("slot",{key:"729b7c53e9560104788d5305bb4f273652068c7b",name:"form-description"})))}const C=h("label",{key:"b830bea083163233ef65351556bafa56c2f8cd53",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},e,"multiple"===d&&h("span",{key:"0cba465862a2821795b43f642e8c758d9a03dd94",id:"header-message",class:"usa-sr-only"},e),c&&h("span",{key:"880c77d5c2424b56b6428e7774091b8997e039bd",id:"header-message",class:"usa-sr-only"},c),s&&h("span",{key:"feef3eedcadb9418ce6e95e2f72bd8359117bd96",class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{key:"d823820cd16a0957bbb4de65dea232f96ce4ea59",class:"usa-hint"},o));return h(Host,{key:"58cdc13d0912f4154b4db0fc68462d39b3e0f96b"},T,h("div",{key:"6bb47f96b36bffdbe98a636c5de2e478c5352722",class:"input-wrap"},e&&g?h(g,{part:"header","aria-describedby":v},C):h(Fragment,null,C),h("slot",{key:"049b686379ec7878eb9faf1407ea1e1687904303"}),h("span",{key:"6f7b8719c05d93ca33b05a745dc9b9a30da379a7",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"14d7dcff92b3faec7c34140bd1b2079feec8084f"},h("span",{key:"7784ee6fe80c2035cccc15aea7bc6c6cdab7c3be",class:"usa-sr-only"},instance.t("error")),h("span",{key:"4cf625fdf9a9efbf37acde5a4ea0d8ac15421078",class:"usa-error-message"},a))),h("textarea",{key:"194823a4bf9dcd501720450a3e7365e73fc46593",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:n?void 0:b,value:i,part:"input-type-textarea"}),!n&&b&&(null==i?void 0:i.length)>=b&&h("span",{key:"1103cce9deaeeddca27139605fdd2e26c69b8a3b",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h(Fragment,{key:"5cca336004ad5f0834f8ec3f05a9ed875137fcb4"},h("span",{key:"31ac688462a147655b5ff15a72d3af4a2d607b28","aria-hidden":"true",class:k},getCharacterMessage(this.value,getMaxLength(this.maxlength))),h("span",{key:"2d548fd0b49061416fa017ea66707de4f8ffe74b",id:"charcount-message","aria-live":"polite",class:"usa-sr-only",ref:e=>this.charCountElement=e})),isMessageSet(l)&&h("span",{key:"cf884f742ba598eedfb393db83b42db82d96cf24",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach((e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))}))}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};
+import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{e as debounce,u as updateScreenReaderCount,f as getMaxLength,h as getCharacterMessage,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block;font-weight:normal}textarea{-webkit-box-sizing:border-box;box-sizing:border-box}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.debouncedUpdateScreenReaderCount=debounce(updateScreenReaderCount,1e3),this.handleInput=e=>{const a=e.target;this.value=a.value,this.debouncedUpdateScreenReaderCount(this.charCountElement,this.value,getMaxLength(this.maxlength))},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentDidRender(){this.charCountElement&&!this.charCountElement.innerText&&(this.charCountElement.innerText=getCharacterMessage(this.value,getMaxLength(this.maxlength)))}render(){const{label:e,error:a,placeholder:t,name:r,required:s,value:i,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:u,headerAriaDescribedby:c,formHeading:m}=this,b=getMaxLength(this.maxlength),f=`${a?"input-error-message":""} ${n&&b?"charcount-message":""} ${l?"input-message":""}`.trim()||null,p=`${d&&m?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=c?"header-message":null,x=n&&(null==i?void 0:i.length)>b,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":n,"usa-character-count__status--invalid":n&&b&&(null==i?void 0:i.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(u);T=h(Fragment,{key:"34491741cc1140547c135f76d57aeb34ffb082e4"},m&&h(e,{key:"f30217fb24dea8abe346787390516c1e99299ef1",id:"form-question",part:"form-header"},m),h("div",{key:"282443fe0575f1c92633fac597a73e1ed0c40707",id:"form-description"},h("slot",{key:"9f9a35b1e306756ec6f6db92bd11afb892410b39",name:"form-description"})))}const C=h("label",{key:"dead3290693dd529d2bd24f5a31f9dc34d2a6a67",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},e,"multiple"===d&&c?h("span",{id:"header-message",class:"usa-sr-only"},h("span",null,e),h("span",null,c)):"multiple"===d?h("span",{id:"header-message",class:"usa-sr-only"},e):c?h("span",{id:"header-message",class:"usa-sr-only"},c):null,s&&h("span",{key:"c1a70e7f48dba299f95c2ecea754826c5342b8ec",class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{key:"d28f99c54c3c745ace0a22a1c97f1f39913bcb25",class:"usa-hint"},o));return h(Host,{key:"4fed118ee8389c2c6a339059d730f5c452bd13f5"},T,h("div",{key:"5caa97bdf99390e77aa8be661826137355cceb2e",class:"input-wrap"},e&&g?h(g,{part:"header","aria-describedby":v},C):C,h("slot",{key:"da9c4b8d6a80dba86a3536eee74f060a3a432264"}),h("span",{key:"4109e9a8217d87db12481cb3e6dc1837c0bdca8b",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"e3973000ca44db8f0bcab2bfd4ffe8902d1aa3d3"},h("span",{key:"b3a13dc9f3e3b5e63f09bae95df4adb58d66f899",class:"usa-sr-only"},instance.t("error")),h("span",{key:"4338917b8ddcd0942239bf90c41cc040a340c4ba",class:"usa-error-message"},a))),h("textarea",{key:"692907cd68c836ef4427c9a98a47dd94495676b3",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:n?void 0:b,value:i,part:"input-type-textarea"}),!n&&b&&(null==i?void 0:i.length)>=b&&h("span",{key:"f60d711533ae5f10cc1e512649c46a4b250a8531",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h(Fragment,{key:"893eb4b7099e034afd4f8a9064cb46a9e984fe46"},h("span",{key:"bbb4e59cd3dd6b582fb2d05b37944bd8eacf383f","aria-hidden":"true",class:k},getCharacterMessage(this.value,getMaxLength(this.maxlength))),h("span",{key:"6c39f58d3b2c8fa02a84c0849992ef96d8b15af0",id:"charcount-message","aria-live":"polite",class:"usa-sr-only",ref:e=>this.charCountElement=e})),isMessageSet(l)&&h("span",{key:"8a9ca2e11484492732674d49eaf8b89c7a5219a2",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach((e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))}))}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};

package/dist/main.css

@@ -1 +1 @@
-:root{--xsmall-screen:320px;--small-screen:481px;--tablet:640px;--medium-screen:768px;--small-desktop-screen:1024px;--large-screen:1201px;--mobile:320px;--mobile-lg:480px;--desktop:1024px;--desktop-lg:1201px;--widescreen:1400px;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-on-light:#005ea2;--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-background-disabled-on-light:#c9c9c9;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-alert-color-background-info-on-light:#e7f6f8;--vads-alert-color-background-success-on-light:#ecf3ec;--vads-alert-color-background-warning-on-light:#faf3d1;--vads-alert-color-background-error-on-light:#f4e3db;--vads-color-white:#ffffff;--vads-label-hint-text-color-on-light:#757575;--vads-process-list-color-text-pending-on-light:#757575;--vads-color-gray-medium:#757575;--vads-color-gray-light-alt:#edeff0;--vads-color-gray-warm-light:#e6e6e2;--vads-color-gray-warm-dark:#454540;--vads-color-gray-cool-light:#e1e7f1;--vads-color-action-focus-on-light:#face00;--vads-color-base:#1b1b1b;--vads-color-base-dark:#565c65;--vads-color-base-darker:#3d4551;--vads-color-base-darkest:#1b1b1b;--vads-color-base-light:#a9aeb1;--vads-color-base-lighter:#dfe1e2;--vads-color-base-lightest:#f0f0f0;--vads-color-emergency:#9c3d10;--vads-color-emergency-dark:#332d29;--vads-color-error:#d54309;--vads-color-error-dark:#b21d38;--vads-color-error-darker:#6f3331;--vads-color-error-light:#f39268;--vads-color-error-lighter:#f4e3db;--vads-color-gibill-accent:#fef0c8;--vads-color-hub-burials:#2378c3;--vads-color-hub-careers:#bd5727;--vads-color-hub-disability:#a23737;--vads-color-hub-education:#162e51;--vads-color-hub-health-care:#3f57a6;--vads-color-hub-housing:#8e704f;--vads-color-hub-life-insurance:#6f7a41;--vads-color-hub-pension:#4d8055;--vads-color-hub-records:#6f7a41;--vads-color-hub-service-member:#162e51;--vads-color-hub-family-member:#162e51;--vads-color-info:#00bde3;--vads-color-info-dark:#009ec1;--vads-color-info-darker:#2e6276;--vads-color-info-light:#99deea;--vads-color-info-lighter:#e7f6f8;--vads-color-ink:#1b1b1b;--vads-color-inset-bg:#e7f6f8;--vads-color-link:#005ea2;--vads-color-link-active:#0b4778;--vads-color-link-visited:#54278f;--vads-color-primary:#005ea2;--vads-color-primary-alt:#00bde3;--vads-color-primary-alt-dark:#28a0cb;--vads-color-primary-alt-darkest:#07648d;--vads-color-primary-alt-light:#97d4ea;--vads-color-primary-alt-lightest:#e1f3f8;--vads-color-primary-dark:#1a4480;--vads-color-primary-darker:#162e51;--vads-color-primary-light:#73b3e7;--vads-color-primary-lighter:#d9e8f6;--vads-color-secondary:#d83933;--vads-color-secondary-dark:#b50909;--vads-color-secondary-darkest:#8b0a03;--vads-color-secondary-light:#f2938c;--vads-color-secondary-lightest:#f8dfe2;--vads-color-success:#00a91c;--vads-color-success-dark:#008817;--vads-color-success-darker:#216e1f;--vads-color-success-light:#70e17b;--vads-color-success-lighter:#ecf3ec;--vads-color-green-light:#5e9f69;--vads-color-va-accent:#8a7237;--vads-color-warning:#ffbe2e;--vads-color-warning-dark:#e5a000;--vads-color-warning-darker:#936f38;--vads-color-warning-light:#fee685;--vads-color-warning-lighter:#faf3d1;--vads-color-gold-lighter:#ffe396;--vads-color-gold-lightest:#fef0c8;--vads-color-black:#000000;--vads-color-orange:#dd7533;--vads-color-green-lighter:#b4d0b9;--vads-color-blue-cool:#345d96;--vads-color-blue-cool-light:#4a77b4;--vads-color-blue-cool-lightest:#98afd2;--vads-color-action-surface-default-on-dark:#58b4ff;--vads-color-action-surface-destructive-on-dark:#fb5a47;--vads-color-action-border-base-active-on-light:#2e2e2e;--vads-color-action-border-base-active-on-dark:#adadad;--vads-color-feedback-foreground-success-on-dark:#21c834;--vads-color-feedback-foreground-success-on-light:#008817;--vads-color-feedback-foreground-warning-on-dark:#e5a000;--vads-color-feedback-foreground-warning-on-light:#c2850c;--vads-color-feedback-surface-info-on-dark:#112f4e;--vads-color-feedback-surface-success-on-dark:#19311e;--vads-color-feedback-surface-warning-on-dark:#422d19;--vads-color-feedback-surface-error-on-dark:#5c1111;--vads-color-feedback-border-warning-on-dark:#face00;--vads-color-background-default-on-dark:#171716;--vads-color-forms-surface-active-on-light:#ecf1f7;--vads-color-forms-surface-active-on-dark:#252f3e;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--font-family-sans:'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-family-mono:'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;--font-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-source-sans:'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-mono:'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-root:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:2rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.25rem;--font-size-h4:1.063rem;--font-size-h5:0.938rem;--font-size-h6:0.938rem;--v3-font-base-size:16px;--vads-font-line-height-1:1;--vads-font-line-height-2:1.15;--vads-font-line-height-3:1.35;--vads-font-line-height-4:1.5;--vads-font-line-height-5:1.62;--vads-font-line-height-6:1.75;--vads-font-line-height-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--vads-font-line-height-serif:1.9;--vads-font-line-height-mono:1.7;--vads-font-size-source-sans-normalized:1.06rem;--vads-font-size-root:1rem;--vads-font-size-body-large:20px;--vads-font-size-body-lead:20px;--vads-font-size-body-medium:17px;--vads-font-size-body-small:15px;--vads-font-size-eyebrow:17px;--vads-font-size-heading-level-1:2.5rem;--vads-font-size-heading-level-2:2rem;--vads-font-size-heading-level-3:1.25rem;--vads-font-size-heading-level-4:1.063rem;--vads-font-size-heading-level-5:0.938rem;--vads-font-size-heading-level-6:0.938rem;--vads-size-line-length-1:44ex;--vads-size-line-length-2:60ex;--vads-size-line-length-3:64ex;--vads-size-line-length-4:68ex;--vads-size-line-length-5:72ex;--vads-size-line-length-6:88ex;--vads-size-line-length-none:inherit;--units-0:0;--units-1:0.5rem;--units-2:1rem;--units-3:1.5rem;--units-4:2rem;--units-5:2.5rem;--units-6:3rem;--units-7:3.5rem;--units-8:4rem;--units-9:4.5rem;--units-10:5rem;--units-15:7.5rem;--units-1px:1px;--units-0p25:2px;--units-0p5:0.25rem;--units-1p5:0.75rem;--units-2p5:1.25rem;--units-neg-1px:-1px;--units-neg-0p25:-2px;--units-neg-0p5:-0.25rem;--units-neg-1:-0.5rem;--units-neg-1p5:-0.75rem;--units-neg-2:-1rem;--units-neg-2p5:-1.25rem;--units-neg-3:-1.5rem;--units-neg-4:-2rem;--units-neg-5:-2.5rem;--units-neg-6:-3rem;--units-neg-7:-3.5rem;--units-neg-8:-4rem;--units-neg-9:-4.5rem;--units-neg-10:-5rem;--units-neg-15:-7.5rem;--vads-spacing-0:0;--vads-spacing-1:8px;--vads-spacing-2:16px;--vads-spacing-3:24px;--vads-spacing-4:32px;--vads-spacing-5:40px;--vads-spacing-6:48px;--vads-spacing-7:56px;--vads-spacing-8:64px;--vads-spacing-9:72px;--vads-spacing-10:80px;--vads-spacing-15:120px;--vads-spacing-1px:1px;--vads-spacing-2px:2px;--vads-spacing-0p5:4px;--vads-spacing-1p5:12px;--vads-spacing-2p5:20px;--vads-spacing-neg-1px:-1px;--vads-spacing-neg-2px:-2px;--vads-spacing-neg-0p5:-4px;--vads-spacing-neg-1:-8px;--vads-spacing-neg-1p5:-12px;--vads-spacing-neg-2:-16px;--vads-spacing-neg-2p5:-20px;--vads-spacing-neg-3:-24px;--vads-spacing-neg-4:-32px;--vads-spacing-neg-5:-40px;--vads-spacing-neg-6:-48px;--vads-spacing-neg-7:-56px;--vads-spacing-neg-8:-64px;--vads-spacing-neg-9:-72px;--vads-spacing-neg-10:-80px;--vads-spacing-neg-15:-120px;--vads-spacing-inset-l:32px;--vads-spacing-inset-m:24px;--vads-spacing-inset-s:16px;--vads-spacing-vertical-stack-l:32px;--vads-spacing-vertical-stack-m:24px;--vads-spacing-vertical-stack-s:16px;--vads-spacing-vertical-stack-default:16px;--vads-forms-spacing-vertical-stack-default:32px;--vads-site-margins-mobile-width:16px;--vads-site-margins-width:32px;--vads-site-margins-breakpoint:1024px;--vads-grid-container-max-width:1024px}va-breadcrumbs .va-breadcrumbs-li{display:inline-block;line-height:1.5;margin:4px 0;padding:4px 0 4px 0;vertical-align:middle}va-breadcrumbs .va-breadcrumbs-li::after{content:' \203A ';display:inline-block;padding:0 5.6px}va-breadcrumbs .va-breadcrumbs-li:last-child::after{content:''}@media screen and (max-width: 481px){va-breadcrumbs .va-breadcrumbs-li{display:none}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2){display:-ms-flexbox;display:flex}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::before{content:' \2039 ';display:inline-block;padding:0 2.4px}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::after{content:'';display:none;padding:0}}va-breadcrumbs li>a{background-color:transparent;color:var(--vads-color-link);display:inline-block;padding:2px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}va-breadcrumbs li>a:hover{background:rgba(0, 0, 0, 0.05)}va-breadcrumbs li>a:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}va-breadcrumbs li>a[aria-current='page']{color:var(--vads-color-base-darker);cursor:default;font-weight:bold;pointer-events:none;text-decoration:none}va-modal p:first-child{margin-top:0}va-table>va-table-row[slot] button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border-radius:0}va-table>va-table-row[slot] button:hover{background-color:rgba(0, 0, 0, 0.05) !important;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}va-table>va-table-row[slot] button svg{width:1.5rem}@media screen and (min-width: 768px){va-table-row span.text-align-right{text-align:right !important}}:is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:1.33rem;margin-top:-2px;margin-bottom:8px;line-height:var(--vads-font-line-height-2)}va-alert p{max-width:100%;margin-bottom:1em;margin-top:1em}va-process-list li :is(h2,h3,h4,h5){margin-top:0;clear:none;padding-top:0.188rem}va-promo-banner[href]:focus{outline:none}
+@charset "UTF-8";va-modal p:first-child{margin-top:0}:is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:1.33rem;margin-top:-2px;margin-bottom:8px;line-height:var(--vads-font-line-height-2)}va-alert p{max-width:100%;margin-bottom:1em;margin-top:1em;word-wrap:break-word}va-table>va-table-row[slot] button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border-radius:0}va-table>va-table-row[slot] button:hover{background-color:rgba(0, 0, 0, 0.05) !important;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}va-table>va-table-row[slot] button svg{width:1.5rem}@media screen and (min-width: 768px){va-table-row span.text-align-right{text-align:right !important}}va-breadcrumbs .va-breadcrumbs-li{display:inline-block;line-height:1.5;margin:4px 0;padding:4px 0 4px 0;vertical-align:middle}va-breadcrumbs .va-breadcrumbs-li::after{content:" ›";display:inline-block;padding:0 5.6px}va-breadcrumbs .va-breadcrumbs-li:last-child::after{content:""}@media screen and (max-width: 481px){va-breadcrumbs .va-breadcrumbs-li{display:none}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2){display:-ms-flexbox;display:flex}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::before{content:" ‹";display:inline-block;padding:0 2.4px}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::after{content:"";display:none;padding:0}}va-breadcrumbs li>a{background-color:transparent;color:var(--vads-color-link);display:inline-block;padding:2px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}va-breadcrumbs li>a:hover{background:rgba(0, 0, 0, 0.05)}va-breadcrumbs li>a:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}va-breadcrumbs li>a[aria-current=page]{color:var(--vads-color-base-darker);cursor:default;font-weight:bold;pointer-events:none;text-decoration:none}:root{--xsmall-screen:320px;--small-screen:481px;--tablet:640px;--medium-screen:768px;--small-desktop-screen:1024px;--large-screen:1201px;--mobile:320px;--mobile-lg:480px;--desktop:1024px;--desktop-lg:1201px;--widescreen:1400px;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-on-light:#005ea2;--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-background-disabled-on-light:#c9c9c9;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-alert-color-background-info-on-light:#e7f6f8;--vads-alert-color-background-success-on-light:#ecf3ec;--vads-alert-color-background-warning-on-light:#faf3d1;--vads-alert-color-background-error-on-light:#f4e3db;--vads-color-white:#ffffff;--vads-label-hint-text-color-on-light:#757575;--vads-process-list-color-text-pending-on-light:#757575;--vads-color-gray-medium:#757575;--vads-color-gray-light-alt:#edeff0;--vads-color-gray-warm-light:#e6e6e2;--vads-color-gray-warm-dark:#454540;--vads-color-gray-cool-light:#e1e7f1;--vads-color-action-focus-on-light:#face00;--vads-color-base:#1b1b1b;--vads-color-base-dark:#565c65;--vads-color-base-darker:#3d4551;--vads-color-base-darkest:#1b1b1b;--vads-color-base-light:#a9aeb1;--vads-color-base-lighter:#dfe1e2;--vads-color-base-lightest:#f0f0f0;--vads-color-emergency:#9c3d10;--vads-color-emergency-dark:#332d29;--vads-color-error:#d54309;--vads-color-error-dark:#b21d38;--vads-color-error-darker:#6f3331;--vads-color-error-light:#f39268;--vads-color-error-lighter:#f4e3db;--vads-color-gibill-accent:#fef0c8;--vads-color-hub-burials:#2378c3;--vads-color-hub-careers:#bd5727;--vads-color-hub-disability:#a23737;--vads-color-hub-education:#162e51;--vads-color-hub-health-care:#3f57a6;--vads-color-hub-housing:#8e704f;--vads-color-hub-life-insurance:#6f7a41;--vads-color-hub-pension:#4d8055;--vads-color-hub-records:#6f7a41;--vads-color-hub-service-member:#162e51;--vads-color-hub-family-member:#162e51;--vads-color-info:#00bde3;--vads-color-info-dark:#009ec1;--vads-color-info-darker:#2e6276;--vads-color-info-light:#99deea;--vads-color-info-lighter:#e7f6f8;--vads-color-ink:#1b1b1b;--vads-color-inset-bg:#e7f6f8;--vads-color-link:#005ea2;--vads-color-link-active:#0b4778;--vads-color-link-visited:#54278f;--vads-color-primary:#005ea2;--vads-color-primary-alt:#00bde3;--vads-color-primary-alt-dark:#28a0cb;--vads-color-primary-alt-darkest:#07648d;--vads-color-primary-alt-light:#97d4ea;--vads-color-primary-alt-lightest:#e1f3f8;--vads-color-primary-dark:#1a4480;--vads-color-primary-darker:#162e51;--vads-color-primary-light:#73b3e7;--vads-color-primary-lighter:#d9e8f6;--vads-color-secondary:#d83933;--vads-color-secondary-dark:#b50909;--vads-color-secondary-darkest:#8b0a03;--vads-color-secondary-light:#f2938c;--vads-color-secondary-lightest:#f8dfe2;--vads-color-success:#00a91c;--vads-color-success-dark:#008817;--vads-color-success-darker:#216e1f;--vads-color-success-light:#70e17b;--vads-color-success-lighter:#ecf3ec;--vads-color-green-light:#5e9f69;--vads-color-va-accent:#8a7237;--vads-color-warning:#ffbe2e;--vads-color-warning-dark:#e5a000;--vads-color-warning-darker:#936f38;--vads-color-warning-light:#fee685;--vads-color-warning-lighter:#faf3d1;--vads-color-gold-lighter:#ffe396;--vads-color-gold-lightest:#fef0c8;--vads-color-black:#000000;--vads-color-orange:#dd7533;--vads-color-green-lighter:#b4d0b9;--vads-color-blue-cool:#345d96;--vads-color-blue-cool-light:#4a77b4;--vads-color-blue-cool-lightest:#98afd2;--vads-color-action-surface-default-on-dark:#58b4ff;--vads-color-action-surface-destructive-on-dark:#fb5a47;--vads-color-action-border-base-active-on-light:#2e2e2e;--vads-color-action-border-base-active-on-dark:#adadad;--vads-color-feedback-foreground-success-on-dark:#21c834;--vads-color-feedback-foreground-success-on-light:#008817;--vads-color-feedback-foreground-warning-on-dark:#e5a000;--vads-color-feedback-foreground-warning-on-light:#c2850c;--vads-color-feedback-surface-info-on-dark:#112f4e;--vads-color-feedback-surface-success-on-dark:#19311e;--vads-color-feedback-surface-warning-on-dark:#422d19;--vads-color-feedback-surface-error-on-dark:#5c1111;--vads-color-feedback-border-warning-on-dark:#face00;--vads-color-background-default-on-dark:#171716;--vads-color-forms-surface-active-on-light:#ecf1f7;--vads-color-forms-surface-active-on-dark:#252f3e;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-elevation-shadow-1:0px 1px 4px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-2:0px 4px 8px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-3:0px 8px 16px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-4:0px 12px 24px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-5:0px 16px 32px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-none:none;--font-family-sans:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono:"Roboto Mono Web", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;--font-serif:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;--font-source-sans:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;--font-mono:"Roboto Mono Web", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-root:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:2rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.25rem;--font-size-h4:1.063rem;--font-size-h5:0.938rem;--font-size-h6:0.938rem;--v3-font-base-size:16px;--vads-font-line-height-1:1;--vads-font-line-height-2:1.15;--vads-font-line-height-3:1.35;--vads-font-line-height-4:1.5;--vads-font-line-height-5:1.62;--vads-font-line-height-6:1.75;--vads-font-line-height-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--vads-font-line-height-serif:1.9;--vads-font-line-height-mono:1.7;--vads-font-size-source-sans-normalized:1.06rem;--vads-font-size-root:1rem;--vads-font-size-body-large:20px;--vads-font-size-body-lead:20px;--vads-font-size-body-medium:17px;--vads-font-size-body-small:15px;--vads-font-size-eyebrow:17px;--vads-font-size-heading-level-1:2.5rem;--vads-font-size-heading-level-2:2rem;--vads-font-size-heading-level-3:1.25rem;--vads-font-size-heading-level-4:1.063rem;--vads-font-size-heading-level-5:0.938rem;--vads-font-size-heading-level-6:0.938rem;--vads-size-line-length-1:44ex;--vads-size-line-length-2:60ex;--vads-size-line-length-3:64ex;--vads-size-line-length-4:68ex;--vads-size-line-length-5:72ex;--vads-size-line-length-6:88ex;--vads-size-line-length-none:inherit;--units-0:0;--units-1:0.5rem;--units-2:1rem;--units-3:1.5rem;--units-4:2rem;--units-5:2.5rem;--units-6:3rem;--units-7:3.5rem;--units-8:4rem;--units-9:4.5rem;--units-10:5rem;--units-15:7.5rem;--units-1px:1px;--units-0p25:2px;--units-0p5:0.25rem;--units-1p5:0.75rem;--units-2p5:1.25rem;--units-neg-1px:-1px;--units-neg-0p25:-2px;--units-neg-0p5:-0.25rem;--units-neg-1:-0.5rem;--units-neg-1p5:-0.75rem;--units-neg-2:-1rem;--units-neg-2p5:-1.25rem;--units-neg-3:-1.5rem;--units-neg-4:-2rem;--units-neg-5:-2.5rem;--units-neg-6:-3rem;--units-neg-7:-3.5rem;--units-neg-8:-4rem;--units-neg-9:-4.5rem;--units-neg-10:-5rem;--units-neg-15:-7.5rem;--vads-spacing-0:0;--vads-spacing-1:8px;--vads-spacing-2:16px;--vads-spacing-3:24px;--vads-spacing-4:32px;--vads-spacing-5:40px;--vads-spacing-6:48px;--vads-spacing-7:56px;--vads-spacing-8:64px;--vads-spacing-9:72px;--vads-spacing-10:80px;--vads-spacing-15:120px;--vads-spacing-1px:1px;--vads-spacing-2px:2px;--vads-spacing-0p5:4px;--vads-spacing-1p5:12px;--vads-spacing-2p5:20px;--vads-spacing-neg-1px:-1px;--vads-spacing-neg-2px:-2px;--vads-spacing-neg-0p5:-4px;--vads-spacing-neg-1:-8px;--vads-spacing-neg-1p5:-12px;--vads-spacing-neg-2:-16px;--vads-spacing-neg-2p5:-20px;--vads-spacing-neg-3:-24px;--vads-spacing-neg-4:-32px;--vads-spacing-neg-5:-40px;--vads-spacing-neg-6:-48px;--vads-spacing-neg-7:-56px;--vads-spacing-neg-8:-64px;--vads-spacing-neg-9:-72px;--vads-spacing-neg-10:-80px;--vads-spacing-neg-15:-120px;--vads-spacing-inset-l:32px;--vads-spacing-inset-m:24px;--vads-spacing-inset-s:16px;--vads-spacing-vertical-stack-l:32px;--vads-spacing-vertical-stack-m:24px;--vads-spacing-vertical-stack-s:16px;--vads-spacing-vertical-stack-default:16px;--vads-forms-spacing-vertical-stack-default:32px;--vads-site-margins-mobile-width:16px;--vads-site-margins-width:32px;--vads-site-margins-breakpoint:1024px;--vads-grid-container-max-width:1024px}va-process-list li :is(h2,h3,h4,h5){margin-top:0;clear:none;padding-top:0.188rem}va-promo-banner[href]:focus{outline:none}

package/dist/react-bindings/index.d.ts

@@ -60,6 +60,7 @@ export declare const VaTable: import("react").ForwardRefExoticComponent<JSX.VaTa
 export declare const VaTableInner: import("react").ForwardRefExoticComponent<JSX.VaTableInner & Omit<import("react").HTMLAttributes<HTMLVaTableInnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTableInnerElement>>;
 export declare const VaTableRow: import("react").ForwardRefExoticComponent<JSX.VaTableRow & Omit<import("react").HTMLAttributes<HTMLVaTableRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTableRowElement>>;
 export declare const VaTabs: import("react").ForwardRefExoticComponent<JSX.VaTabs & Omit<import("react").HTMLAttributes<HTMLVaTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTabsElement>>;
+export declare const VaTagStatus: import("react").ForwardRefExoticComponent<JSX.VaTagStatus & Omit<import("react").HTMLAttributes<HTMLVaTagStatusElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTagStatusElement>>;
 export declare const VaTelephone: import("react").ForwardRefExoticComponent<JSX.VaTelephone & Omit<import("react").HTMLAttributes<HTMLVaTelephoneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTelephoneElement>>;
 export declare const VaTelephoneInput: import("react").ForwardRefExoticComponent<JSX.VaTelephoneInput & Omit<import("react").HTMLAttributes<HTMLVaTelephoneInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTelephoneInputElement>>;
 export declare const VaTextInput: import("react").ForwardRefExoticComponent<JSX.VaTextInput & Omit<import("react").HTMLAttributes<HTMLVaTextInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaTextInputElement>>;

package/dist/react-bindings/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VaServiceListItem=exports.VaSelect=exports.VaSegmentedProgressBar=exports.VaSearchInput=exports.VaSearchFilter=exports.VaRadioOption=exports.VaRadio=exports.VaPromoBanner=exports.VaProgressBar=exports.VaProcessListItem=exports.VaProcessList=exports.VaPrivacyAgreement=exports.VaPagination=exports.VaOnThisPage=exports.VaOmbInfo=exports.VaOfficialGovBanner=exports.VaNotification=exports.VaNeedHelp=exports.VaModal=exports.VaMinimalFooter=exports.VaMemorableDate=exports.VaMaintenanceBanner=exports.VaLoadingIndicator=exports.VaLinkAction=exports.VaLink=exports.VaLanguageToggle=exports.VaIcon=exports.VaHeaderMinimal=exports.VaFileInputMultiple=exports.VaFileInput=exports.VaDate=exports.VaCriticalAction=exports.VaCrisisLineModal=exports.VaComboBox=exports.VaCheckboxGroup=exports.VaCheckbox=exports.VaCard=exports.VaButtonSegmented=exports.VaButtonPair=exports.VaButtonIcon=exports.VaButton=exports.VaBreadcrumbs=exports.VaBanner=exports.VaBackToTop=exports.VaAlertSignIn=exports.VaAlertExpandable=exports.VaAlert=exports.VaAdditionalInfo=exports.VaAccordionItem=exports.VaAccordion=void 0,exports.VaTextarea=exports.VaTextInput=exports.VaTelephoneInput=exports.VaTelephone=exports.VaTabs=exports.VaTableRow=exports.VaTableInner=exports.VaTable=exports.VaTabPanel=exports.VaTabItem=exports.VaSummaryBox=exports.VaStatementOfTruth=exports.VaSidenavSubmenu=exports.VaSidenavItem=exports.VaSidenav=void 0;var react_component_lib_1=require("./react-component-lib");exports.VaAccordion=(0,react_component_lib_1.createReactComponent)("va-accordion"),exports.VaAccordionItem=(0,react_component_lib_1.createReactComponent)("va-accordion-item"),exports.VaAdditionalInfo=(0,react_component_lib_1.createReactComponent)("va-additional-info"),exports.VaAlert=(0,react_component_lib_1.createReactComponent)("va-alert"),exports.VaAlertExpandable=(0,react_component_lib_1.createReactComponent)("va-alert-expandable"),exports.VaAlertSignIn=(0,react_component_lib_1.createReactComponent)("va-alert-sign-in"),exports.VaBackToTop=(0,react_component_lib_1.createReactComponent)("va-back-to-top"),exports.VaBanner=(0,react_component_lib_1.createReactComponent)("va-banner"),exports.VaBreadcrumbs=(0,react_component_lib_1.createReactComponent)("va-breadcrumbs"),exports.VaButton=(0,react_component_lib_1.createReactComponent)("va-button"),exports.VaButtonIcon=(0,react_component_lib_1.createReactComponent)("va-button-icon"),exports.VaButtonPair=(0,react_component_lib_1.createReactComponent)("va-button-pair"),exports.VaButtonSegmented=(0,react_component_lib_1.createReactComponent)("va-button-segmented"),exports.VaCard=(0,react_component_lib_1.createReactComponent)("va-card"),exports.VaCheckbox=(0,react_component_lib_1.createReactComponent)("va-checkbox"),exports.VaCheckboxGroup=(0,react_component_lib_1.createReactComponent)("va-checkbox-group"),exports.VaComboBox=(0,react_component_lib_1.createReactComponent)("va-combo-box"),exports.VaCrisisLineModal=(0,react_component_lib_1.createReactComponent)("va-crisis-line-modal"),exports.VaCriticalAction=(0,react_component_lib_1.createReactComponent)("va-critical-action"),exports.VaDate=(0,react_component_lib_1.createReactComponent)("va-date"),exports.VaFileInput=(0,react_component_lib_1.createReactComponent)("va-file-input"),exports.VaFileInputMultiple=(0,react_component_lib_1.createReactComponent)("va-file-input-multiple"),exports.VaHeaderMinimal=(0,react_component_lib_1.createReactComponent)("va-header-minimal"),exports.VaIcon=(0,react_component_lib_1.createReactComponent)("va-icon"),exports.VaLanguageToggle=(0,react_component_lib_1.createReactComponent)("va-language-toggle"),exports.VaLink=(0,react_component_lib_1.createReactComponent)("va-link"),exports.VaLinkAction=(0,react_component_lib_1.createReactComponent)("va-link-action"),exports.VaLoadingIndicator=(0,react_component_lib_1.createReactComponent)("va-loading-indicator"),exports.VaMaintenanceBanner=(0,react_component_lib_1.createReactComponent)("va-maintenance-banner"),exports.VaMemorableDate=(0,react_component_lib_1.createReactComponent)("va-memorable-date"),exports.VaMinimalFooter=(0,react_component_lib_1.createReactComponent)("va-minimal-footer"),exports.VaModal=(0,react_component_lib_1.createReactComponent)("va-modal"),exports.VaNeedHelp=(0,react_component_lib_1.createReactComponent)("va-need-help"),exports.VaNotification=(0,react_component_lib_1.createReactComponent)("va-notification"),exports.VaOfficialGovBanner=(0,react_component_lib_1.createReactComponent)("va-official-gov-banner"),exports.VaOmbInfo=(0,react_component_lib_1.createReactComponent)("va-omb-info"),exports.VaOnThisPage=(0,react_component_lib_1.createReactComponent)("va-on-this-page"),exports.VaPagination=(0,react_component_lib_1.createReactComponent)("va-pagination"),exports.VaPrivacyAgreement=(0,react_component_lib_1.createReactComponent)("va-privacy-agreement"),exports.VaProcessList=(0,react_component_lib_1.createReactComponent)("va-process-list"),exports.VaProcessListItem=(0,react_component_lib_1.createReactComponent)("va-process-list-item"),exports.VaProgressBar=(0,react_component_lib_1.createReactComponent)("va-progress-bar"),exports.VaPromoBanner=(0,react_component_lib_1.createReactComponent)("va-promo-banner"),exports.VaRadio=(0,react_component_lib_1.createReactComponent)("va-radio"),exports.VaRadioOption=(0,react_component_lib_1.createReactComponent)("va-radio-option"),exports.VaSearchFilter=(0,react_component_lib_1.createReactComponent)("va-search-filter"),exports.VaSearchInput=(0,react_component_lib_1.createReactComponent)("va-search-input"),exports.VaSegmentedProgressBar=(0,react_component_lib_1.createReactComponent)("va-segmented-progress-bar"),exports.VaSelect=(0,react_component_lib_1.createReactComponent)("va-select"),exports.VaServiceListItem=(0,react_component_lib_1.createReactComponent)("va-service-list-item"),exports.VaSidenav=(0,react_component_lib_1.createReactComponent)("va-sidenav"),exports.VaSidenavItem=(0,react_component_lib_1.createReactComponent)("va-sidenav-item"),exports.VaSidenavSubmenu=(0,react_component_lib_1.createReactComponent)("va-sidenav-submenu"),exports.VaStatementOfTruth=(0,react_component_lib_1.createReactComponent)("va-statement-of-truth"),exports.VaSummaryBox=(0,react_component_lib_1.createReactComponent)("va-summary-box"),exports.VaTabItem=(0,react_component_lib_1.createReactComponent)("va-tab-item"),exports.VaTabPanel=(0,react_component_lib_1.createReactComponent)("va-tab-panel"),exports.VaTable=(0,react_component_lib_1.createReactComponent)("va-table"),exports.VaTableInner=(0,react_component_lib_1.createReactComponent)("va-table-inner"),exports.VaTableRow=(0,react_component_lib_1.createReactComponent)("va-table-row"),exports.VaTabs=(0,react_component_lib_1.createReactComponent)("va-tabs"),exports.VaTelephone=(0,react_component_lib_1.createReactComponent)("va-telephone"),exports.VaTelephoneInput=(0,react_component_lib_1.createReactComponent)("va-telephone-input"),exports.VaTextInput=(0,react_component_lib_1.createReactComponent)("va-text-input"),exports.VaTextarea=(0,react_component_lib_1.createReactComponent)("va-textarea");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VaServiceListItem=exports.VaSelect=exports.VaSegmentedProgressBar=exports.VaSearchInput=exports.VaSearchFilter=exports.VaRadioOption=exports.VaRadio=exports.VaPromoBanner=exports.VaProgressBar=exports.VaProcessListItem=exports.VaProcessList=exports.VaPrivacyAgreement=exports.VaPagination=exports.VaOnThisPage=exports.VaOmbInfo=exports.VaOfficialGovBanner=exports.VaNotification=exports.VaNeedHelp=exports.VaModal=exports.VaMinimalFooter=exports.VaMemorableDate=exports.VaMaintenanceBanner=exports.VaLoadingIndicator=exports.VaLinkAction=exports.VaLink=exports.VaLanguageToggle=exports.VaIcon=exports.VaHeaderMinimal=exports.VaFileInputMultiple=exports.VaFileInput=exports.VaDate=exports.VaCriticalAction=exports.VaCrisisLineModal=exports.VaComboBox=exports.VaCheckboxGroup=exports.VaCheckbox=exports.VaCard=exports.VaButtonSegmented=exports.VaButtonPair=exports.VaButtonIcon=exports.VaButton=exports.VaBreadcrumbs=exports.VaBanner=exports.VaBackToTop=exports.VaAlertSignIn=exports.VaAlertExpandable=exports.VaAlert=exports.VaAdditionalInfo=exports.VaAccordionItem=exports.VaAccordion=void 0,exports.VaTextarea=exports.VaTextInput=exports.VaTelephoneInput=exports.VaTelephone=exports.VaTagStatus=exports.VaTabs=exports.VaTableRow=exports.VaTableInner=exports.VaTable=exports.VaTabPanel=exports.VaTabItem=exports.VaSummaryBox=exports.VaStatementOfTruth=exports.VaSidenavSubmenu=exports.VaSidenavItem=exports.VaSidenav=void 0;var react_component_lib_1=require("./react-component-lib");exports.VaAccordion=(0,react_component_lib_1.createReactComponent)("va-accordion"),exports.VaAccordionItem=(0,react_component_lib_1.createReactComponent)("va-accordion-item"),exports.VaAdditionalInfo=(0,react_component_lib_1.createReactComponent)("va-additional-info"),exports.VaAlert=(0,react_component_lib_1.createReactComponent)("va-alert"),exports.VaAlertExpandable=(0,react_component_lib_1.createReactComponent)("va-alert-expandable"),exports.VaAlertSignIn=(0,react_component_lib_1.createReactComponent)("va-alert-sign-in"),exports.VaBackToTop=(0,react_component_lib_1.createReactComponent)("va-back-to-top"),exports.VaBanner=(0,react_component_lib_1.createReactComponent)("va-banner"),exports.VaBreadcrumbs=(0,react_component_lib_1.createReactComponent)("va-breadcrumbs"),exports.VaButton=(0,react_component_lib_1.createReactComponent)("va-button"),exports.VaButtonIcon=(0,react_component_lib_1.createReactComponent)("va-button-icon"),exports.VaButtonPair=(0,react_component_lib_1.createReactComponent)("va-button-pair"),exports.VaButtonSegmented=(0,react_component_lib_1.createReactComponent)("va-button-segmented"),exports.VaCard=(0,react_component_lib_1.createReactComponent)("va-card"),exports.VaCheckbox=(0,react_component_lib_1.createReactComponent)("va-checkbox"),exports.VaCheckboxGroup=(0,react_component_lib_1.createReactComponent)("va-checkbox-group"),exports.VaComboBox=(0,react_component_lib_1.createReactComponent)("va-combo-box"),exports.VaCrisisLineModal=(0,react_component_lib_1.createReactComponent)("va-crisis-line-modal"),exports.VaCriticalAction=(0,react_component_lib_1.createReactComponent)("va-critical-action"),exports.VaDate=(0,react_component_lib_1.createReactComponent)("va-date"),exports.VaFileInput=(0,react_component_lib_1.createReactComponent)("va-file-input"),exports.VaFileInputMultiple=(0,react_component_lib_1.createReactComponent)("va-file-input-multiple"),exports.VaHeaderMinimal=(0,react_component_lib_1.createReactComponent)("va-header-minimal"),exports.VaIcon=(0,react_component_lib_1.createReactComponent)("va-icon"),exports.VaLanguageToggle=(0,react_component_lib_1.createReactComponent)("va-language-toggle"),exports.VaLink=(0,react_component_lib_1.createReactComponent)("va-link"),exports.VaLinkAction=(0,react_component_lib_1.createReactComponent)("va-link-action"),exports.VaLoadingIndicator=(0,react_component_lib_1.createReactComponent)("va-loading-indicator"),exports.VaMaintenanceBanner=(0,react_component_lib_1.createReactComponent)("va-maintenance-banner"),exports.VaMemorableDate=(0,react_component_lib_1.createReactComponent)("va-memorable-date"),exports.VaMinimalFooter=(0,react_component_lib_1.createReactComponent)("va-minimal-footer"),exports.VaModal=(0,react_component_lib_1.createReactComponent)("va-modal"),exports.VaNeedHelp=(0,react_component_lib_1.createReactComponent)("va-need-help"),exports.VaNotification=(0,react_component_lib_1.createReactComponent)("va-notification"),exports.VaOfficialGovBanner=(0,react_component_lib_1.createReactComponent)("va-official-gov-banner"),exports.VaOmbInfo=(0,react_component_lib_1.createReactComponent)("va-omb-info"),exports.VaOnThisPage=(0,react_component_lib_1.createReactComponent)("va-on-this-page"),exports.VaPagination=(0,react_component_lib_1.createReactComponent)("va-pagination"),exports.VaPrivacyAgreement=(0,react_component_lib_1.createReactComponent)("va-privacy-agreement"),exports.VaProcessList=(0,react_component_lib_1.createReactComponent)("va-process-list"),exports.VaProcessListItem=(0,react_component_lib_1.createReactComponent)("va-process-list-item"),exports.VaProgressBar=(0,react_component_lib_1.createReactComponent)("va-progress-bar"),exports.VaPromoBanner=(0,react_component_lib_1.createReactComponent)("va-promo-banner"),exports.VaRadio=(0,react_component_lib_1.createReactComponent)("va-radio"),exports.VaRadioOption=(0,react_component_lib_1.createReactComponent)("va-radio-option"),exports.VaSearchFilter=(0,react_component_lib_1.createReactComponent)("va-search-filter"),exports.VaSearchInput=(0,react_component_lib_1.createReactComponent)("va-search-input"),exports.VaSegmentedProgressBar=(0,react_component_lib_1.createReactComponent)("va-segmented-progress-bar"),exports.VaSelect=(0,react_component_lib_1.createReactComponent)("va-select"),exports.VaServiceListItem=(0,react_component_lib_1.createReactComponent)("va-service-list-item"),exports.VaSidenav=(0,react_component_lib_1.createReactComponent)("va-sidenav"),exports.VaSidenavItem=(0,react_component_lib_1.createReactComponent)("va-sidenav-item"),exports.VaSidenavSubmenu=(0,react_component_lib_1.createReactComponent)("va-sidenav-submenu"),exports.VaStatementOfTruth=(0,react_component_lib_1.createReactComponent)("va-statement-of-truth"),exports.VaSummaryBox=(0,react_component_lib_1.createReactComponent)("va-summary-box"),exports.VaTabItem=(0,react_component_lib_1.createReactComponent)("va-tab-item"),exports.VaTabPanel=(0,react_component_lib_1.createReactComponent)("va-tab-panel"),exports.VaTable=(0,react_component_lib_1.createReactComponent)("va-table"),exports.VaTableInner=(0,react_component_lib_1.createReactComponent)("va-table-inner"),exports.VaTableRow=(0,react_component_lib_1.createReactComponent)("va-table-row"),exports.VaTabs=(0,react_component_lib_1.createReactComponent)("va-tabs"),exports.VaTagStatus=(0,react_component_lib_1.createReactComponent)("va-tag-status"),exports.VaTelephone=(0,react_component_lib_1.createReactComponent)("va-telephone"),exports.VaTelephoneInput=(0,react_component_lib_1.createReactComponent)("va-telephone-input"),exports.VaTextInput=(0,react_component_lib_1.createReactComponent)("va-text-input"),exports.VaTextarea=(0,react_component_lib_1.createReactComponent)("va-textarea");

package/dist/react-bindings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}

package/dist/react-bindings/index.ts

@@ -68,6 +68,7 @@ export const VaTable = /*@__PURE__*/createReactComponent<JSX.VaTable, HTMLVaTabl
 export const VaTableInner = /*@__PURE__*/createReactComponent<JSX.VaTableInner, HTMLVaTableInnerElement>('va-table-inner');
 export const VaTableRow = /*@__PURE__*/createReactComponent<JSX.VaTableRow, HTMLVaTableRowElement>('va-table-row');
 export const VaTabs = /*@__PURE__*/createReactComponent<JSX.VaTabs, HTMLVaTabsElement>('va-tabs');
+export const VaTagStatus = /*@__PURE__*/createReactComponent<JSX.VaTagStatus, HTMLVaTagStatusElement>('va-tag-status');
 export const VaTelephone = /*@__PURE__*/createReactComponent<JSX.VaTelephone, HTMLVaTelephoneElement>('va-telephone');
 export const VaTelephoneInput = /*@__PURE__*/createReactComponent<JSX.VaTelephoneInput, HTMLVaTelephoneInputElement>('va-telephone-input');
 export const VaTextInput = /*@__PURE__*/createReactComponent<JSX.VaTextInput, HTMLVaTextInputElement>('va-text-input');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@department-of-veterans-affairs/component-library",
   "description": "VA.gov component library. Includes React and web components.",
-  "version": "53.2.0",
+  "version": "54.0.0",
   "license": "MIT",
   "scripts": {
     "build": "webpack"
@@ -16,7 +16,7 @@
   "module": "src/main.js",
   "dependencies": {
     "@department-of-veterans-affairs/react-components": "28.1.0",
-    "@department-of-veterans-affairs/web-components": "21.2.0",
+    "@department-of-veterans-affairs/web-components": "22.0.0",
     "i18next": "^21.6.14",
     "i18next-browser-languagedetector": "^6.1.4",
     "react-focus-on": "^3.5.1",