@department-of-veterans-affairs/component-library 46.4.0 → 47.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/2108.app.bundle.js +1 -1
- package/dist/6874.app.bundle.js +1 -1
- package/dist/7375.app.bundle.js +1 -1
- package/dist/app.bundle.js +1 -1
- package/dist/components/types/components.d.ts +4 -4
- package/dist/components/va-header-minimal.js +1 -1
- package/dist/components/va-textarea.js +1 -1
- package/dist/main.css +1 -1
- package/package.json +2 -2
|
@@ -587,9 +587,9 @@ export namespace Components {
|
|
|
587
587
|
*/
|
|
588
588
|
interface VaHeaderMinimal {
|
|
589
589
|
/**
|
|
590
|
-
*
|
|
590
|
+
* Enables use of heading tags in the minimal header instead of `<div>` tags. This is for when a heading level 1 needs to be used in the header, as there should only be one heading level 1 per page.
|
|
591
591
|
*/
|
|
592
|
-
"
|
|
592
|
+
"enableHeadings"?: boolean;
|
|
593
593
|
"header"?: string;
|
|
594
594
|
"subheader"?: string;
|
|
595
595
|
}
|
|
@@ -3630,9 +3630,9 @@ declare namespace LocalJSX {
|
|
|
3630
3630
|
*/
|
|
3631
3631
|
interface VaHeaderMinimal {
|
|
3632
3632
|
/**
|
|
3633
|
-
*
|
|
3633
|
+
* Enables use of heading tags in the minimal header instead of `<div>` tags. This is for when a heading level 1 needs to be used in the header, as there should only be one heading level 1 per page.
|
|
3634
3634
|
*/
|
|
3635
|
-
"
|
|
3635
|
+
"enableHeadings"?: boolean;
|
|
3636
3636
|
"header"?: string;
|
|
3637
3637
|
"subheader"?: string;
|
|
3638
3638
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$7}from"./va-button2.js";import{d as defineCustomElement$6}from"./va-crisis-line-modal2.js";import{d as defineCustomElement$5}from"./va-icon2.js";import{d as defineCustomElement$4}from"./va-modal2.js";import{d as defineCustomElement$3}from"./va-official-gov-banner2.js";import{d as defineCustomElement$2}from"./va-telephone2.js";const vaSealSvg="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny42IDM1LjIiIHJvbGU9ImltZyI+PHRpdGxlPlZBPC90aXRsZT48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTEuMSAzNS4yTDAgMGg4LjZsNC4yIDE0LjljMS4yIDQuMiAyLjIgOC4yIDMuMSAxMi42aC4xYy45LTQuMiAxLjktOC40IDMuMS0xMi40TDIzLjUgMGg4LjNMMjAuMiAzNS4yaC05LjF6TTM2LjYgMjYuMmwtMi41IDloLThMMzYuNiAwaDEwLjJsMTAuOCAzNS4yaC04LjVsLTIuNy05aC05Ljh6bTguOC02bC0yLjItNy41Yy0uNi0yLjEtMS4yLTQuNy0xLjctNi44aC0uMWMtLjUgMi4xLTEgNC44LTEuNiA2LjhsLTIgNy41aDcuNnoiPjwvcGF0aD48L2c+PC9zdmc+",vaHeaderMinimalCss=".va-header{display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;max-width:1000px;background-color:var(--vads-color-primary-darker);color:var(--vads-button-color-text-primary-alt-on-light);-ms-flex-align:center;align-items:center;padding:10px 8px;line-height:22px}@media (min-width: 481px){.va-header{padding:10px 16px}}.va-logo-link:focus{outline:2px solid var(--vads-color-action-focus-on-light)}.va-logo{margin-right:8px;min-height:30px;min-width:48px}@media (min-width: 481px){.va-logo{margin-right:16px}}.header-container{padding-left:8px;border-left:1px solid var(--vads-color-white)}@media (min-width: 481px){.header-container{padding-left:16px}}.header-container h1,.header-container .header{font-size:20px;margin:0;font-weight:700}.header-container h2,.header-container .subheader{font-size:20px;margin:0;font-weight:100}@media (min-width: 1008px){va-crisis-line-modal::part(button){position:absolute;right:0;bottom:-5px}}",VaHeaderMinimalStyle0=vaHeaderMinimalCss,VaHeaderMinimal$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.shifted=!1,this.header=void 0,this.subheader=void 0,this.
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$7}from"./va-button2.js";import{d as defineCustomElement$6}from"./va-crisis-line-modal2.js";import{d as defineCustomElement$5}from"./va-icon2.js";import{d as defineCustomElement$4}from"./va-modal2.js";import{d as defineCustomElement$3}from"./va-official-gov-banner2.js";import{d as defineCustomElement$2}from"./va-telephone2.js";const vaSealSvg="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny42IDM1LjIiIHJvbGU9ImltZyI+PHRpdGxlPlZBPC90aXRsZT48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTEuMSAzNS4yTDAgMGg4LjZsNC4yIDE0LjljMS4yIDQuMiAyLjIgOC4yIDMuMSAxMi42aC4xYy45LTQuMiAxLjktOC40IDMuMS0xMi40TDIzLjUgMGg4LjNMMjAuMiAzNS4yaC05LjF6TTM2LjYgMjYuMmwtMi41IDloLThMMzYuNiAwaDEwLjJsMTAuOCAzNS4yaC04LjVsLTIuNy05aC05Ljh6bTguOC02bC0yLjItNy41Yy0uNi0yLjEtMS4yLTQuNy0xLjctNi44aC0uMWMtLjUgMi4xLTEgNC44LTEuNiA2LjhsLTIgNy41aDcuNnoiPjwvcGF0aD48L2c+PC9zdmc+",vaHeaderMinimalCss=".va-header{display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;max-width:1000px;background-color:var(--vads-color-primary-darker);color:var(--vads-button-color-text-primary-alt-on-light);-ms-flex-align:center;align-items:center;padding:10px 8px;line-height:22px}@media (min-width: 481px){.va-header{padding:10px 16px}}.va-logo-link:focus{outline:2px solid var(--vads-color-action-focus-on-light)}.va-logo{margin-right:8px;min-height:30px;min-width:48px}@media (min-width: 481px){.va-logo{margin-right:16px}}.header-container{padding-left:8px;border-left:1px solid var(--vads-color-white)}@media (min-width: 481px){.header-container{padding-left:16px}}.header-container h1,.header-container .header{font-size:20px;margin:0;font-weight:700}.header-container h2,.header-container .subheader{font-size:20px;margin:0;font-weight:100}@media (min-width: 1008px){va-crisis-line-modal::part(button){position:absolute;right:0;bottom:-5px}}",VaHeaderMinimalStyle0=vaHeaderMinimalCss,VaHeaderMinimal$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.shifted=!1,this.header=void 0,this.subheader=void 0,this.enableHeadings=!1}trackShiftKey(e){this.shifted=e.shiftKey}trapFocus(){var e;const a=null===(e=this.el)||void 0===e?void 0:e.shadowRoot.querySelector("va-crisis-line-modal").shadowRoot.querySelector("va-modal"),t=null==a?void 0:a.getAttribute("visible");if(null!==t&&"false"!==t){let e;const t=this.shifted?".last-focusable-child":".va-modal-close";e=this.shifted?null==a?void 0:a.querySelector(t):null==a?void 0:a.shadowRoot.querySelector(t),null==e||e.focus()}}render(){const{header:e,subheader:a,enableHeadings:t}=this;return h(Host,{key:"8166572c8b726efcd50724bdcbbaea20b6ab52be",role:"banner"},h("va-official-gov-banner",{key:"1fe0d0496c2758090f4c528e0ad609f9a4e5d164"}),h("va-crisis-line-modal",{key:"b9f02ecf2aa7a37e11c8830e27c703ab270f2fb8"}),h("div",{key:"ae08383b4416e958add2fb12e65579b415633d5d",onFocusin:()=>this.trapFocus(),class:"va-header"},h("a",{key:"149d9a4ec90ef7cba6d7682aca575d3a9cfd4b9b",href:"/",title:"Go to VA.gov",class:"va-logo-link"},h("img",{key:"60898a523ae94a5d0b91fbe806a8fdba4a4e40c5",class:"va-logo",src:vaSealSvg,alt:"VA logo and Seal, U.S. Department of Veterans Affairs"})),h("div",{key:"94a5f9fdfd9da6fd0bd871f82b6d6e9ad78751e9",class:"header-container"},t?h("h1",null,e):h("div",{class:"header"},e),a&&(t?h("h2",null,a):h("div",{class:"subheader"},a)))))}get el(){return this}static get style(){return VaHeaderMinimalStyle0}},[1,"va-header-minimal",{header:[1],subheader:[1],enableHeadings:[4,"enable-headings"],shifted:[32]},[[8,"keydown","trackShiftKey"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-header-minimal","va-button","va-crisis-line-modal","va-icon","va-modal","va-official-gov-banner","va-telephone"].forEach((e=>{switch(e){case"va-header-minimal":customElements.get(e)||customElements.define(e,VaHeaderMinimal$1);break;case"va-button":customElements.get(e)||defineCustomElement$7();break;case"va-crisis-line-modal":customElements.get(e)||defineCustomElement$6();break;case"va-icon":customElements.get(e)||defineCustomElement$5();break;case"va-modal":customElements.get(e)||defineCustomElement$4();break;case"va-official-gov-banner":customElements.get(e)||defineCustomElement$3();break;case"va-telephone":customElements.get(e)||defineCustomElement$2()}}))}const VaHeaderMinimal=VaHeaderMinimal$1,defineCustomElement=defineCustomElement$1;export{VaHeaderMinimal,defineCustomElement};
|
|
@@ -1 +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{c as consoleDevError,b as getCharacterMessage,a 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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}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:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}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=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){padding-left:0}}.usa-textarea{resize:inherit}: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}',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.handleInput=e=>{const a=e.target;this.value=a.value},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")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}render(){const{label:e,error:a,placeholder:t,name:r,required:i,value:s,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:c,headerAriaDescribedby:u,formHeading:m}=this,b=this.getMaxlength(),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=u?"header-message":null,x=n&&(null==s?void 0:s.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==s?void 0:s.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(c);T=h(Fragment,{key:"1d0feb487af8033204ed7e9740522c804687199a"},m&&h(e,{key:"48e79d80ffa9e7ab243a6bc894191e8c8b92927e",id:"form-question",part:"form-header"},m),h("div",{key:"d43a4a6f6973b89fcbbefa8bebed92ac880affc2",id:"form-description"},h("slot",{key:"0346e702686b26cb1d59d60d3e7905ce189896fa",name:"form-description"})))}return h(Host,{key:"139b3ee4750d1b9ebf78cb8302d1fdc5e0a70e80"},T,h("div",{key:"d92520a07e27f550d1f6200e962070afa512cf14",class:"input-wrap"},e&&h("label",{key:"28c9b19ae63636b6553b4ed8fc10bf3edb65aee1",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},g?h(g,{part:"header","aria-describedby":v},e):e," ","multiple"===d&&h("span",{key:"76548a9435a646db6fd290cfd33f8eb0640e4c73",id:"header-message",class:"usa-sr-only"},e),u&&h("span",{key:"53f710b819e6f7a3217dc441f9a5b13be3f90614",id:"header-message",class:"usa-sr-only"},u),i&&h("span",{key:"de3d31378f50877c21297e1296fe1728b9a8b2cb",class:"usa-label--required"},instance.t("required")),o&&h("div",{key:"3894332f189ccce69e67539148a1c939fce495fa",class:"usa-hint"},o)),h("slot",{key:"3b94ba88d8f9049a1f4b100b96ca9de5f7cd9040"}),h("span",{key:"e8582814c79178fe95413b955b4df7c4ff61f6bd",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"739b1c403ecee3c08f00df2a193c43a1a21c8161"},h("span",{key:"73092b71d0c40cba28816b965e4cc31568d49068",class:"usa-sr-only"},instance.t("error")),h("span",{key:"023bb79cd440ab04f85c151f2513bd9b1c8e540c",class:"usa-error-message"},a))),h("textarea",{key:"4060ca33b87fb82ca52474bc71c700bbd119ddb6",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:s,part:"input-type-textarea"}),!n&&b&&(null==s?void 0:s.length)>=b&&h("span",{key:"60785d7c8ba9a1775808ceec73b4d750e841ee99",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h("span",{key:"e4d68c999a11efa6b2d4144478f26bbc5c57288a",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(s,b)),l&&h("span",{key:"908e9b36b38ad45cee2acf9eb48c7b4ffa6b7d86",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};
|
|
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{c as consoleDevError,b as getCharacterMessage,a 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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}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:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}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=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){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}',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.handleInput=e=>{const a=e.target;this.value=a.value},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")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}render(){const{label:e,error:a,placeholder:t,name:r,required:i,value:s,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:c,headerAriaDescribedby:u,formHeading:m}=this,b=this.getMaxlength(),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=u?"header-message":null,x=n&&(null==s?void 0:s.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==s?void 0:s.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(c);T=h(Fragment,{key:"1d0feb487af8033204ed7e9740522c804687199a"},m&&h(e,{key:"48e79d80ffa9e7ab243a6bc894191e8c8b92927e",id:"form-question",part:"form-header"},m),h("div",{key:"d43a4a6f6973b89fcbbefa8bebed92ac880affc2",id:"form-description"},h("slot",{key:"0346e702686b26cb1d59d60d3e7905ce189896fa",name:"form-description"})))}return h(Host,{key:"139b3ee4750d1b9ebf78cb8302d1fdc5e0a70e80"},T,h("div",{key:"d92520a07e27f550d1f6200e962070afa512cf14",class:"input-wrap"},e&&h("label",{key:"28c9b19ae63636b6553b4ed8fc10bf3edb65aee1",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},g?h(g,{part:"header","aria-describedby":v},e):e," ","multiple"===d&&h("span",{key:"76548a9435a646db6fd290cfd33f8eb0640e4c73",id:"header-message",class:"usa-sr-only"},e),u&&h("span",{key:"53f710b819e6f7a3217dc441f9a5b13be3f90614",id:"header-message",class:"usa-sr-only"},u),i&&h("span",{key:"de3d31378f50877c21297e1296fe1728b9a8b2cb",class:"usa-label--required"},instance.t("required")),o&&h("div",{key:"3894332f189ccce69e67539148a1c939fce495fa",class:"usa-hint"},o)),h("slot",{key:"3b94ba88d8f9049a1f4b100b96ca9de5f7cd9040"}),h("span",{key:"e8582814c79178fe95413b955b4df7c4ff61f6bd",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"739b1c403ecee3c08f00df2a193c43a1a21c8161"},h("span",{key:"73092b71d0c40cba28816b965e4cc31568d49068",class:"usa-sr-only"},instance.t("error")),h("span",{key:"023bb79cd440ab04f85c151f2513bd9b1c8e540c",class:"usa-error-message"},a))),h("textarea",{key:"4060ca33b87fb82ca52474bc71c700bbd119ddb6",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:s,part:"input-type-textarea"}),!n&&b&&(null==s?void 0:s.length)>=b&&h("span",{key:"60785d7c8ba9a1775808ceec73b4d750e841ee99",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h("span",{key:"e4d68c999a11efa6b2d4144478f26bbc5c57288a",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(s,b)),l&&h("span",{key:"908e9b36b38ad45cee2acf9eb48c7b4ffa6b7d86",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
CHANGED
|
@@ -1 +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;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-input-background-color-on-light:#ffffff;--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-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-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;--font-family-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-source-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-base:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:1.875rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:1.875rem;--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;--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;--uswds-system-color-blue-5:#eff6fb;--uswds-system-color-blue-10:#d9e8f6;--uswds-system-color-blue-20:#aacdec;--uswds-system-color-blue-30:#73b3e7;--uswds-system-color-blue-40:#4f97d1;--uswds-system-color-blue-50:#2378c3;--uswds-system-color-blue-60:#2c608a;--uswds-system-color-blue-70:#274863;--uswds-system-color-blue-80:#1f303e;--uswds-system-color-blue-90:#11181d;--uswds-system-color-blue-vivid-30:#58b4ff;--uswds-system-color-blue-vivid-50:#0076d6;--uswds-system-color-blue-vivid-60:#005ea2;--uswds-system-color-blue-vivid-70:#0b4778;--uswds-system-color-blue-vivid-80:#112f4e;--uswds-system-color-blue-cool-60:#2e6276;--uswds-system-color-blue-cool-vivid-5:#e1f3f8;--uswds-system-color-blue-cool-vivid-20:#97d4ea;--uswds-system-color-blue-cool-vivid-40:#28a0cb;--uswds-system-color-blue-cool-vivid-60:#07648d;--uswds-system-color-blue-warm-5:#ecf1f7;--uswds-system-color-blue-warm-10:#e1e7f1;--uswds-system-color-blue-warm-30:#98afd2;--uswds-system-color-blue-warm-50:#4a77b4;--uswds-system-color-blue-warm-60:#345d96;--uswds-system-color-blue-warm-80:#252f3e;--uswds-system-color-blue-warm-vivid-60:#0050d8;--uswds-system-color-blue-warm-vivid-70:#1a4480;--uswds-system-color-blue-warm-vivid-80:#162e51;--uswds-system-color-cyan-5:#e7f6f8;--uswds-system-color-cyan-20:#99deea;--uswds-system-color-cyan-vivid-30:#00bde3;--uswds-system-color-cyan-vivid-40:#009ec1;--uswds-system-color-gold-50:#8e704f;--uswds-system-color-gold-vivid-5:#fef0c8;--uswds-system-color-gold-vivid-10:#ffe396;--uswds-system-color-gold-vivid-20:#ffbe2e;--uswds-system-color-gold-vivid-30:#e5a000;--uswds-system-color-gold-vivid-50:#936f38;--uswds-system-color-gray-1:#fcfcfc;--uswds-system-color-gray-2:#f9f9f9;--uswds-system-color-gray-3:#f6f6f6;--uswds-system-color-gray-4:#f3f3f3;--uswds-system-color-gray-5:#f0f0f0;--uswds-system-color-gray-10:#e6e6e6;--uswds-system-color-gray-20:#c9c9c9;--uswds-system-color-gray-30:#adadad;--uswds-system-color-gray-40:#919191;--uswds-system-color-gray-50:#757575;--uswds-system-color-gray-60:#5c5c5c;--uswds-system-color-gray-70:#454545;--uswds-system-color-gray-80:#2e2e2e;--uswds-system-color-gray-90:#1b1b1b;--uswds-system-color-gray-100:#000000;--uswds-system-color-gray-cool-1:#fbfcfd;--uswds-system-color-gray-cool-2:#f7f9fa;--uswds-system-color-gray-cool-3:#f5f6f7;--uswds-system-color-gray-cool-4:#f1f3f6;--uswds-system-color-gray-cool-5:#edeff0;--uswds-system-color-gray-cool-10:#dfe1e2;--uswds-system-color-gray-cool-20:#c6cace;--uswds-system-color-gray-cool-30:#a9aeb1;--uswds-system-color-gray-cool-40:#8d9297;--uswds-system-color-gray-cool-50:#71767a;--uswds-system-color-gray-cool-60:#565c65;--uswds-system-color-gray-cool-70:#3d4551;--uswds-system-color-gray-cool-80:#2d2e2f;--uswds-system-color-gray-cool-90:#1c1d1f;--uswds-system-color-gray-warm-10:#e6e6e2;--uswds-system-color-gray-warm-70:#454540;--uswds-system-color-gray-warm-90:#171716;--uswds-system-color-green-warm-50:#6f7a41;--uswds-system-color-green-cool-5:#ecf3ec;--uswds-system-color-green-cool-20:#b4d0b9;--uswds-system-color-green-cool-40:#5e9f69;--uswds-system-color-green-cool-50:#4d8055;--uswds-system-color-green-cool-vivid-20:#70e17b;--uswds-system-color-green-cool-vivid-40:#00a91c;--uswds-system-color-green-cool-vivid-50:#008817;--uswds-system-color-green-cool-vivid-60:#216e1f;--uswds-system-color-green-cool-vivid-70:#154c21;--uswds-system-color-green-cool-vivid-80:#19311e;--uswds-system-color-orange-40:#dd7533;--uswds-system-color-orange-warm-50:#bd5727;--uswds-system-color-red-30:#f2938c;--uswds-system-color-red-50:#d83933;--uswds-system-color-red-60:#a23737;--uswds-system-color-red-70:#6f3331;--uswds-system-color-red-vivid-40:#fb5a47;--uswds-system-color-red-vivid-60:#b50909;--uswds-system-color-red-vivid-70:#8b0a03;--uswds-system-color-red-vivid-80:#5c1111;--uswds-system-color-red-cool-vivid-10:#f8dfe2;--uswds-system-color-red-cool-vivid-50:#e41d3d;--uswds-system-color-red-cool-vivid-60:#b21d38;--uswds-system-color-red-cool-vivid-70:#822133;--uswds-system-color-red-warm-10:#f4e3db;--uswds-system-color-red-warm-80:#332d29;--uswds-system-color-red-warm-vivid-30:#f39268;--uswds-system-color-red-warm-vivid-50:#d54309;--uswds-system-color-red-warm-vivid-60:#9c3d10;--uswds-system-color-violet-vivid-70:#54278f;--uswds-system-color-violet-warm-60:#864381;--uswds-system-color-yellow-5:#faf3d1;--uswds-system-color-yellow-50:#8a7237;--uswds-system-color-yellow-vivid-10:#fee685;--uswds-system-color-yellow-vivid-20:#face00;--uswds-system-color-yellow-vivid-80:#422d19;--uswds-system-color-indigo-cool-60:#3f57a6;--uswds-system-color-mint-cool-50:#40807e}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:21.28px;margin-top:0;margin-bottom:8px;}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}
|
|
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;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-input-background-color-on-light:#ffffff;--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-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-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;--font-family-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-source-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-base:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:1.875rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:1.875rem;--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-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--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:40px;--vads-font-size-heading-level-2:32px;--vads-font-size-heading-level-3:20px;--vads-font-size-heading-level-4:17px;--vads-font-size-heading-level-5:15px;--vads-font-size-heading-level-6:15px;--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;--uswds-system-color-blue-5:#eff6fb;--uswds-system-color-blue-10:#d9e8f6;--uswds-system-color-blue-20:#aacdec;--uswds-system-color-blue-30:#73b3e7;--uswds-system-color-blue-40:#4f97d1;--uswds-system-color-blue-50:#2378c3;--uswds-system-color-blue-60:#2c608a;--uswds-system-color-blue-70:#274863;--uswds-system-color-blue-80:#1f303e;--uswds-system-color-blue-90:#11181d;--uswds-system-color-blue-vivid-30:#58b4ff;--uswds-system-color-blue-vivid-50:#0076d6;--uswds-system-color-blue-vivid-60:#005ea2;--uswds-system-color-blue-vivid-70:#0b4778;--uswds-system-color-blue-vivid-80:#112f4e;--uswds-system-color-blue-cool-60:#2e6276;--uswds-system-color-blue-cool-vivid-5:#e1f3f8;--uswds-system-color-blue-cool-vivid-20:#97d4ea;--uswds-system-color-blue-cool-vivid-40:#28a0cb;--uswds-system-color-blue-cool-vivid-60:#07648d;--uswds-system-color-blue-warm-5:#ecf1f7;--uswds-system-color-blue-warm-10:#e1e7f1;--uswds-system-color-blue-warm-30:#98afd2;--uswds-system-color-blue-warm-50:#4a77b4;--uswds-system-color-blue-warm-60:#345d96;--uswds-system-color-blue-warm-80:#252f3e;--uswds-system-color-blue-warm-vivid-60:#0050d8;--uswds-system-color-blue-warm-vivid-70:#1a4480;--uswds-system-color-blue-warm-vivid-80:#162e51;--uswds-system-color-cyan-5:#e7f6f8;--uswds-system-color-cyan-20:#99deea;--uswds-system-color-cyan-vivid-30:#00bde3;--uswds-system-color-cyan-vivid-40:#009ec1;--uswds-system-color-gold-50:#8e704f;--uswds-system-color-gold-vivid-5:#fef0c8;--uswds-system-color-gold-vivid-10:#ffe396;--uswds-system-color-gold-vivid-20:#ffbe2e;--uswds-system-color-gold-vivid-30:#e5a000;--uswds-system-color-gold-vivid-50:#936f38;--uswds-system-color-gray-1:#fcfcfc;--uswds-system-color-gray-2:#f9f9f9;--uswds-system-color-gray-3:#f6f6f6;--uswds-system-color-gray-4:#f3f3f3;--uswds-system-color-gray-5:#f0f0f0;--uswds-system-color-gray-10:#e6e6e6;--uswds-system-color-gray-20:#c9c9c9;--uswds-system-color-gray-30:#adadad;--uswds-system-color-gray-40:#919191;--uswds-system-color-gray-50:#757575;--uswds-system-color-gray-60:#5c5c5c;--uswds-system-color-gray-70:#454545;--uswds-system-color-gray-80:#2e2e2e;--uswds-system-color-gray-90:#1b1b1b;--uswds-system-color-gray-100:#000000;--uswds-system-color-gray-cool-1:#fbfcfd;--uswds-system-color-gray-cool-2:#f7f9fa;--uswds-system-color-gray-cool-3:#f5f6f7;--uswds-system-color-gray-cool-4:#f1f3f6;--uswds-system-color-gray-cool-5:#edeff0;--uswds-system-color-gray-cool-10:#dfe1e2;--uswds-system-color-gray-cool-20:#c6cace;--uswds-system-color-gray-cool-30:#a9aeb1;--uswds-system-color-gray-cool-40:#8d9297;--uswds-system-color-gray-cool-50:#71767a;--uswds-system-color-gray-cool-60:#565c65;--uswds-system-color-gray-cool-70:#3d4551;--uswds-system-color-gray-cool-80:#2d2e2f;--uswds-system-color-gray-cool-90:#1c1d1f;--uswds-system-color-gray-warm-10:#e6e6e2;--uswds-system-color-gray-warm-70:#454540;--uswds-system-color-gray-warm-90:#171716;--uswds-system-color-green-warm-50:#6f7a41;--uswds-system-color-green-cool-5:#ecf3ec;--uswds-system-color-green-cool-20:#b4d0b9;--uswds-system-color-green-cool-40:#5e9f69;--uswds-system-color-green-cool-50:#4d8055;--uswds-system-color-green-cool-vivid-20:#70e17b;--uswds-system-color-green-cool-vivid-40:#00a91c;--uswds-system-color-green-cool-vivid-50:#008817;--uswds-system-color-green-cool-vivid-60:#216e1f;--uswds-system-color-green-cool-vivid-70:#154c21;--uswds-system-color-green-cool-vivid-80:#19311e;--uswds-system-color-orange-40:#dd7533;--uswds-system-color-orange-warm-50:#bd5727;--uswds-system-color-red-30:#f2938c;--uswds-system-color-red-50:#d83933;--uswds-system-color-red-60:#a23737;--uswds-system-color-red-70:#6f3331;--uswds-system-color-red-vivid-40:#fb5a47;--uswds-system-color-red-vivid-60:#b50909;--uswds-system-color-red-vivid-70:#8b0a03;--uswds-system-color-red-vivid-80:#5c1111;--uswds-system-color-red-cool-vivid-10:#f8dfe2;--uswds-system-color-red-cool-vivid-50:#e41d3d;--uswds-system-color-red-cool-vivid-60:#b21d38;--uswds-system-color-red-cool-vivid-70:#822133;--uswds-system-color-red-warm-10:#f4e3db;--uswds-system-color-red-warm-80:#332d29;--uswds-system-color-red-warm-vivid-30:#f39268;--uswds-system-color-red-warm-vivid-50:#d54309;--uswds-system-color-red-warm-vivid-60:#9c3d10;--uswds-system-color-violet-vivid-70:#54278f;--uswds-system-color-violet-warm-60:#864381;--uswds-system-color-yellow-5:#faf3d1;--uswds-system-color-yellow-50:#8a7237;--uswds-system-color-yellow-vivid-10:#fee685;--uswds-system-color-yellow-vivid-20:#face00;--uswds-system-color-yellow-vivid-80:#422d19;--uswds-system-color-indigo-cool-60:#3f57a6;--uswds-system-color-mint-cool-50:#40807e}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:21.28px;margin-top:0;margin-bottom:8px;}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}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@department-of-veterans-affairs/component-library",
|
|
3
3
|
"description": "VA.gov component library. Includes React and web components.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "47.0.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "webpack"
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"module": "src/main.js",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@department-of-veterans-affairs/react-components": "28.1.0",
|
|
19
|
-
"@department-of-veterans-affairs/web-components": "
|
|
19
|
+
"@department-of-veterans-affairs/web-components": "15.0.0",
|
|
20
20
|
"i18next": "^21.6.14",
|
|
21
21
|
"i18next-browser-languagedetector": "^6.1.4",
|
|
22
22
|
"react-focus-on": "^3.5.1",
|