@department-of-veterans-affairs/component-library 50.4.0 → 51.0.0

package/dist/components/index.d.ts

@@ -23,6 +23,8 @@ export { VaButtonIcon as VaButtonIcon } from '../types/components/va-button-icon
 export { defineCustomElement as defineCustomElementVaButtonIcon } from './va-button-icon';
 export { VaButtonPair as VaButtonPair } from '../types/components/va-button-pair/va-button-pair';
 export { defineCustomElement as defineCustomElementVaButtonPair } from './va-button-pair';
+export { VaButtonSegmented as VaButtonSegmented } from '../types/components/va-button-segmented/va-button-segmented';
+export { defineCustomElement as defineCustomElementVaButtonSegmented } from './va-button-segmented';
 export { VaCard as VaCard } from '../types/components/va-card/va-card';
 export { defineCustomElement as defineCustomElementVaCard } from './va-card';
 export { VaCheckbox as VaCheckbox } from '../types/components/va-checkbox/va-checkbox';
@@ -45,8 +47,6 @@ export { VaHeaderMinimal as VaHeaderMinimal } from '../types/components/va-heade
 export { defineCustomElement as defineCustomElementVaHeaderMinimal } from './va-header-minimal';
 export { VaIcon as VaIcon } from '../types/components/va-icon/va-icon';
 export { defineCustomElement as defineCustomElementVaIcon } from './va-icon';
-export { VaInputTelephone as VaInputTelephone } from '../types/components/va-input-telephone/va-input-telephone';
-export { defineCustomElement as defineCustomElementVaInputTelephone } from './va-input-telephone';
 export { VaLanguageToggle as VaLanguageToggle } from '../types/components/va-language-toggle/va-language-toggle';
 export { defineCustomElement as defineCustomElementVaLanguageToggle } from './va-language-toggle';
 export { VaLink as VaLink } from '../types/components/va-link/va-link';
@@ -111,6 +111,8 @@ export { VaTableRow as VaTableRow } from '../types/components/va-table/va-table-
 export { defineCustomElement as defineCustomElementVaTableRow } from './va-table-row';
 export { VaTelephone as VaTelephone } from '../types/components/va-telephone/va-telephone';
 export { defineCustomElement as defineCustomElementVaTelephone } from './va-telephone';
+export { VaTelephoneInput as VaTelephoneInput } from '../types/components/va-telephone-input/va-telephone-input';
+export { defineCustomElement as defineCustomElementVaTelephoneInput } from './va-telephone-input';
 export { VaTextInput as VaTextInput } from '../types/components/va-text-input/va-text-input';
 export { defineCustomElement as defineCustomElementVaTextInput } from './va-text-input';
 export { VaTextarea as VaTextarea } from '../types/components/va-textarea/va-textarea';

package/dist/components/index.js

@@ -1 +1 @@
-export{getAssetPath,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import"./i18n-setup.js";export{C as CONTACTS,c as contactsMap}from"./contacts.js";export{VaAccordion,defineCustomElement as defineCustomElementVaAccordion}from"./va-accordion.js";export{VaAccordionItem,defineCustomElement as defineCustomElementVaAccordionItem}from"./va-accordion-item.js";export{VaAdditionalInfo,defineCustomElement as defineCustomElementVaAdditionalInfo}from"./va-additional-info.js";export{VaAlert,defineCustomElement as defineCustomElementVaAlert}from"./va-alert.js";export{VaAlertExpandable,defineCustomElement as defineCustomElementVaAlertExpandable}from"./va-alert-expandable.js";export{VaAlertSignIn,defineCustomElement as defineCustomElementVaAlertSignIn}from"./va-alert-sign-in.js";export{VaBackToTop,defineCustomElement as defineCustomElementVaBackToTop}from"./va-back-to-top.js";export{VaBanner,defineCustomElement as defineCustomElementVaBanner}from"./va-banner.js";export{VaBreadcrumbs,defineCustomElement as defineCustomElementVaBreadcrumbs}from"./va-breadcrumbs.js";export{VaButton,defineCustomElement as defineCustomElementVaButton}from"./va-button.js";export{VaButtonIcon,defineCustomElement as defineCustomElementVaButtonIcon}from"./va-button-icon.js";export{VaButtonPair,defineCustomElement as defineCustomElementVaButtonPair}from"./va-button-pair.js";export{VaCard,defineCustomElement as defineCustomElementVaCard}from"./va-card.js";export{VaCheckbox,defineCustomElement as defineCustomElementVaCheckbox}from"./va-checkbox.js";export{VaCheckboxGroup,defineCustomElement as defineCustomElementVaCheckboxGroup}from"./va-checkbox-group.js";export{VaComboBox,defineCustomElement as defineCustomElementVaComboBox}from"./va-combo-box.js";export{VaCrisisLineModal,defineCustomElement as defineCustomElementVaCrisisLineModal}from"./va-crisis-line-modal.js";export{VaCriticalAction,defineCustomElement as defineCustomElementVaCriticalAction}from"./va-critical-action.js";export{VaDate,defineCustomElement as defineCustomElementVaDate}from"./va-date.js";export{VaFileInput,defineCustomElement as defineCustomElementVaFileInput}from"./va-file-input.js";export{VaFileInputMultiple,defineCustomElement as defineCustomElementVaFileInputMultiple}from"./va-file-input-multiple.js";export{VaHeaderMinimal,defineCustomElement as defineCustomElementVaHeaderMinimal}from"./va-header-minimal.js";export{VaIcon,defineCustomElement as defineCustomElementVaIcon}from"./va-icon.js";export{VaInputTelephone,defineCustomElement as defineCustomElementVaInputTelephone}from"./va-input-telephone.js";export{VaLanguageToggle,defineCustomElement as defineCustomElementVaLanguageToggle}from"./va-language-toggle.js";export{VaLink,defineCustomElement as defineCustomElementVaLink}from"./va-link.js";export{VaLinkAction,defineCustomElement as defineCustomElementVaLinkAction}from"./va-link-action.js";export{VaLoadingIndicator,defineCustomElement as defineCustomElementVaLoadingIndicator}from"./va-loading-indicator.js";export{VaMaintenanceBanner,defineCustomElement as defineCustomElementVaMaintenanceBanner}from"./va-maintenance-banner.js";export{VaMemorableDate,defineCustomElement as defineCustomElementVaMemorableDate}from"./va-memorable-date.js";export{VaMinimalFooter,defineCustomElement as defineCustomElementVaMinimalFooter}from"./va-minimal-footer.js";export{VaModal,defineCustomElement as defineCustomElementVaModal}from"./va-modal.js";export{VaNeedHelp,defineCustomElement as defineCustomElementVaNeedHelp}from"./va-need-help.js";export{VaNotification,defineCustomElement as defineCustomElementVaNotification}from"./va-notification.js";export{VaOfficialGovBanner,defineCustomElement as defineCustomElementVaOfficialGovBanner}from"./va-official-gov-banner.js";export{VaOmbInfo,defineCustomElement as defineCustomElementVaOmbInfo}from"./va-omb-info.js";export{VaOnThisPage,defineCustomElement as defineCustomElementVaOnThisPage}from"./va-on-this-page.js";export{VaPagination,defineCustomElement as defineCustomElementVaPagination}from"./va-pagination.js";export{VaPrivacyAgreement,defineCustomElement as defineCustomElementVaPrivacyAgreement}from"./va-privacy-agreement.js";export{VaProcessList,defineCustomElement as defineCustomElementVaProcessList}from"./va-process-list.js";export{VaProcessListItem,defineCustomElement as defineCustomElementVaProcessListItem}from"./va-process-list-item.js";export{VaProgressBar,defineCustomElement as defineCustomElementVaProgressBar}from"./va-progress-bar.js";export{VaPromoBanner,defineCustomElement as defineCustomElementVaPromoBanner}from"./va-promo-banner.js";export{VaRadio,defineCustomElement as defineCustomElementVaRadio}from"./va-radio.js";export{VaRadioOption,defineCustomElement as defineCustomElementVaRadioOption}from"./va-radio-option.js";export{VaSearchFilter,defineCustomElement as defineCustomElementVaSearchFilter}from"./va-search-filter.js";export{VaSearchInput,defineCustomElement as defineCustomElementVaSearchInput}from"./va-search-input.js";export{VaSegmentedProgressBar,defineCustomElement as defineCustomElementVaSegmentedProgressBar}from"./va-segmented-progress-bar.js";export{VaSelect,defineCustomElement as defineCustomElementVaSelect}from"./va-select.js";export{VaServiceListItem,defineCustomElement as defineCustomElementVaServiceListItem}from"./va-service-list-item.js";export{VaStatementOfTruth,defineCustomElement as defineCustomElementVaStatementOfTruth}from"./va-statement-of-truth.js";export{VaSummaryBox,defineCustomElement as defineCustomElementVaSummaryBox}from"./va-summary-box.js";export{VaTable,defineCustomElement as defineCustomElementVaTable}from"./va-table.js";export{VaTableInner,defineCustomElement as defineCustomElementVaTableInner}from"./va-table-inner.js";export{VaTableRow,defineCustomElement as defineCustomElementVaTableRow}from"./va-table-row.js";export{VaTelephone,defineCustomElement as defineCustomElementVaTelephone}from"./va-telephone.js";export{VaTextInput,defineCustomElement as defineCustomElementVaTextInput}from"./va-text-input.js";export{VaTextarea,defineCustomElement as defineCustomElementVaTextarea}from"./va-textarea.js";export{i as i18next}from"./i18next.js";
+export{getAssetPath,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import"./i18n-setup.js";export{C as CONTACTS,c as contactsMap}from"./contacts.js";export{VaAccordion,defineCustomElement as defineCustomElementVaAccordion}from"./va-accordion.js";export{VaAccordionItem,defineCustomElement as defineCustomElementVaAccordionItem}from"./va-accordion-item.js";export{VaAdditionalInfo,defineCustomElement as defineCustomElementVaAdditionalInfo}from"./va-additional-info.js";export{VaAlert,defineCustomElement as defineCustomElementVaAlert}from"./va-alert.js";export{VaAlertExpandable,defineCustomElement as defineCustomElementVaAlertExpandable}from"./va-alert-expandable.js";export{VaAlertSignIn,defineCustomElement as defineCustomElementVaAlertSignIn}from"./va-alert-sign-in.js";export{VaBackToTop,defineCustomElement as defineCustomElementVaBackToTop}from"./va-back-to-top.js";export{VaBanner,defineCustomElement as defineCustomElementVaBanner}from"./va-banner.js";export{VaBreadcrumbs,defineCustomElement as defineCustomElementVaBreadcrumbs}from"./va-breadcrumbs.js";export{VaButton,defineCustomElement as defineCustomElementVaButton}from"./va-button.js";export{VaButtonIcon,defineCustomElement as defineCustomElementVaButtonIcon}from"./va-button-icon.js";export{VaButtonPair,defineCustomElement as defineCustomElementVaButtonPair}from"./va-button-pair.js";export{VaButtonSegmented,defineCustomElement as defineCustomElementVaButtonSegmented}from"./va-button-segmented.js";export{VaCard,defineCustomElement as defineCustomElementVaCard}from"./va-card.js";export{VaCheckbox,defineCustomElement as defineCustomElementVaCheckbox}from"./va-checkbox.js";export{VaCheckboxGroup,defineCustomElement as defineCustomElementVaCheckboxGroup}from"./va-checkbox-group.js";export{VaComboBox,defineCustomElement as defineCustomElementVaComboBox}from"./va-combo-box.js";export{VaCrisisLineModal,defineCustomElement as defineCustomElementVaCrisisLineModal}from"./va-crisis-line-modal.js";export{VaCriticalAction,defineCustomElement as defineCustomElementVaCriticalAction}from"./va-critical-action.js";export{VaDate,defineCustomElement as defineCustomElementVaDate}from"./va-date.js";export{VaFileInput,defineCustomElement as defineCustomElementVaFileInput}from"./va-file-input.js";export{VaFileInputMultiple,defineCustomElement as defineCustomElementVaFileInputMultiple}from"./va-file-input-multiple.js";export{VaHeaderMinimal,defineCustomElement as defineCustomElementVaHeaderMinimal}from"./va-header-minimal.js";export{VaIcon,defineCustomElement as defineCustomElementVaIcon}from"./va-icon.js";export{VaLanguageToggle,defineCustomElement as defineCustomElementVaLanguageToggle}from"./va-language-toggle.js";export{VaLink,defineCustomElement as defineCustomElementVaLink}from"./va-link.js";export{VaLinkAction,defineCustomElement as defineCustomElementVaLinkAction}from"./va-link-action.js";export{VaLoadingIndicator,defineCustomElement as defineCustomElementVaLoadingIndicator}from"./va-loading-indicator.js";export{VaMaintenanceBanner,defineCustomElement as defineCustomElementVaMaintenanceBanner}from"./va-maintenance-banner.js";export{VaMemorableDate,defineCustomElement as defineCustomElementVaMemorableDate}from"./va-memorable-date.js";export{VaMinimalFooter,defineCustomElement as defineCustomElementVaMinimalFooter}from"./va-minimal-footer.js";export{VaModal,defineCustomElement as defineCustomElementVaModal}from"./va-modal.js";export{VaNeedHelp,defineCustomElement as defineCustomElementVaNeedHelp}from"./va-need-help.js";export{VaNotification,defineCustomElement as defineCustomElementVaNotification}from"./va-notification.js";export{VaOfficialGovBanner,defineCustomElement as defineCustomElementVaOfficialGovBanner}from"./va-official-gov-banner.js";export{VaOmbInfo,defineCustomElement as defineCustomElementVaOmbInfo}from"./va-omb-info.js";export{VaOnThisPage,defineCustomElement as defineCustomElementVaOnThisPage}from"./va-on-this-page.js";export{VaPagination,defineCustomElement as defineCustomElementVaPagination}from"./va-pagination.js";export{VaPrivacyAgreement,defineCustomElement as defineCustomElementVaPrivacyAgreement}from"./va-privacy-agreement.js";export{VaProcessList,defineCustomElement as defineCustomElementVaProcessList}from"./va-process-list.js";export{VaProcessListItem,defineCustomElement as defineCustomElementVaProcessListItem}from"./va-process-list-item.js";export{VaProgressBar,defineCustomElement as defineCustomElementVaProgressBar}from"./va-progress-bar.js";export{VaPromoBanner,defineCustomElement as defineCustomElementVaPromoBanner}from"./va-promo-banner.js";export{VaRadio,defineCustomElement as defineCustomElementVaRadio}from"./va-radio.js";export{VaRadioOption,defineCustomElement as defineCustomElementVaRadioOption}from"./va-radio-option.js";export{VaSearchFilter,defineCustomElement as defineCustomElementVaSearchFilter}from"./va-search-filter.js";export{VaSearchInput,defineCustomElement as defineCustomElementVaSearchInput}from"./va-search-input.js";export{VaSegmentedProgressBar,defineCustomElement as defineCustomElementVaSegmentedProgressBar}from"./va-segmented-progress-bar.js";export{VaSelect,defineCustomElement as defineCustomElementVaSelect}from"./va-select.js";export{VaServiceListItem,defineCustomElement as defineCustomElementVaServiceListItem}from"./va-service-list-item.js";export{VaStatementOfTruth,defineCustomElement as defineCustomElementVaStatementOfTruth}from"./va-statement-of-truth.js";export{VaSummaryBox,defineCustomElement as defineCustomElementVaSummaryBox}from"./va-summary-box.js";export{VaTable,defineCustomElement as defineCustomElementVaTable}from"./va-table.js";export{VaTableInner,defineCustomElement as defineCustomElementVaTableInner}from"./va-table-inner.js";export{VaTableRow,defineCustomElement as defineCustomElementVaTableRow}from"./va-table-row.js";export{VaTelephone,defineCustomElement as defineCustomElementVaTelephone}from"./va-telephone.js";export{VaTelephoneInput,defineCustomElement as defineCustomElementVaTelephoneInput}from"./va-telephone-input.js";export{VaTextInput,defineCustomElement as defineCustomElementVaTextInput}from"./va-text-input.js";export{VaTextarea,defineCustomElement as defineCustomElementVaTextarea}from"./va-textarea.js";export{i as i18next}from"./i18next.js";

package/dist/components/types/components.d.ts

@@ -6,15 +6,17 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Breadcrumb } from "./components/va-breadcrumbs/va-breadcrumbs";
+import { ButtonItem } from "./components/va-button-segmented/va-button-segmented.types";
 import { UploadedFile } from "./components/va-file-input/uploadedFile";
-import { CountryCode } from "libphonenumber-js/min";
 import { Filter } from "./components/va-search-filter/va-search-filter";
 import { OptionalLink, ServiceAction, ServiceDetails } from "./components/va-service-list-item/va-service-list-item";
+import { CountryCode } from "libphonenumber-js/min";
 export { Breadcrumb } from "./components/va-breadcrumbs/va-breadcrumbs";
+export { ButtonItem } from "./components/va-button-segmented/va-button-segmented.types";
 export { UploadedFile } from "./components/va-file-input/uploadedFile";
-export { CountryCode } from "libphonenumber-js/min";
 export { Filter } from "./components/va-search-filter/va-search-filter";
 export { OptionalLink, ServiceAction, ServiceDetails } from "./components/va-service-list-item/va-service-list-item";
+export { CountryCode } from "libphonenumber-js/min";
 export namespace Components {
     /**
      * @componentName Accordion
@@ -48,6 +50,10 @@ export namespace Components {
           * The accordion item header text
          */
         "header"?: string;
+        /**
+          * Optional text that will be read by screen readers in addition to the header text.
+         */
+        "headerSrOnly"?: string;
         /**
           * Header level for button wrapper. Must be between 1 and 6
          */
@@ -365,6 +371,30 @@ export namespace Components {
          */
         "update"?: boolean;
     }
+    /**
+     * @componentName Button Segmented
+     * @maturityCategory caution
+     * @maturityLevel candidate
+     * @guidanceHref button/button-segmented
+     */
+    interface VaButtonSegmented {
+        /**
+          * An array of objects defining the labels and values for each button. The recommended structure is: `{ label: string, value?: string }`, with the `label` property being required. The `value` property is optional and can be used to store additional information about the button. The maximum number of buttons allowed is four.
+         */
+        "buttons": Array<ButtonItem>;
+        /**
+          * If `true`, the component-library-analytics event is disabled.
+         */
+        "disableAnalytics"?: boolean;
+        /**
+          * The aria-label for the button group, used for accessibility. Not required, but recommended.
+         */
+        "label": string;
+        /**
+          * The index of the selected button.
+         */
+        "selected": number;
+    }
     /**
      * @componentName Card
      * @maturityCategory use
@@ -375,6 +405,10 @@ export namespace Components {
           * If `true`, the card will have a gray background.
          */
         "background"?: boolean;
+        /**
+          * If set, displays an icon at the top of the card in a blue circle. The value should be the icon name to use. Icons can be found at https://design.va.gov/components/icon
+         */
+        "iconName"?: string;
         /**
           * If `true`, a drop-shadow will be displayed with a white background.
          */
@@ -483,6 +517,10 @@ export namespace Components {
           * Insert a header with defined level inside the label (legend)
          */
         "labelHeaderLevel"?: string;
+        /**
+          * Optional text that will be read by screen readers in addition to the label text.
+         */
+        "labelSrOnly"?: string;
         /**
           * An optional message that will be read by screen readers when a checkbox is focused.
          */
@@ -786,43 +824,6 @@ export namespace Components {
          */
         "srtext"?: string;
     }
-    /**
-     * @componentName Input Telephone
-     * @maturityCategory caution
-     * @maturityLevel proposal
-     * @guidanceHref form/input-telephone
-     * @translations English
-     */
-    interface VaInputTelephone {
-        /**
-          * The telephone contact information
-         */
-        "contact"?: string;
-        /**
-          * The 2 letter ISO country code for a country
-         */
-        "country"?: CountryCode;
-        /**
-          * The error for the component
-         */
-        "error"?: string;
-        /**
-          * Header text for the component
-         */
-        "header"?: string;
-        /**
-          * Hint string text
-         */
-        "hint"?: string;
-        /**
-          * Whether the country select should be included. Set to true to exclude it.
-         */
-        "noCountry"?: boolean;
-        /**
-          * Render marker indicating field is required.
-         */
-        "required"?: boolean;
-    }
     /**
      * @componentName Language Toggle
      * @maturityCategory caution
@@ -1843,6 +1844,10 @@ export namespace Components {
           * Prepends the country code to the given contact number. Do NOT include the '+'
          */
         "countryCode"?: string;
+        /**
+          * If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
+         */
+        "disableAnalytics"?: boolean;
         /**
           * Optional numeric string phone number extension
          */
@@ -1872,6 +1877,47 @@ export namespace Components {
          */
         "vanity"?: string;
     }
+    /**
+     * @componentName Telephone Input
+     * @maturityCategory caution
+     * @maturityLevel candidate
+     * @guidanceHref form/telephone-input
+     * @translations English
+     */
+    interface VaTelephoneInput {
+        /**
+          * The telephone contact information
+         */
+        "contact"?: string;
+        /**
+          * The 2 letter ISO country code for a country
+         */
+        "country"?: CountryCode;
+        /**
+          * The error for the component
+         */
+        "error"?: string;
+        /**
+          * Hint string text
+         */
+        "hint"?: string;
+        /**
+          * Label text for the component
+         */
+        "label"?: string;
+        /**
+          * Whether the country select should be included. Set to true to exclude it.
+         */
+        "noCountry"?: boolean;
+        /**
+          * Render marker indicating field is required.
+         */
+        "required"?: boolean;
+        /**
+          * If true, this prop instructs the component to display error messages in response to the internal error state. If false, error messages must be passed in from consumer.
+         */
+        "showInternalErrors"?: boolean;
+    }
     /**
      * @nativeHandler onInput
      * @nativeHandler onBlur
@@ -2132,6 +2178,10 @@ export interface VaButtonPairCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVaButtonPairElement;
 }
+export interface VaButtonSegmentedCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVaButtonSegmentedElement;
+}
 export interface VaCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVaCheckboxElement;
@@ -2156,10 +2206,6 @@ export interface VaFileInputMultipleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVaFileInputMultipleElement;
 }
-export interface VaInputTelephoneCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVaInputTelephoneElement;
-}
 export interface VaLanguageToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVaLanguageToggleElement;
@@ -2252,6 +2298,10 @@ export interface VaTelephoneCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVaTelephoneElement;
 }
+export interface VaTelephoneInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVaTelephoneInputElement;
+}
 export interface VaTextInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVaTextInputElement;
@@ -2513,6 +2563,30 @@ declare global {
         prototype: HTMLVaButtonPairElement;
         new (): HTMLVaButtonPairElement;
     };
+    interface HTMLVaButtonSegmentedElementEventMap {
+        "vaButtonClick": any;
+        "component-library-analytics": any;
+    }
+    /**
+     * @componentName Button Segmented
+     * @maturityCategory caution
+     * @maturityLevel candidate
+     * @guidanceHref button/button-segmented
+     */
+    interface HTMLVaButtonSegmentedElement extends Components.VaButtonSegmented, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVaButtonSegmentedElementEventMap>(type: K, listener: (this: HTMLVaButtonSegmentedElement, ev: VaButtonSegmentedCustomEvent<HTMLVaButtonSegmentedElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVaButtonSegmentedElementEventMap>(type: K, listener: (this: HTMLVaButtonSegmentedElement, ev: VaButtonSegmentedCustomEvent<HTMLVaButtonSegmentedElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLVaButtonSegmentedElement: {
+        prototype: HTMLVaButtonSegmentedElement;
+        new (): HTMLVaButtonSegmentedElement;
+    };
     /**
      * @componentName Card
      * @maturityCategory use
@@ -2724,30 +2798,6 @@ declare global {
         prototype: HTMLVaIconElement;
         new (): HTMLVaIconElement;
     };
-    interface HTMLVaInputTelephoneElementEventMap {
-        "vaContact": any;
-    }
-    /**
-     * @componentName Input Telephone
-     * @maturityCategory caution
-     * @maturityLevel proposal
-     * @guidanceHref form/input-telephone
-     * @translations English
-     */
-    interface HTMLVaInputTelephoneElement extends Components.VaInputTelephone, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLVaInputTelephoneElementEventMap>(type: K, listener: (this: HTMLVaInputTelephoneElement, ev: VaInputTelephoneCustomEvent<HTMLVaInputTelephoneElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLVaInputTelephoneElementEventMap>(type: K, listener: (this: HTMLVaInputTelephoneElement, ev: VaInputTelephoneCustomEvent<HTMLVaInputTelephoneElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLVaInputTelephoneElement: {
-        prototype: HTMLVaInputTelephoneElement;
-        new (): HTMLVaInputTelephoneElement;
-    };
     interface HTMLVaLanguageToggleElementEventMap {
         "vaLanguageToggle": any;
         "component-library-analytics": any;
@@ -3380,6 +3430,30 @@ declare global {
         prototype: HTMLVaTelephoneElement;
         new (): HTMLVaTelephoneElement;
     };
+    interface HTMLVaTelephoneInputElementEventMap {
+        "vaContact": any;
+    }
+    /**
+     * @componentName Telephone Input
+     * @maturityCategory caution
+     * @maturityLevel candidate
+     * @guidanceHref form/telephone-input
+     * @translations English
+     */
+    interface HTMLVaTelephoneInputElement extends Components.VaTelephoneInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVaTelephoneInputElementEventMap>(type: K, listener: (this: HTMLVaTelephoneInputElement, ev: VaTelephoneInputCustomEvent<HTMLVaTelephoneInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVaTelephoneInputElementEventMap>(type: K, listener: (this: HTMLVaTelephoneInputElement, ev: VaTelephoneInputCustomEvent<HTMLVaTelephoneInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLVaTelephoneInputElement: {
+        prototype: HTMLVaTelephoneInputElement;
+        new (): HTMLVaTelephoneInputElement;
+    };
     interface HTMLVaTextInputElementEventMap {
         "component-library-analytics": any;
     }
@@ -3448,6 +3522,7 @@ declare global {
         "va-button": HTMLVaButtonElement;
         "va-button-icon": HTMLVaButtonIconElement;
         "va-button-pair": HTMLVaButtonPairElement;
+        "va-button-segmented": HTMLVaButtonSegmentedElement;
         "va-card": HTMLVaCardElement;
         "va-checkbox": HTMLVaCheckboxElement;
         "va-checkbox-group": HTMLVaCheckboxGroupElement;
@@ -3459,7 +3534,6 @@ declare global {
         "va-file-input-multiple": HTMLVaFileInputMultipleElement;
         "va-header-minimal": HTMLVaHeaderMinimalElement;
         "va-icon": HTMLVaIconElement;
-        "va-input-telephone": HTMLVaInputTelephoneElement;
         "va-language-toggle": HTMLVaLanguageToggleElement;
         "va-link": HTMLVaLinkElement;
         "va-link-action": HTMLVaLinkActionElement;
@@ -3492,6 +3566,7 @@ declare global {
         "va-table-inner": HTMLVaTableInnerElement;
         "va-table-row": HTMLVaTableRowElement;
         "va-telephone": HTMLVaTelephoneElement;
+        "va-telephone-input": HTMLVaTelephoneInputElement;
         "va-text-input": HTMLVaTextInputElement;
         "va-textarea": HTMLVaTextareaElement;
     }
@@ -3537,6 +3612,10 @@ declare namespace LocalJSX {
           * The accordion item header text
          */
         "header"?: string;
+        /**
+          * Optional text that will be read by screen readers in addition to the header text.
+         */
+        "headerSrOnly"?: string;
         /**
           * Header level for button wrapper. Must be between 1 and 6
          */
@@ -3910,6 +3989,38 @@ declare namespace LocalJSX {
          */
         "update"?: boolean;
     }
+    /**
+     * @componentName Button Segmented
+     * @maturityCategory caution
+     * @maturityLevel candidate
+     * @guidanceHref button/button-segmented
+     */
+    interface VaButtonSegmented {
+        /**
+          * An array of objects defining the labels and values for each button. The recommended structure is: `{ label: string, value?: string }`, with the `label` property being required. The `value` property is optional and can be used to store additional information about the button. The maximum number of buttons allowed is four.
+         */
+        "buttons": Array<ButtonItem>;
+        /**
+          * If `true`, the component-library-analytics event is disabled.
+         */
+        "disableAnalytics"?: boolean;
+        /**
+          * The aria-label for the button group, used for accessibility. Not required, but recommended.
+         */
+        "label"?: string;
+        /**
+          * The event used to track usage of the component.
+         */
+        "onComponent-library-analytics"?: (event: VaButtonSegmentedCustomEvent<any>) => void;
+        /**
+          * Event emitted when selected button changes (a button is clicked).
+         */
+        "onVaButtonClick"?: (event: VaButtonSegmentedCustomEvent<any>) => void;
+        /**
+          * The index of the selected button.
+         */
+        "selected"?: number;
+    }
     /**
      * @componentName Card
      * @maturityCategory use
@@ -3920,6 +4031,10 @@ declare namespace LocalJSX {
           * If `true`, the card will have a gray background.
          */
         "background"?: boolean;
+        /**
+          * If set, displays an icon at the top of the card in a blue circle. The value should be the icon name to use. Icons can be found at https://design.va.gov/components/icon
+         */
+        "iconName"?: string;
         /**
           * If `true`, a drop-shadow will be displayed with a white background.
          */
@@ -4036,6 +4151,10 @@ declare namespace LocalJSX {
           * Insert a header with defined level inside the label (legend)
          */
         "labelHeaderLevel"?: string;
+        /**
+          * Optional text that will be read by screen readers in addition to the label text.
+         */
+        "labelSrOnly"?: string;
         /**
           * An optional message that will be read by screen readers when a checkbox is focused.
          */
@@ -4375,47 +4494,6 @@ declare namespace LocalJSX {
          */
         "srtext"?: string;
     }
-    /**
-     * @componentName Input Telephone
-     * @maturityCategory caution
-     * @maturityLevel proposal
-     * @guidanceHref form/input-telephone
-     * @translations English
-     */
-    interface VaInputTelephone {
-        /**
-          * The telephone contact information
-         */
-        "contact"?: string;
-        /**
-          * The 2 letter ISO country code for a country
-         */
-        "country"?: CountryCode;
-        /**
-          * The error for the component
-         */
-        "error"?: string;
-        /**
-          * Header text for the component
-         */
-        "header"?: string;
-        /**
-          * Hint string text
-         */
-        "hint"?: string;
-        /**
-          * Whether the country select should be included. Set to true to exclude it.
-         */
-        "noCountry"?: boolean;
-        /**
-          * The event emitted when the contact changes
-         */
-        "onVaContact"?: (event: VaInputTelephoneCustomEvent<any>) => void;
-        /**
-          * Render marker indicating field is required.
-         */
-        "required"?: boolean;
-    }
     /**
      * @componentName Language Toggle
      * @maturityCategory caution
@@ -5600,6 +5678,10 @@ declare namespace LocalJSX {
           * Prepends the country code to the given contact number. Do NOT include the '+'
          */
         "countryCode"?: string;
+        /**
+          * If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
+         */
+        "disableAnalytics"?: boolean;
         /**
           * Optional numeric string phone number extension
          */
@@ -5633,6 +5715,51 @@ declare namespace LocalJSX {
          */
         "vanity"?: string;
     }
+    /**
+     * @componentName Telephone Input
+     * @maturityCategory caution
+     * @maturityLevel candidate
+     * @guidanceHref form/telephone-input
+     * @translations English
+     */
+    interface VaTelephoneInput {
+        /**
+          * The telephone contact information
+         */
+        "contact"?: string;
+        /**
+          * The 2 letter ISO country code for a country
+         */
+        "country"?: CountryCode;
+        /**
+          * The error for the component
+         */
+        "error"?: string;
+        /**
+          * Hint string text
+         */
+        "hint"?: string;
+        /**
+          * Label text for the component
+         */
+        "label"?: string;
+        /**
+          * Whether the country select should be included. Set to true to exclude it.
+         */
+        "noCountry"?: boolean;
+        /**
+          * The event emitted when the contact changes
+         */
+        "onVaContact"?: (event: VaTelephoneInputCustomEvent<any>) => void;
+        /**
+          * Render marker indicating field is required.
+         */
+        "required"?: boolean;
+        /**
+          * If true, this prop instructs the component to display error messages in response to the internal error state. If false, error messages must be passed in from consumer.
+         */
+        "showInternalErrors"?: boolean;
+    }
     /**
      * @nativeHandler onInput
      * @nativeHandler onBlur
@@ -5873,6 +6000,7 @@ declare namespace LocalJSX {
         "va-button": VaButton;
         "va-button-icon": VaButtonIcon;
         "va-button-pair": VaButtonPair;
+        "va-button-segmented": VaButtonSegmented;
         "va-card": VaCard;
         "va-checkbox": VaCheckbox;
         "va-checkbox-group": VaCheckboxGroup;
@@ -5884,7 +6012,6 @@ declare namespace LocalJSX {
         "va-file-input-multiple": VaFileInputMultiple;
         "va-header-minimal": VaHeaderMinimal;
         "va-icon": VaIcon;
-        "va-input-telephone": VaInputTelephone;
         "va-language-toggle": VaLanguageToggle;
         "va-link": VaLink;
         "va-link-action": VaLinkAction;
@@ -5917,6 +6044,7 @@ declare namespace LocalJSX {
         "va-table-inner": VaTableInner;
         "va-table-row": VaTableRow;
         "va-telephone": VaTelephone;
+        "va-telephone-input": VaTelephoneInput;
         "va-text-input": VaTextInput;
         "va-textarea": VaTextarea;
     }
@@ -6001,6 +6129,13 @@ declare module "@stencil/core" {
              * @guidanceHref button/button-pair
              */
             "va-button-pair": LocalJSX.VaButtonPair & JSXBase.HTMLAttributes<HTMLVaButtonPairElement>;
+            /**
+             * @componentName Button Segmented
+             * @maturityCategory caution
+             * @maturityLevel candidate
+             * @guidanceHref button/button-segmented
+             */
+            "va-button-segmented": LocalJSX.VaButtonSegmented & JSXBase.HTMLAttributes<HTMLVaButtonSegmentedElement>;
             /**
              * @componentName Card
              * @maturityCategory use
@@ -6086,14 +6221,6 @@ declare module "@stencil/core" {
              * @maturityLevel available
              */
             "va-icon": LocalJSX.VaIcon & JSXBase.HTMLAttributes<HTMLVaIconElement>;
-            /**
-             * @componentName Input Telephone
-             * @maturityCategory caution
-             * @maturityLevel proposal
-             * @guidanceHref form/input-telephone
-             * @translations English
-             */
-            "va-input-telephone": LocalJSX.VaInputTelephone & JSXBase.HTMLAttributes<HTMLVaInputTelephoneElement>;
             /**
              * @componentName Language Toggle
              * @maturityCategory caution
@@ -6294,6 +6421,14 @@ declare module "@stencil/core" {
              * @maturityLevel best_practice
              */
             "va-telephone": LocalJSX.VaTelephone & JSXBase.HTMLAttributes<HTMLVaTelephoneElement>;
+            /**
+             * @componentName Telephone Input
+             * @maturityCategory caution
+             * @maturityLevel candidate
+             * @guidanceHref form/telephone-input
+             * @translations English
+             */
+            "va-telephone-input": LocalJSX.VaTelephoneInput & JSXBase.HTMLAttributes<HTMLVaTelephoneInputElement>;
             /**
              * @nativeHandler onInput
              * @nativeHandler onBlur

package/dist/components/utils.js

@@ -1 +1 @@
-import{Build}from"@stencil/core/internal/client";function isNumeric(e){return!Number.isNaN(parseFloat(e))}function getSlottedNodes(e,t,r="slot"){const n=e.shadowRoot.querySelector(r).assignedNodes();return null!==t?Array.from(n).filter((e=>e.nodeName.toLowerCase()===t)):Array.from(n)}function consoleDevError(e){Build.isDev&&!Build.isTesting&&console.error(e)}function plurality(e){return 1===e?"":"s"}function getCharacterMessage(e,t){if(void 0===e||""===e)return`${t} character${plurality(t)} allowed`;let r;if(e.length<=t){const n=t-e.length;r=`${n} character${plurality(n)} left`}else{const n=e.length-t;r=`${n} character${plurality(n)} over limit`}return r}function makeArray(e,t){return Array.from({length:t-e+1},((t,r)=>e+r))}const isElement=e=>e&&"object"==typeof e&&1===e.nodeType;function select(e,t){if("string"!=typeof e)return[];if(!t||!isElement(t))return[];const r=t.shadowRoot.querySelectorAll(e);return Array.from(r)}function selectOrMatches(e,t){const r=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&r.push(t),r}const Sanitizer={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return Sanitizer._entities[e]},escapeHTML:function(e){for(var t="",r=0;r<e.length;r++)t+=e[r],r+1<arguments.length&&(t+=String(arguments[r+1]||"").replace(Sanitizer._entity,Sanitizer.getEntity));return t}};function getHeaderLevel(e){let t=null;return t="string"==typeof e?parseInt(e,10):Math.floor(e),t>=1&&t<=6?`h${t}`:null}function isInteractiveLinkOrButton(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function isMessageSet(e){return e&&"false"!==e||!1}function isArguments(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function deepEquals(e,t){const r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===t)return!0;if("function"==typeof e||"function"==typeof t)return!0;if("object"!=typeof e||"object"!=typeof t)return!1;if(null===e||null===t)return!1;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp&&t instanceof RegExp)return e.source===t.source&&e.global===t.global&&e.multiline===t.multiline&&e.lastIndex===t.lastIndex&&e.ignoreCase===t.ignoreCase;if(isArguments(e)||isArguments(t)){if(!isArguments(e)||!isArguments(t))return!1;const i=Array.prototype.slice;return deepEquals(i.call(e),i.call(t),r,n)}{if(e.constructor!==t.constructor)return!1;const i=Object.keys(e),o=Object.keys(t);if(0===i.length&&0===o.length)return!0;if(i.length!==o.length)return!1;let s,u=r.length;for(;u--;)if(r[u]===e)return n[u]===t;r.push(e),n.push(t),i.sort(),o.sort();for(let e=i.length-1;e>=0;e--)if(i[e]!==o[e])return!1;for(let o=i.length-1;o>=0;o--)if(s=i[o],!deepEquals(e[s],t[s],r,n))return!1;return r.pop(),n.pop(),!0}}function truncate(e,t,r){if(!e)return e;const n=document.createElement("canvas").getContext("2d");if(!n)return e;if(n.font=r,n.measureText(e).width<=t)return e;const i=n.measureText("...").width;let o=0,s=e.length,u=0;for(;o<=s;){const r=Math.floor((o+s)/2),a=e.substring(0,r);n.measureText(a).width+i<=t?(u=r,o=r+1):s=r-1}return e.substring(0,u).trim()+"..."}export{Sanitizer as S,getSlottedNodes as a,isNumeric as b,consoleDevError as c,deepEquals as d,getCharacterMessage as e,isInteractiveLinkOrButton as f,getHeaderLevel as g,isMessageSet as i,makeArray as m,selectOrMatches as s,truncate as t};
+import{Build}from"@stencil/core/internal/client";function isNumeric(e){return!Number.isNaN(parseFloat(e))}function getSlottedNodes(e,t,r="slot"){const n=e.shadowRoot.querySelector(r).assignedNodes();return null!==t?Array.from(n).filter((e=>e.nodeName.toLowerCase()===t)):Array.from(n)}function consoleDevError(e){Build.isDev&&!Build.isTesting&&console.error(e)}function plurality(e){return 1===e?"":"s"}function getCharacterMessage(e,t){if(void 0===e||""===e)return`${t} character${plurality(t)} allowed`;let r;if(e.length<=t){const n=t-e.length;r=`${n} character${plurality(n)} left`}else{const n=e.length-t;r=`${n} character${plurality(n)} over limit`}return r}function makeArray(e,t){return Array.from({length:t-e+1},((t,r)=>e+r))}const isElement=e=>e&&"object"==typeof e&&1===e.nodeType;function select(e,t){if("string"!=typeof e)return[];if(!t||!isElement(t))return[];const r=t.shadowRoot.querySelectorAll(e);return Array.from(r)}function selectOrMatches(e,t){const r=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&r.push(t),r}const Sanitizer={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return Sanitizer._entities[e]},escapeHTML:function(e){for(var t="",r=0;r<e.length;r++)t+=e[r],r+1<arguments.length&&(t+=String(arguments[r+1]||"").replace(Sanitizer._entity,Sanitizer.getEntity));return t}};function getHeaderLevel(e){let t=null;return t="string"==typeof e?parseInt(e,10):Math.floor(e),t>=1&&t<=6?`h${t}`:null}function isInteractiveLinkOrButton(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function isMessageSet(e){return e&&"false"!==e||!1}function isArguments(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function deepEquals(e,t){const r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===t)return!0;if("function"==typeof e||"function"==typeof t)return!0;if("object"!=typeof e||"object"!=typeof t)return!1;if(null===e||null===t)return!1;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp&&t instanceof RegExp)return e.source===t.source&&e.global===t.global&&e.multiline===t.multiline&&e.lastIndex===t.lastIndex&&e.ignoreCase===t.ignoreCase;if(isArguments(e)||isArguments(t)){if(!isArguments(e)||!isArguments(t))return!1;const i=Array.prototype.slice;return deepEquals(i.call(e),i.call(t),r,n)}{if(e.constructor!==t.constructor)return!1;const i=Object.keys(e),o=Object.keys(t);if(0===i.length&&0===o.length)return!0;if(i.length!==o.length)return!1;let s,l=r.length;for(;l--;)if(r[l]===e)return n[l]===t;r.push(e),n.push(t),i.sort(),o.sort();for(let e=i.length-1;e>=0;e--)if(i[e]!==o[e])return!1;for(let o=i.length-1;o>=0;o--)if(s=i[o],!deepEquals(e[s],t[s],r,n))return!1;return r.pop(),n.pop(),!0}}function getArticle(e,t=!0){const r=["a","i","e","o"];t&&r.push("u");const n=e.charAt(0).toLowerCase();return r.includes(n)?"an":"a"}export{Sanitizer as S,getSlottedNodes as a,isNumeric as b,consoleDevError as c,deepEquals as d,getArticle as e,getCharacterMessage as f,getHeaderLevel as g,isInteractiveLinkOrButton as h,isMessageSet as i,makeArray as m,selectOrMatches as s};