@department-of-veterans-affairs/component-library 45.0.0 → 46.0.1
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/1185.app.bundle.js +1 -1
- package/dist/1279.app.bundle.js +1 -1
- package/dist/1652.app.bundle.js +1 -1
- package/dist/2108.app.bundle.js +1 -1
- package/dist/2305.app.bundle.js +1 -1
- package/dist/265.app.bundle.js +1 -0
- package/dist/2843.app.bundle.js +1 -1
- package/dist/{7705.app.bundle.js → 3270.app.bundle.js} +2 -2
- package/dist/3389.app.bundle.js +1 -1
- package/dist/3476.app.bundle.js +1 -1
- package/dist/3499.app.bundle.js +1 -1
- package/dist/360.app.bundle.js +1 -1
- package/dist/3661.app.bundle.js +1 -1
- package/dist/383.app.bundle.js +1 -1
- package/dist/4104.app.bundle.js +1 -1
- package/dist/4181.app.bundle.js +1 -1
- package/dist/4317.app.bundle.js +1 -1
- package/dist/4437.app.bundle.js +1 -1
- package/dist/4818.app.bundle.js +1 -1
- package/dist/4846.app.bundle.js +1 -1
- package/dist/4859.app.bundle.js +1 -1
- package/dist/5154.app.bundle.js +1 -1
- package/dist/5232.app.bundle.js +1 -1
- package/dist/529.app.bundle.js +1 -1
- package/dist/5434.app.bundle.js +1 -1
- package/dist/5669.app.bundle.js +1 -1
- package/dist/569.app.bundle.js +1 -1
- package/dist/6166.app.bundle.js +1 -1
- package/dist/6171.app.bundle.js +1 -1
- package/dist/6205.app.bundle.js +1 -1
- package/dist/6391.app.bundle.js +1 -1
- package/dist/6569.app.bundle.js +1 -1
- package/dist/6596.app.bundle.js +1 -1
- package/dist/6734.app.bundle.js +1 -1
- package/dist/6874.app.bundle.js +1 -1
- package/dist/6998.app.bundle.js +1 -1
- package/dist/7375.app.bundle.js +1 -1
- package/dist/7454.app.bundle.js +1 -1
- package/dist/753.app.bundle.js +1 -1
- package/dist/783.app.bundle.js +1 -1
- package/dist/8214.app.bundle.js +1 -1
- package/dist/8509.app.bundle.js +1 -1
- package/dist/8716.app.bundle.js +1 -1
- package/dist/876.app.bundle.js +1 -1
- package/dist/9262.app.bundle.js +1 -1
- package/dist/934.app.bundle.js +1 -1
- package/dist/9370.app.bundle.js +1 -1
- package/dist/9398.app.bundle.js +1 -1
- package/dist/9452.app.bundle.js +1 -0
- package/dist/9727.app.bundle.js +1 -1
- package/dist/9893.app.bundle.js +1 -1
- package/dist/{5112.app.bundle.js → 9970.app.bundle.js} +2 -2
- package/dist/app.bundle.js +1 -1
- package/dist/components/contacts.js +1 -0
- package/dist/components/i18n-setup.js +1 -0
- package/dist/components/index.d.ts +9 -55
- package/dist/components/index.js +1 -1
- package/dist/components/types/components.d.ts +1193 -217
- package/dist/components/types/index.d.ts +1 -0
- package/dist/components/types/stencil-public-runtime.d.ts +74 -15
- package/dist/components/utils.js +1 -1
- package/dist/components/va-accordion.js +1 -1
- package/dist/components/va-button-pair.js +1 -1
- package/dist/components/va-checkbox-group.js +1 -1
- package/dist/components/va-checkbox2.js +1 -1
- package/dist/components/va-crisis-line-modal2.js +1 -1
- package/dist/components/va-date.js +1 -1
- package/dist/components/va-file-input-multiple.js +1 -1
- package/dist/components/va-file-input2.js +1 -1
- package/dist/components/va-link2.js +1 -1
- package/dist/components/va-memorable-date.js +1 -1
- package/dist/components/va-official-gov-banner2.js +1 -1
- package/dist/components/va-on-this-page.js +1 -1
- package/dist/components/va-pagination.js +1 -1
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-select2.js +1 -1
- package/dist/components/va-statement-of-truth.js +1 -1
- package/dist/components/va-table-inner2.js +1 -1
- package/dist/components/va-table.js +1 -1
- package/dist/components/va-telephone2.js +1 -1
- package/dist/components/va-text-input2.js +1 -1
- package/dist/components/va-textarea.js +1 -1
- package/dist/img/sprite.svg +3 -1
- package/dist/main.css +1 -1
- package/dist/react-bindings/index.d.ts +0 -2
- package/dist/react-bindings/index.js +1 -1
- package/dist/react-bindings/index.js.map +1 -1
- package/dist/react-bindings/index.ts +0 -1
- package/dist/react-bindings/react-component-lib/createComponent.js +1 -1
- package/dist/react-bindings/react-component-lib/createComponent.js.map +1 -1
- package/dist/react-bindings/react-component-lib/createOverlayComponent.js +1 -1
- package/dist/react-bindings/react-component-lib/createOverlayComponent.js.map +1 -1
- package/dist/react-bindings/react-component-lib/utils/attachProps.d.ts +1 -1
- package/dist/react-bindings/react-component-lib/utils/attachProps.js.map +1 -1
- package/dist/react-bindings/react-component-lib/utils/dev.js.map +1 -1
- package/dist/react-bindings/react-component-lib/utils/index.d.ts +2 -2
- package/dist/react-bindings/react-component-lib/utils/index.js +1 -1
- package/dist/react-bindings/react-component-lib/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/4726.app.bundle.js +0 -2
- package/dist/4726.app.bundle.js.LICENSE.txt +0 -5
- package/dist/8223.app.bundle.js +0 -1
- package/dist/916.app.bundle.js +0 -1
- package/dist/components/va-number-input.d.ts +0 -11
- package/dist/components/va-number-input.js +0 -1
- /package/dist/{7705.app.bundle.js.LICENSE.txt → 3270.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5112.app.bundle.js.LICENSE.txt → 9970.app.bundle.js.LICENSE.txt} +0 -0
|
@@ -6,7 +6,17 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
import { Breadcrumb } from "./components/va-breadcrumbs/va-breadcrumbs";
|
|
9
|
+
export { Breadcrumb } from "./components/va-breadcrumbs/va-breadcrumbs";
|
|
9
10
|
export namespace Components {
|
|
11
|
+
/**
|
|
12
|
+
* @componentName Accordion
|
|
13
|
+
* @accordionItemToggled This event is fired when an accordion item is opened or closed
|
|
14
|
+
* @maturityCategory use
|
|
15
|
+
* @maturityLevel best_practice
|
|
16
|
+
* @translations English
|
|
17
|
+
* @translations Spanish
|
|
18
|
+
* @translations Tagalog
|
|
19
|
+
*/
|
|
10
20
|
interface VaAccordion {
|
|
11
21
|
/**
|
|
12
22
|
* If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
|
|
@@ -43,6 +53,11 @@ export namespace Components {
|
|
|
43
53
|
*/
|
|
44
54
|
"subheader"?: string;
|
|
45
55
|
}
|
|
56
|
+
/**
|
|
57
|
+
* @componentName Additional info
|
|
58
|
+
* @maturityCategory use
|
|
59
|
+
* @maturityLevel deployed
|
|
60
|
+
*/
|
|
46
61
|
interface VaAdditionalInfo {
|
|
47
62
|
/**
|
|
48
63
|
* If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
|
|
@@ -57,6 +72,11 @@ export namespace Components {
|
|
|
57
72
|
*/
|
|
58
73
|
"trigger": string;
|
|
59
74
|
}
|
|
75
|
+
/**
|
|
76
|
+
* @componentName Alert
|
|
77
|
+
* @maturityCategory use
|
|
78
|
+
* @maturityLevel best_practice
|
|
79
|
+
*/
|
|
60
80
|
interface VaAlert {
|
|
61
81
|
/**
|
|
62
82
|
* Aria-label text for the close button.
|
|
@@ -91,6 +111,11 @@ export namespace Components {
|
|
|
91
111
|
*/
|
|
92
112
|
"visible"?: boolean;
|
|
93
113
|
}
|
|
114
|
+
/**
|
|
115
|
+
* @componentName Alert - expandable
|
|
116
|
+
* @maturityCategory caution
|
|
117
|
+
* @maturityLevel candidate
|
|
118
|
+
*/
|
|
94
119
|
interface VaAlertExpandable {
|
|
95
120
|
/**
|
|
96
121
|
* If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
|
|
@@ -109,8 +134,18 @@ export namespace Components {
|
|
|
109
134
|
*/
|
|
110
135
|
"trigger": string;
|
|
111
136
|
}
|
|
137
|
+
/**
|
|
138
|
+
* @componentName Back to top
|
|
139
|
+
* @maturityCategory use
|
|
140
|
+
* @maturityLevel deployed
|
|
141
|
+
*/
|
|
112
142
|
interface VaBackToTop {
|
|
113
143
|
}
|
|
144
|
+
/**
|
|
145
|
+
* @componentName Banner
|
|
146
|
+
* @maturityCategory use
|
|
147
|
+
* @maturityLevel deployed
|
|
148
|
+
*/
|
|
114
149
|
interface VaBanner {
|
|
115
150
|
/**
|
|
116
151
|
* Aria Label for the "region" of the nested va-alert.
|
|
@@ -141,6 +176,11 @@ export namespace Components {
|
|
|
141
176
|
*/
|
|
142
177
|
"windowSession"?: boolean;
|
|
143
178
|
}
|
|
179
|
+
/**
|
|
180
|
+
* @componentName Breadcrumbs
|
|
181
|
+
* @maturityCategory use
|
|
182
|
+
* @maturityLevel deployed
|
|
183
|
+
*/
|
|
144
184
|
interface VaBreadcrumbs {
|
|
145
185
|
/**
|
|
146
186
|
* Represents a list of breadcrumbs. Use a JSON array of objects with label and href properties, then wrap in a string if using non-React-binding version. See Storybook examples for React-binding version. For pure web components, here's an example link: ``[{"href": "/link1", "label": "Link 1"}]`.
|
|
@@ -163,6 +203,12 @@ export namespace Components {
|
|
|
163
203
|
*/
|
|
164
204
|
"wrapping"?: boolean;
|
|
165
205
|
}
|
|
206
|
+
/**
|
|
207
|
+
* @componentName Button
|
|
208
|
+
* @nativeHandler onClick
|
|
209
|
+
* @maturityCategory caution
|
|
210
|
+
* @maturityLevel candidate
|
|
211
|
+
*/
|
|
166
212
|
interface VaButton {
|
|
167
213
|
/**
|
|
168
214
|
* If `true`, the button will use `Back` as its text and an icon to represent going back in form flows.
|
|
@@ -209,6 +255,12 @@ export namespace Components {
|
|
|
209
255
|
*/
|
|
210
256
|
"text"?: string;
|
|
211
257
|
}
|
|
258
|
+
/**
|
|
259
|
+
* @componentName Button - Icon
|
|
260
|
+
* @nativeHandler onClick
|
|
261
|
+
* @maturityCategory caution
|
|
262
|
+
* @maturityLevel candidate
|
|
263
|
+
*/
|
|
212
264
|
interface VaButtonIcon {
|
|
213
265
|
"buttonType": keyof typeof this.buttonTypeMap;
|
|
214
266
|
/**
|
|
@@ -220,6 +272,12 @@ export namespace Components {
|
|
|
220
272
|
*/
|
|
221
273
|
"label"?: string;
|
|
222
274
|
}
|
|
275
|
+
/**
|
|
276
|
+
* @componentName Button pair
|
|
277
|
+
* @maturityCategory caution
|
|
278
|
+
* @maturityLevel candidate
|
|
279
|
+
* @guidanceHref button/button-pair
|
|
280
|
+
*/
|
|
223
281
|
interface VaButtonPair {
|
|
224
282
|
/**
|
|
225
283
|
* If `true`, button pair will use Continue and Back for button text.
|
|
@@ -229,10 +287,18 @@ export namespace Components {
|
|
|
229
287
|
* If `true`, the component-library-analytics event is disabled.
|
|
230
288
|
*/
|
|
231
289
|
"disableAnalytics"?: boolean;
|
|
290
|
+
/**
|
|
291
|
+
* Custom text that will be applied to the left va-button inside the component. If set will override text controlled by the 'update' prop.
|
|
292
|
+
*/
|
|
293
|
+
"leftButtonText"?: string;
|
|
232
294
|
/**
|
|
233
295
|
* Applies to the primary button aria-label.
|
|
234
296
|
*/
|
|
235
297
|
"primaryLabel"?: string;
|
|
298
|
+
/**
|
|
299
|
+
* Custom text that will be applied to the right va-button inside the component. If set will override text controlled by the 'update' prop,
|
|
300
|
+
*/
|
|
301
|
+
"rightButtonText"?: string;
|
|
236
302
|
/**
|
|
237
303
|
* Applies to the secondary button aria-label.
|
|
238
304
|
*/
|
|
@@ -246,6 +312,11 @@ export namespace Components {
|
|
|
246
312
|
*/
|
|
247
313
|
"update"?: boolean;
|
|
248
314
|
}
|
|
315
|
+
/**
|
|
316
|
+
* @componentName Card
|
|
317
|
+
* @maturityCategory caution
|
|
318
|
+
* @maturityLevel candidate
|
|
319
|
+
*/
|
|
249
320
|
interface VaCard {
|
|
250
321
|
/**
|
|
251
322
|
* If `true`, the card will have a gray background.
|
|
@@ -256,6 +327,16 @@ export namespace Components {
|
|
|
256
327
|
*/
|
|
257
328
|
"showShadow"?: boolean;
|
|
258
329
|
}
|
|
330
|
+
/**
|
|
331
|
+
* @nativeHandler onBlur
|
|
332
|
+
* @componentName Checkbox
|
|
333
|
+
* @maturityCategory use
|
|
334
|
+
* @maturityLevel deployed
|
|
335
|
+
* @guidanceHref form/checkbox
|
|
336
|
+
* @translations English
|
|
337
|
+
* @translations Spanish
|
|
338
|
+
* @translations Tagalog
|
|
339
|
+
*/
|
|
259
340
|
interface VaCheckbox {
|
|
260
341
|
/**
|
|
261
342
|
* Description of the option displayed below the checkbox label.
|
|
@@ -306,6 +387,16 @@ export namespace Components {
|
|
|
306
387
|
*/
|
|
307
388
|
"tile"?: boolean;
|
|
308
389
|
}
|
|
390
|
+
/**
|
|
391
|
+
* @vaChange The event emitted when the input value changes.
|
|
392
|
+
* @componentName Checkbox group
|
|
393
|
+
* @maturityCategory use
|
|
394
|
+
* @maturityLevel deployed
|
|
395
|
+
* @guidanceHref form/checkbox
|
|
396
|
+
* @translations English
|
|
397
|
+
* @translations Spanish
|
|
398
|
+
* @translations Tagalog
|
|
399
|
+
*/
|
|
309
400
|
interface VaCheckboxGroup {
|
|
310
401
|
/**
|
|
311
402
|
* Whether or not an analytics event will be fired.
|
|
@@ -344,8 +435,19 @@ export namespace Components {
|
|
|
344
435
|
*/
|
|
345
436
|
"useFormsPattern"?: string;
|
|
346
437
|
}
|
|
438
|
+
/**
|
|
439
|
+
* @componentName Crisis Line Modal
|
|
440
|
+
* @maturityCategory caution
|
|
441
|
+
* @maturityLevel candidate
|
|
442
|
+
*/
|
|
347
443
|
interface VaCrisisLineModal {
|
|
348
444
|
}
|
|
445
|
+
/**
|
|
446
|
+
* @componentName Date input
|
|
447
|
+
* @maturityCategory use
|
|
448
|
+
* @maturityLevel deployed
|
|
449
|
+
* @guidanceHref form/date-input
|
|
450
|
+
*/
|
|
349
451
|
interface VaDate {
|
|
350
452
|
/**
|
|
351
453
|
* Whether or not an analytics event will be fired.
|
|
@@ -383,6 +485,12 @@ export namespace Components {
|
|
|
383
485
|
*/
|
|
384
486
|
"value"?: string;
|
|
385
487
|
}
|
|
488
|
+
/**
|
|
489
|
+
* @componentName File input
|
|
490
|
+
* @maturityCategory caution
|
|
491
|
+
* @maturityLevel available
|
|
492
|
+
* @guidanceHref form/file-input
|
|
493
|
+
*/
|
|
386
494
|
interface VaFileInput {
|
|
387
495
|
/**
|
|
388
496
|
* A comma-separated list of unique file type specifiers.
|
|
@@ -425,6 +533,14 @@ export namespace Components {
|
|
|
425
533
|
*/
|
|
426
534
|
"required"?: boolean;
|
|
427
535
|
}
|
|
536
|
+
/**
|
|
537
|
+
* A component that manages multiple file inputs, allowing users to upload several files.
|
|
538
|
+
* It supports adding, changing, and removing files with dynamic error handling.
|
|
539
|
+
* @componentName File input multiple
|
|
540
|
+
* @maturityCategory caution
|
|
541
|
+
* @maturityLevel available
|
|
542
|
+
* @guidanceHref form/file-input-multiple
|
|
543
|
+
*/
|
|
428
544
|
interface VaFileInputMultiple {
|
|
429
545
|
/**
|
|
430
546
|
* Defines acceptable file types the user can select; uses file type or extensions.
|
|
@@ -459,6 +575,12 @@ export namespace Components {
|
|
|
459
575
|
*/
|
|
460
576
|
"required"?: boolean;
|
|
461
577
|
}
|
|
578
|
+
/**
|
|
579
|
+
* @componentName Header - Minimal
|
|
580
|
+
* @maturityCategory caution
|
|
581
|
+
* @maturityLevel candidate
|
|
582
|
+
* @guidanceHref header/header-minimal
|
|
583
|
+
*/
|
|
462
584
|
interface VaHeaderMinimal {
|
|
463
585
|
/**
|
|
464
586
|
* Disables use of heading tags in the minimal header in favor of `<div>` tags. This is for when a heading level 1 needs to be used elsewhere, as there should only be one heading level 1 per page.
|
|
@@ -467,6 +589,11 @@ export namespace Components {
|
|
|
467
589
|
"header"?: string;
|
|
468
590
|
"subheader"?: string;
|
|
469
591
|
}
|
|
592
|
+
/**
|
|
593
|
+
* @componentName Icon
|
|
594
|
+
* @maturityCategory caution
|
|
595
|
+
* @maturityLevel candidate
|
|
596
|
+
*/
|
|
470
597
|
interface VaIcon {
|
|
471
598
|
/**
|
|
472
599
|
* The name of the icon to use
|
|
@@ -481,6 +608,11 @@ export namespace Components {
|
|
|
481
608
|
*/
|
|
482
609
|
"srtext"?: string;
|
|
483
610
|
}
|
|
611
|
+
/**
|
|
612
|
+
* @componentName Link
|
|
613
|
+
* @maturityCategory caution
|
|
614
|
+
* @maturityLevel candidate
|
|
615
|
+
*/
|
|
484
616
|
interface VaLink {
|
|
485
617
|
/**
|
|
486
618
|
* The title used in the abbr element. If filetype is PDF, the abbr title will be Portable Document Format.
|
|
@@ -490,6 +622,10 @@ export namespace Components {
|
|
|
490
622
|
* If `true`, the anchor text will be bolded and include a right arrow icon.
|
|
491
623
|
*/
|
|
492
624
|
"active"?: boolean;
|
|
625
|
+
/**
|
|
626
|
+
* If 'true', renders a "back arrow" in front of the link text
|
|
627
|
+
*/
|
|
628
|
+
"back"?: boolean;
|
|
493
629
|
/**
|
|
494
630
|
* If `true`, a calendar icon will be displayed before the anchor text.
|
|
495
631
|
*/
|
|
@@ -506,6 +642,10 @@ export namespace Components {
|
|
|
506
642
|
* If `true`, the link will be treated as a download, and a download icon will be displayed before the anchor text.
|
|
507
643
|
*/
|
|
508
644
|
"download"?: boolean;
|
|
645
|
+
/**
|
|
646
|
+
* If 'true', will open in a new tab and have icon denoting that. Will also have the text "opens in a new tab" appended to the link text in screen reader only span
|
|
647
|
+
*/
|
|
648
|
+
"external"?: boolean;
|
|
509
649
|
/**
|
|
510
650
|
* The suggested filename. Only valid if download or calendar is `true`.
|
|
511
651
|
*/
|
|
@@ -547,6 +687,11 @@ export namespace Components {
|
|
|
547
687
|
*/
|
|
548
688
|
"video"?: boolean;
|
|
549
689
|
}
|
|
690
|
+
/**
|
|
691
|
+
* @componentName Link - Action
|
|
692
|
+
* @maturityCategory caution
|
|
693
|
+
* @maturityLevel candidate
|
|
694
|
+
*/
|
|
550
695
|
interface VaLinkAction {
|
|
551
696
|
/**
|
|
552
697
|
* If `true`, the component-library-analytics event is disabled.
|
|
@@ -569,6 +714,11 @@ export namespace Components {
|
|
|
569
714
|
*/
|
|
570
715
|
"type": "primary" | "secondary" | "reverse";
|
|
571
716
|
}
|
|
717
|
+
/**
|
|
718
|
+
* @componentName Loading indicator
|
|
719
|
+
* @maturityCategory use
|
|
720
|
+
* @maturityLevel best_practice
|
|
721
|
+
*/
|
|
572
722
|
interface VaLoadingIndicator {
|
|
573
723
|
/**
|
|
574
724
|
* Analytics tracking function(s) will be called. Form components are disabled by default due to PII/PHI concerns.
|
|
@@ -587,6 +737,11 @@ export namespace Components {
|
|
|
587
737
|
*/
|
|
588
738
|
"setFocus"?: boolean;
|
|
589
739
|
}
|
|
740
|
+
/**
|
|
741
|
+
* @componentName Banner - Maintenance
|
|
742
|
+
* @maturityCategory caution
|
|
743
|
+
* @maturityLevel available
|
|
744
|
+
*/
|
|
590
745
|
interface VaMaintenanceBanner {
|
|
591
746
|
/**
|
|
592
747
|
* A unique ID that will be used for conditionally rendering the banner based on if the user has dismissed it already.
|
|
@@ -621,6 +776,14 @@ export namespace Components {
|
|
|
621
776
|
*/
|
|
622
777
|
"upcomingWarnTitle": string;
|
|
623
778
|
}
|
|
779
|
+
/**
|
|
780
|
+
* @componentName Memorable date
|
|
781
|
+
* @maturityCategory caution
|
|
782
|
+
* @maturityLevel available
|
|
783
|
+
* @guidanceHref form/memorable-date
|
|
784
|
+
* @translations English
|
|
785
|
+
* @translations Spanish
|
|
786
|
+
*/
|
|
624
787
|
interface VaMemorableDate {
|
|
625
788
|
/**
|
|
626
789
|
* A custom error message to display if the day is invalid
|
|
@@ -682,8 +845,20 @@ export namespace Components {
|
|
|
682
845
|
*/
|
|
683
846
|
"value"?: string;
|
|
684
847
|
}
|
|
848
|
+
/**
|
|
849
|
+
* @componentName Minimal Footer
|
|
850
|
+
* @maturityCategory caution
|
|
851
|
+
* @maturityLevel candidate
|
|
852
|
+
*/
|
|
685
853
|
interface VaMinimalFooter {
|
|
686
854
|
}
|
|
855
|
+
/**
|
|
856
|
+
* @click Used to detect clicks outside of modal contents to close modal.
|
|
857
|
+
* @keydown Used to detect Escape key to close modal.
|
|
858
|
+
* @componentName Modal
|
|
859
|
+
* @maturityCategory use
|
|
860
|
+
* @maturityLevel deployed
|
|
861
|
+
*/
|
|
687
862
|
interface VaModal {
|
|
688
863
|
/**
|
|
689
864
|
* Additional DOM-nodes that should not be hidden from screen readers. Useful when an open modal shouldn't hide all content behind the overlay.
|
|
@@ -731,8 +906,19 @@ export namespace Components {
|
|
|
731
906
|
*/
|
|
732
907
|
"visible"?: boolean;
|
|
733
908
|
}
|
|
909
|
+
/**
|
|
910
|
+
* @componentName Need help?
|
|
911
|
+
* @maturityCategory caution
|
|
912
|
+
* @maturityLevel candidate
|
|
913
|
+
* @guidanceHref form/need-help
|
|
914
|
+
*/
|
|
734
915
|
interface VaNeedHelp {
|
|
735
916
|
}
|
|
917
|
+
/**
|
|
918
|
+
* @componentName Notification
|
|
919
|
+
* @maturityCategory dont_use
|
|
920
|
+
* @maturityLevel deprecated
|
|
921
|
+
*/
|
|
736
922
|
interface VaNotification {
|
|
737
923
|
/**
|
|
738
924
|
* Aria-label text for the close button.
|
|
@@ -783,76 +969,11 @@ export namespace Components {
|
|
|
783
969
|
*/
|
|
784
970
|
"visible"?: boolean;
|
|
785
971
|
}
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
/**
|
|
792
|
-
* Emit component-library-analytics events on the blur event.
|
|
793
|
-
*/
|
|
794
|
-
"enableAnalytics"?: boolean;
|
|
795
|
-
/**
|
|
796
|
-
* The error message to render.
|
|
797
|
-
*/
|
|
798
|
-
"error"?: string;
|
|
799
|
-
/**
|
|
800
|
-
* The content of the heading if `useFormsPattern` and `uswds` are true.
|
|
801
|
-
*/
|
|
802
|
-
"formHeading"?: string;
|
|
803
|
-
/**
|
|
804
|
-
* The heading level for the heading if `useFormsPattern` and `uswds` are true.
|
|
805
|
-
*/
|
|
806
|
-
"formHeadingLevel"?: number;
|
|
807
|
-
/**
|
|
808
|
-
* Optional hint text.
|
|
809
|
-
*/
|
|
810
|
-
"hint"?: string;
|
|
811
|
-
/**
|
|
812
|
-
* The inputmode attribute.
|
|
813
|
-
*/
|
|
814
|
-
"inputmode"?: 'decimal' | 'numeric';
|
|
815
|
-
/**
|
|
816
|
-
* The label for the text input.
|
|
817
|
-
*/
|
|
818
|
-
"label"?: string;
|
|
819
|
-
/**
|
|
820
|
-
* Maximum number value The max attribute specifies the maximum value for an input element.
|
|
821
|
-
*/
|
|
822
|
-
"max": number | string;
|
|
823
|
-
/**
|
|
824
|
-
* An optional message that will be read by screen readers when the input is focused.
|
|
825
|
-
*/
|
|
826
|
-
"messageAriaDescribedby"?: string;
|
|
827
|
-
/**
|
|
828
|
-
* Minimum number value The min attribute specifies the minimum value for an input element.
|
|
829
|
-
*/
|
|
830
|
-
"min": number | string;
|
|
831
|
-
/**
|
|
832
|
-
* The name to pass to the input element.
|
|
833
|
-
*/
|
|
834
|
-
"name"?: string;
|
|
835
|
-
/**
|
|
836
|
-
* Set the input to required and render the (Required) text.
|
|
837
|
-
*/
|
|
838
|
-
"required"?: boolean;
|
|
839
|
-
/**
|
|
840
|
-
* Enabling this will add a heading and description for integrating into the forms pattern. Accepts `single` or `multiple` to indicate if the form is a single input or will have multiple inputs. `uswds` should be true.
|
|
841
|
-
*/
|
|
842
|
-
"useFormsPattern"?: string;
|
|
843
|
-
/**
|
|
844
|
-
* Whether or not the component will use USWDS v3 styling.
|
|
845
|
-
*/
|
|
846
|
-
"uswds"?: boolean;
|
|
847
|
-
/**
|
|
848
|
-
* The value for the input.
|
|
849
|
-
*/
|
|
850
|
-
"value"?: string;
|
|
851
|
-
/**
|
|
852
|
-
* Displays the input at a specific width. Accepts 2xs (4ex), xs (7ex), sm or small (10ex), md or medium (20ex), lg (30ex), xl (40ex), and 2xl (50ex).
|
|
853
|
-
*/
|
|
854
|
-
"width"?: string;
|
|
855
|
-
}
|
|
972
|
+
/**
|
|
973
|
+
* @componentName Banner - Official Gov
|
|
974
|
+
* @maturityCategory caution
|
|
975
|
+
* @maturityLevel candidate
|
|
976
|
+
*/
|
|
856
977
|
interface VaOfficialGovBanner {
|
|
857
978
|
/**
|
|
858
979
|
* If `true`, the component-library-analytics event is disabled.
|
|
@@ -863,6 +984,11 @@ export namespace Components {
|
|
|
863
984
|
*/
|
|
864
985
|
"tld": string;
|
|
865
986
|
}
|
|
987
|
+
/**
|
|
988
|
+
* @componentName OMB info
|
|
989
|
+
* @maturityCategory use
|
|
990
|
+
* @maturityLevel best_practice
|
|
991
|
+
*/
|
|
866
992
|
interface VaOmbInfo {
|
|
867
993
|
/**
|
|
868
994
|
* The name of the benefit displayed in the Respondent Burden section of the Privacy Act Statement.
|
|
@@ -881,12 +1007,25 @@ export namespace Components {
|
|
|
881
1007
|
*/
|
|
882
1008
|
"resBurden"?: number;
|
|
883
1009
|
}
|
|
1010
|
+
/**
|
|
1011
|
+
* @componentName On this page
|
|
1012
|
+
* @maturityCategory use
|
|
1013
|
+
* @maturityLevel best_practice
|
|
1014
|
+
* @translations English
|
|
1015
|
+
* @translations Spanish
|
|
1016
|
+
* @translations Tagalog
|
|
1017
|
+
*/
|
|
884
1018
|
interface VaOnThisPage {
|
|
885
1019
|
/**
|
|
886
1020
|
* If true, analytics event will not be fired
|
|
887
1021
|
*/
|
|
888
1022
|
"disableAnalytics"?: boolean;
|
|
889
1023
|
}
|
|
1024
|
+
/**
|
|
1025
|
+
* @componentName Pagination
|
|
1026
|
+
* @maturityCategory use
|
|
1027
|
+
* @maturityLevel deployed
|
|
1028
|
+
*/
|
|
890
1029
|
interface VaPagination {
|
|
891
1030
|
/**
|
|
892
1031
|
* Aria-label suffix text for buttons
|
|
@@ -917,6 +1056,11 @@ export namespace Components {
|
|
|
917
1056
|
*/
|
|
918
1057
|
"unbounded"?: boolean;
|
|
919
1058
|
}
|
|
1059
|
+
/**
|
|
1060
|
+
* @componentName Privacy agreement
|
|
1061
|
+
* @maturityCategory caution
|
|
1062
|
+
* @maturityLevel available
|
|
1063
|
+
*/
|
|
920
1064
|
interface VaPrivacyAgreement {
|
|
921
1065
|
/**
|
|
922
1066
|
* Whether the checkbox is checked or not.
|
|
@@ -931,6 +1075,11 @@ export namespace Components {
|
|
|
931
1075
|
*/
|
|
932
1076
|
"showError"?: boolean;
|
|
933
1077
|
}
|
|
1078
|
+
/**
|
|
1079
|
+
* @componentName Process list
|
|
1080
|
+
* @maturityCategory use
|
|
1081
|
+
* @maturityLevel deployed
|
|
1082
|
+
*/
|
|
934
1083
|
interface VaProcessList {
|
|
935
1084
|
}
|
|
936
1085
|
interface VaProcessListItem {
|
|
@@ -955,6 +1104,11 @@ export namespace Components {
|
|
|
955
1104
|
*/
|
|
956
1105
|
"pending"?: boolean;
|
|
957
1106
|
}
|
|
1107
|
+
/**
|
|
1108
|
+
* @componentName Progress bar - activity
|
|
1109
|
+
* @maturityCategory use
|
|
1110
|
+
* @maturityLevel deployed
|
|
1111
|
+
*/
|
|
958
1112
|
interface VaProgressBar {
|
|
959
1113
|
/**
|
|
960
1114
|
* Whether or not an analytics event will be fired.
|
|
@@ -969,6 +1123,12 @@ export namespace Components {
|
|
|
969
1123
|
*/
|
|
970
1124
|
"percent": number;
|
|
971
1125
|
}
|
|
1126
|
+
/**
|
|
1127
|
+
* @componentName Banner - Promo
|
|
1128
|
+
* @maturityCategory use
|
|
1129
|
+
* @maturityLevel deployed
|
|
1130
|
+
* @guidanceHref banner/promo
|
|
1131
|
+
*/
|
|
972
1132
|
interface VaPromoBanner {
|
|
973
1133
|
/**
|
|
974
1134
|
* Analytics tracking function(s) will not be called
|
|
@@ -983,6 +1143,17 @@ export namespace Components {
|
|
|
983
1143
|
*/
|
|
984
1144
|
"type": 'announcement' | 'news' | 'email-signup';
|
|
985
1145
|
}
|
|
1146
|
+
/**
|
|
1147
|
+
* @keydown The event emitted when a key is pressed.
|
|
1148
|
+
* @radioOptionSelected The event emitted when the selected option value changes.
|
|
1149
|
+
* @componentName Radio button
|
|
1150
|
+
* @maturityCategory use
|
|
1151
|
+
* @maturityLevel deployed
|
|
1152
|
+
* @guidanceHref form/radio-button
|
|
1153
|
+
* @translations English
|
|
1154
|
+
* @translations Spanish
|
|
1155
|
+
* @translations Tagalog
|
|
1156
|
+
*/
|
|
986
1157
|
interface VaRadio {
|
|
987
1158
|
/**
|
|
988
1159
|
* Whether or not an analytics event will be fired.
|
|
@@ -1059,6 +1230,11 @@ export namespace Components {
|
|
|
1059
1230
|
*/
|
|
1060
1231
|
"value": string;
|
|
1061
1232
|
}
|
|
1233
|
+
/**
|
|
1234
|
+
* @componentName Search input
|
|
1235
|
+
* @maturityCategory use
|
|
1236
|
+
* @maturityLevel deployed
|
|
1237
|
+
*/
|
|
1062
1238
|
interface VaSearchInput {
|
|
1063
1239
|
/**
|
|
1064
1240
|
* If `true`, the component will use the big variant.
|
|
@@ -1089,6 +1265,12 @@ export namespace Components {
|
|
|
1089
1265
|
*/
|
|
1090
1266
|
"value"?: string;
|
|
1091
1267
|
}
|
|
1268
|
+
/**
|
|
1269
|
+
* @componentName Progress bar - segmented
|
|
1270
|
+
* @maturityCategory use
|
|
1271
|
+
* @maturityLevel deployed
|
|
1272
|
+
* @guidanceHref form/progress-bar-segmented
|
|
1273
|
+
*/
|
|
1092
1274
|
interface VaSegmentedProgressBar {
|
|
1093
1275
|
/**
|
|
1094
1276
|
* Whether or not to center the step labels
|
|
@@ -1135,6 +1317,15 @@ export namespace Components {
|
|
|
1135
1317
|
*/
|
|
1136
1318
|
"useDiv"?: boolean;
|
|
1137
1319
|
}
|
|
1320
|
+
/**
|
|
1321
|
+
* @nativeHandler onKeyDown
|
|
1322
|
+
* @componentName Select
|
|
1323
|
+
* @maturityCategory use
|
|
1324
|
+
* @maturityLevel deployed
|
|
1325
|
+
* @guidanceHref form/select
|
|
1326
|
+
* @translations English
|
|
1327
|
+
* @translations Spanish
|
|
1328
|
+
*/
|
|
1138
1329
|
interface VaSelect {
|
|
1139
1330
|
/**
|
|
1140
1331
|
* Whether or not to fire the analytics events
|
|
@@ -1177,6 +1368,11 @@ export namespace Components {
|
|
|
1177
1368
|
*/
|
|
1178
1369
|
"value"?: string;
|
|
1179
1370
|
}
|
|
1371
|
+
/**
|
|
1372
|
+
* @componentName Statement of truth
|
|
1373
|
+
* @maturityCategory caution
|
|
1374
|
+
* @maturityLevel candidate
|
|
1375
|
+
*/
|
|
1180
1376
|
interface VaStatementOfTruth {
|
|
1181
1377
|
/**
|
|
1182
1378
|
* The error to be applied to the va-check-box element
|
|
@@ -1211,17 +1407,14 @@ export namespace Components {
|
|
|
1211
1407
|
*/
|
|
1212
1408
|
"inputValue": string;
|
|
1213
1409
|
}
|
|
1410
|
+
/**
|
|
1411
|
+
* @componentName Summary box
|
|
1412
|
+
* @maturityCategory use
|
|
1413
|
+
* @maturityLevel deployed
|
|
1414
|
+
*/
|
|
1214
1415
|
interface VaSummaryBox {
|
|
1215
1416
|
}
|
|
1216
1417
|
interface VaTable {
|
|
1217
|
-
/**
|
|
1218
|
-
* Whether the initial sort state will be descending or not.
|
|
1219
|
-
*/
|
|
1220
|
-
"descending"?: boolean;
|
|
1221
|
-
/**
|
|
1222
|
-
* The zero-based index of the column to sort by (Doesn't work in IE11). Optional.
|
|
1223
|
-
*/
|
|
1224
|
-
"sortColumn"?: number;
|
|
1225
1418
|
/**
|
|
1226
1419
|
* Convert to a stacked table when screen size is small True by default, must specify if false if this is unwanted
|
|
1227
1420
|
*/
|
|
@@ -1234,25 +1427,18 @@ export namespace Components {
|
|
|
1234
1427
|
* If uswds is true, the type of table
|
|
1235
1428
|
*/
|
|
1236
1429
|
"tableType"?: 'borderless';
|
|
1237
|
-
/**
|
|
1238
|
-
* Whether or not the component will use USWDS v3 styling.
|
|
1239
|
-
*/
|
|
1240
|
-
"uswds"?: boolean;
|
|
1241
1430
|
}
|
|
1431
|
+
/**
|
|
1432
|
+
* @componentName Table
|
|
1433
|
+
* @maturityCategory use
|
|
1434
|
+
* @maturityLevel best_practice
|
|
1435
|
+
*/
|
|
1242
1436
|
interface VaTableInner {
|
|
1243
1437
|
/**
|
|
1244
|
-
*
|
|
1438
|
+
* The number of columns in the table
|
|
1245
1439
|
*/
|
|
1246
1440
|
"cols"?: number;
|
|
1247
|
-
/**
|
|
1248
|
-
* Whether the initial sort state will be descending or not.
|
|
1249
|
-
*/
|
|
1250
|
-
"descending"?: boolean;
|
|
1251
1441
|
"rows"?: number;
|
|
1252
|
-
/**
|
|
1253
|
-
* The zero-based index of the column to sort by (Doesn't work in IE11). Optional.
|
|
1254
|
-
*/
|
|
1255
|
-
"sortColumn"?: number;
|
|
1256
1442
|
/**
|
|
1257
1443
|
* If true convert to a stacked table when screen size is small
|
|
1258
1444
|
*/
|
|
@@ -1262,20 +1448,17 @@ export namespace Components {
|
|
|
1262
1448
|
*/
|
|
1263
1449
|
"tableTitle": string;
|
|
1264
1450
|
/**
|
|
1265
|
-
*
|
|
1451
|
+
* The type of table to be used
|
|
1266
1452
|
*/
|
|
1267
1453
|
"tableType"?: 'borderless';
|
|
1268
|
-
/**
|
|
1269
|
-
* Whether or not the component will use USWDS v3 styling.
|
|
1270
|
-
*/
|
|
1271
|
-
"uswds"?: boolean;
|
|
1272
|
-
/**
|
|
1273
|
-
* A live reference to the va-table-rows in the table which are hard to access from this component
|
|
1274
|
-
*/
|
|
1275
|
-
"vaTableRowRefs"?: any;
|
|
1276
1454
|
}
|
|
1277
1455
|
interface VaTableRow {
|
|
1278
1456
|
}
|
|
1457
|
+
/**
|
|
1458
|
+
* @componentName Telephone
|
|
1459
|
+
* @maturityCategory use
|
|
1460
|
+
* @maturityLevel best_practice
|
|
1461
|
+
*/
|
|
1279
1462
|
interface VaTelephone {
|
|
1280
1463
|
/**
|
|
1281
1464
|
* Numeric string representing the contact number. Typical length is 3 or 10 digits - SMS short codes will be 5 or 6 digits.
|
|
@@ -1310,6 +1493,17 @@ export namespace Components {
|
|
|
1310
1493
|
*/
|
|
1311
1494
|
"vanity"?: string;
|
|
1312
1495
|
}
|
|
1496
|
+
/**
|
|
1497
|
+
* @nativeHandler onInput
|
|
1498
|
+
* @nativeHandler onBlur
|
|
1499
|
+
* @componentName Text input
|
|
1500
|
+
* @maturityCategory use
|
|
1501
|
+
* @maturityLevel deployed
|
|
1502
|
+
* @guidanceHref form/text-input
|
|
1503
|
+
* @translations English
|
|
1504
|
+
* @translations Spanish
|
|
1505
|
+
* @translations Tagalog
|
|
1506
|
+
*/
|
|
1313
1507
|
interface VaTextInput {
|
|
1314
1508
|
/**
|
|
1315
1509
|
* Allows the browser to automatically complete the input.
|
|
@@ -1409,6 +1603,14 @@ export namespace Components {
|
|
|
1409
1603
|
* Set the input to required and render the (Required) text.
|
|
1410
1604
|
*/
|
|
1411
1605
|
"required"?: boolean;
|
|
1606
|
+
/**
|
|
1607
|
+
* When `false`, hides the error message from view, but not from the screen reader. Should only be used if error is being displayed elsewhere. Must use kebab-case on this attribute for it to work properly.
|
|
1608
|
+
*/
|
|
1609
|
+
"showInputError"?: boolean;
|
|
1610
|
+
/**
|
|
1611
|
+
* The step attribute is a number, or the string 'any', that specifies the granularity of the value. For example: `<va-text-input type="number" step=".1"/>` enables float/decimal values to be valid and increment by one-tenth. <br/> Defaults to 1 for every field type except for time and datetime-local which default to 60 (seconds). View more documentation on [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
|
|
1612
|
+
*/
|
|
1613
|
+
"step"?: string;
|
|
1412
1614
|
/**
|
|
1413
1615
|
* Adds styling based on status value
|
|
1414
1616
|
*/
|
|
@@ -1430,6 +1632,16 @@ export namespace Components {
|
|
|
1430
1632
|
*/
|
|
1431
1633
|
"width"?: string;
|
|
1432
1634
|
}
|
|
1635
|
+
/**
|
|
1636
|
+
* @nativeHandler onInput
|
|
1637
|
+
* @nativeHandler onBlur
|
|
1638
|
+
* @componentName Textarea
|
|
1639
|
+
* @maturityCategory use
|
|
1640
|
+
* @maturityLevel deployed
|
|
1641
|
+
* @guidanceHref form/textarea
|
|
1642
|
+
* @translations English
|
|
1643
|
+
* @translations Spanish
|
|
1644
|
+
*/
|
|
1433
1645
|
interface VaTextarea {
|
|
1434
1646
|
/**
|
|
1435
1647
|
* Whether the component should show a character count message. Has no effect without maxlength being set.
|
|
@@ -1585,10 +1797,6 @@ export interface VaNotificationCustomEvent<T> extends CustomEvent<T> {
|
|
|
1585
1797
|
detail: T;
|
|
1586
1798
|
target: HTMLVaNotificationElement;
|
|
1587
1799
|
}
|
|
1588
|
-
export interface VaNumberInputCustomEvent<T> extends CustomEvent<T> {
|
|
1589
|
-
detail: T;
|
|
1590
|
-
target: HTMLVaNumberInputElement;
|
|
1591
|
-
}
|
|
1592
1800
|
export interface VaOfficialGovBannerCustomEvent<T> extends CustomEvent<T> {
|
|
1593
1801
|
detail: T;
|
|
1594
1802
|
target: HTMLVaOfficialGovBannerElement;
|
|
@@ -1650,6 +1858,15 @@ export interface VaTextareaCustomEvent<T> extends CustomEvent<T> {
|
|
|
1650
1858
|
target: HTMLVaTextareaElement;
|
|
1651
1859
|
}
|
|
1652
1860
|
declare global {
|
|
1861
|
+
/**
|
|
1862
|
+
* @componentName Accordion
|
|
1863
|
+
* @accordionItemToggled This event is fired when an accordion item is opened or closed
|
|
1864
|
+
* @maturityCategory use
|
|
1865
|
+
* @maturityLevel best_practice
|
|
1866
|
+
* @translations English
|
|
1867
|
+
* @translations Spanish
|
|
1868
|
+
* @translations Tagalog
|
|
1869
|
+
*/
|
|
1653
1870
|
interface HTMLVaAccordionElement extends Components.VaAccordion, HTMLStencilElement {
|
|
1654
1871
|
}
|
|
1655
1872
|
var HTMLVaAccordionElement: {
|
|
@@ -1662,204 +1879,391 @@ declare global {
|
|
|
1662
1879
|
prototype: HTMLVaAccordionItemElement;
|
|
1663
1880
|
new (): HTMLVaAccordionItemElement;
|
|
1664
1881
|
};
|
|
1882
|
+
/**
|
|
1883
|
+
* @componentName Additional info
|
|
1884
|
+
* @maturityCategory use
|
|
1885
|
+
* @maturityLevel deployed
|
|
1886
|
+
*/
|
|
1665
1887
|
interface HTMLVaAdditionalInfoElement extends Components.VaAdditionalInfo, HTMLStencilElement {
|
|
1666
1888
|
}
|
|
1667
1889
|
var HTMLVaAdditionalInfoElement: {
|
|
1668
1890
|
prototype: HTMLVaAdditionalInfoElement;
|
|
1669
1891
|
new (): HTMLVaAdditionalInfoElement;
|
|
1670
1892
|
};
|
|
1893
|
+
/**
|
|
1894
|
+
* @componentName Alert
|
|
1895
|
+
* @maturityCategory use
|
|
1896
|
+
* @maturityLevel best_practice
|
|
1897
|
+
*/
|
|
1671
1898
|
interface HTMLVaAlertElement extends Components.VaAlert, HTMLStencilElement {
|
|
1672
1899
|
}
|
|
1673
1900
|
var HTMLVaAlertElement: {
|
|
1674
1901
|
prototype: HTMLVaAlertElement;
|
|
1675
1902
|
new (): HTMLVaAlertElement;
|
|
1676
1903
|
};
|
|
1904
|
+
/**
|
|
1905
|
+
* @componentName Alert - expandable
|
|
1906
|
+
* @maturityCategory caution
|
|
1907
|
+
* @maturityLevel candidate
|
|
1908
|
+
*/
|
|
1677
1909
|
interface HTMLVaAlertExpandableElement extends Components.VaAlertExpandable, HTMLStencilElement {
|
|
1678
1910
|
}
|
|
1679
1911
|
var HTMLVaAlertExpandableElement: {
|
|
1680
1912
|
prototype: HTMLVaAlertExpandableElement;
|
|
1681
1913
|
new (): HTMLVaAlertExpandableElement;
|
|
1682
1914
|
};
|
|
1915
|
+
/**
|
|
1916
|
+
* @componentName Back to top
|
|
1917
|
+
* @maturityCategory use
|
|
1918
|
+
* @maturityLevel deployed
|
|
1919
|
+
*/
|
|
1683
1920
|
interface HTMLVaBackToTopElement extends Components.VaBackToTop, HTMLStencilElement {
|
|
1684
1921
|
}
|
|
1685
1922
|
var HTMLVaBackToTopElement: {
|
|
1686
1923
|
prototype: HTMLVaBackToTopElement;
|
|
1687
1924
|
new (): HTMLVaBackToTopElement;
|
|
1688
1925
|
};
|
|
1926
|
+
/**
|
|
1927
|
+
* @componentName Banner
|
|
1928
|
+
* @maturityCategory use
|
|
1929
|
+
* @maturityLevel deployed
|
|
1930
|
+
*/
|
|
1689
1931
|
interface HTMLVaBannerElement extends Components.VaBanner, HTMLStencilElement {
|
|
1690
1932
|
}
|
|
1691
1933
|
var HTMLVaBannerElement: {
|
|
1692
1934
|
prototype: HTMLVaBannerElement;
|
|
1693
1935
|
new (): HTMLVaBannerElement;
|
|
1694
1936
|
};
|
|
1937
|
+
/**
|
|
1938
|
+
* @componentName Breadcrumbs
|
|
1939
|
+
* @maturityCategory use
|
|
1940
|
+
* @maturityLevel deployed
|
|
1941
|
+
*/
|
|
1695
1942
|
interface HTMLVaBreadcrumbsElement extends Components.VaBreadcrumbs, HTMLStencilElement {
|
|
1696
1943
|
}
|
|
1697
1944
|
var HTMLVaBreadcrumbsElement: {
|
|
1698
1945
|
prototype: HTMLVaBreadcrumbsElement;
|
|
1699
1946
|
new (): HTMLVaBreadcrumbsElement;
|
|
1700
1947
|
};
|
|
1948
|
+
/**
|
|
1949
|
+
* @componentName Button
|
|
1950
|
+
* @nativeHandler onClick
|
|
1951
|
+
* @maturityCategory caution
|
|
1952
|
+
* @maturityLevel candidate
|
|
1953
|
+
*/
|
|
1701
1954
|
interface HTMLVaButtonElement extends Components.VaButton, HTMLStencilElement {
|
|
1702
1955
|
}
|
|
1703
1956
|
var HTMLVaButtonElement: {
|
|
1704
1957
|
prototype: HTMLVaButtonElement;
|
|
1705
1958
|
new (): HTMLVaButtonElement;
|
|
1706
1959
|
};
|
|
1960
|
+
/**
|
|
1961
|
+
* @componentName Button - Icon
|
|
1962
|
+
* @nativeHandler onClick
|
|
1963
|
+
* @maturityCategory caution
|
|
1964
|
+
* @maturityLevel candidate
|
|
1965
|
+
*/
|
|
1707
1966
|
interface HTMLVaButtonIconElement extends Components.VaButtonIcon, HTMLStencilElement {
|
|
1708
1967
|
}
|
|
1709
1968
|
var HTMLVaButtonIconElement: {
|
|
1710
1969
|
prototype: HTMLVaButtonIconElement;
|
|
1711
1970
|
new (): HTMLVaButtonIconElement;
|
|
1712
1971
|
};
|
|
1972
|
+
/**
|
|
1973
|
+
* @componentName Button pair
|
|
1974
|
+
* @maturityCategory caution
|
|
1975
|
+
* @maturityLevel candidate
|
|
1976
|
+
* @guidanceHref button/button-pair
|
|
1977
|
+
*/
|
|
1713
1978
|
interface HTMLVaButtonPairElement extends Components.VaButtonPair, HTMLStencilElement {
|
|
1714
1979
|
}
|
|
1715
1980
|
var HTMLVaButtonPairElement: {
|
|
1716
1981
|
prototype: HTMLVaButtonPairElement;
|
|
1717
1982
|
new (): HTMLVaButtonPairElement;
|
|
1718
1983
|
};
|
|
1984
|
+
/**
|
|
1985
|
+
* @componentName Card
|
|
1986
|
+
* @maturityCategory caution
|
|
1987
|
+
* @maturityLevel candidate
|
|
1988
|
+
*/
|
|
1719
1989
|
interface HTMLVaCardElement extends Components.VaCard, HTMLStencilElement {
|
|
1720
1990
|
}
|
|
1721
1991
|
var HTMLVaCardElement: {
|
|
1722
1992
|
prototype: HTMLVaCardElement;
|
|
1723
1993
|
new (): HTMLVaCardElement;
|
|
1724
1994
|
};
|
|
1995
|
+
/**
|
|
1996
|
+
* @nativeHandler onBlur
|
|
1997
|
+
* @componentName Checkbox
|
|
1998
|
+
* @maturityCategory use
|
|
1999
|
+
* @maturityLevel deployed
|
|
2000
|
+
* @guidanceHref form/checkbox
|
|
2001
|
+
* @translations English
|
|
2002
|
+
* @translations Spanish
|
|
2003
|
+
* @translations Tagalog
|
|
2004
|
+
*/
|
|
1725
2005
|
interface HTMLVaCheckboxElement extends Components.VaCheckbox, HTMLStencilElement {
|
|
1726
2006
|
}
|
|
1727
2007
|
var HTMLVaCheckboxElement: {
|
|
1728
2008
|
prototype: HTMLVaCheckboxElement;
|
|
1729
2009
|
new (): HTMLVaCheckboxElement;
|
|
1730
2010
|
};
|
|
2011
|
+
/**
|
|
2012
|
+
* @vaChange The event emitted when the input value changes.
|
|
2013
|
+
* @componentName Checkbox group
|
|
2014
|
+
* @maturityCategory use
|
|
2015
|
+
* @maturityLevel deployed
|
|
2016
|
+
* @guidanceHref form/checkbox
|
|
2017
|
+
* @translations English
|
|
2018
|
+
* @translations Spanish
|
|
2019
|
+
* @translations Tagalog
|
|
2020
|
+
*/
|
|
1731
2021
|
interface HTMLVaCheckboxGroupElement extends Components.VaCheckboxGroup, HTMLStencilElement {
|
|
1732
2022
|
}
|
|
1733
2023
|
var HTMLVaCheckboxGroupElement: {
|
|
1734
2024
|
prototype: HTMLVaCheckboxGroupElement;
|
|
1735
2025
|
new (): HTMLVaCheckboxGroupElement;
|
|
1736
2026
|
};
|
|
2027
|
+
/**
|
|
2028
|
+
* @componentName Crisis Line Modal
|
|
2029
|
+
* @maturityCategory caution
|
|
2030
|
+
* @maturityLevel candidate
|
|
2031
|
+
*/
|
|
1737
2032
|
interface HTMLVaCrisisLineModalElement extends Components.VaCrisisLineModal, HTMLStencilElement {
|
|
1738
2033
|
}
|
|
1739
2034
|
var HTMLVaCrisisLineModalElement: {
|
|
1740
2035
|
prototype: HTMLVaCrisisLineModalElement;
|
|
1741
2036
|
new (): HTMLVaCrisisLineModalElement;
|
|
1742
2037
|
};
|
|
2038
|
+
/**
|
|
2039
|
+
* @componentName Date input
|
|
2040
|
+
* @maturityCategory use
|
|
2041
|
+
* @maturityLevel deployed
|
|
2042
|
+
* @guidanceHref form/date-input
|
|
2043
|
+
*/
|
|
1743
2044
|
interface HTMLVaDateElement extends Components.VaDate, HTMLStencilElement {
|
|
1744
2045
|
}
|
|
1745
2046
|
var HTMLVaDateElement: {
|
|
1746
2047
|
prototype: HTMLVaDateElement;
|
|
1747
2048
|
new (): HTMLVaDateElement;
|
|
1748
2049
|
};
|
|
2050
|
+
/**
|
|
2051
|
+
* @componentName File input
|
|
2052
|
+
* @maturityCategory caution
|
|
2053
|
+
* @maturityLevel available
|
|
2054
|
+
* @guidanceHref form/file-input
|
|
2055
|
+
*/
|
|
1749
2056
|
interface HTMLVaFileInputElement extends Components.VaFileInput, HTMLStencilElement {
|
|
1750
2057
|
}
|
|
1751
2058
|
var HTMLVaFileInputElement: {
|
|
1752
2059
|
prototype: HTMLVaFileInputElement;
|
|
1753
2060
|
new (): HTMLVaFileInputElement;
|
|
1754
2061
|
};
|
|
2062
|
+
/**
|
|
2063
|
+
* A component that manages multiple file inputs, allowing users to upload several files.
|
|
2064
|
+
* It supports adding, changing, and removing files with dynamic error handling.
|
|
2065
|
+
* @componentName File input multiple
|
|
2066
|
+
* @maturityCategory caution
|
|
2067
|
+
* @maturityLevel available
|
|
2068
|
+
* @guidanceHref form/file-input-multiple
|
|
2069
|
+
*/
|
|
1755
2070
|
interface HTMLVaFileInputMultipleElement extends Components.VaFileInputMultiple, HTMLStencilElement {
|
|
1756
2071
|
}
|
|
1757
2072
|
var HTMLVaFileInputMultipleElement: {
|
|
1758
2073
|
prototype: HTMLVaFileInputMultipleElement;
|
|
1759
2074
|
new (): HTMLVaFileInputMultipleElement;
|
|
1760
2075
|
};
|
|
2076
|
+
/**
|
|
2077
|
+
* @componentName Header - Minimal
|
|
2078
|
+
* @maturityCategory caution
|
|
2079
|
+
* @maturityLevel candidate
|
|
2080
|
+
* @guidanceHref header/header-minimal
|
|
2081
|
+
*/
|
|
1761
2082
|
interface HTMLVaHeaderMinimalElement extends Components.VaHeaderMinimal, HTMLStencilElement {
|
|
1762
2083
|
}
|
|
1763
2084
|
var HTMLVaHeaderMinimalElement: {
|
|
1764
2085
|
prototype: HTMLVaHeaderMinimalElement;
|
|
1765
2086
|
new (): HTMLVaHeaderMinimalElement;
|
|
1766
2087
|
};
|
|
2088
|
+
/**
|
|
2089
|
+
* @componentName Icon
|
|
2090
|
+
* @maturityCategory caution
|
|
2091
|
+
* @maturityLevel candidate
|
|
2092
|
+
*/
|
|
1767
2093
|
interface HTMLVaIconElement extends Components.VaIcon, HTMLStencilElement {
|
|
1768
2094
|
}
|
|
1769
2095
|
var HTMLVaIconElement: {
|
|
1770
2096
|
prototype: HTMLVaIconElement;
|
|
1771
2097
|
new (): HTMLVaIconElement;
|
|
1772
2098
|
};
|
|
2099
|
+
/**
|
|
2100
|
+
* @componentName Link
|
|
2101
|
+
* @maturityCategory caution
|
|
2102
|
+
* @maturityLevel candidate
|
|
2103
|
+
*/
|
|
1773
2104
|
interface HTMLVaLinkElement extends Components.VaLink, HTMLStencilElement {
|
|
1774
2105
|
}
|
|
1775
2106
|
var HTMLVaLinkElement: {
|
|
1776
2107
|
prototype: HTMLVaLinkElement;
|
|
1777
2108
|
new (): HTMLVaLinkElement;
|
|
1778
2109
|
};
|
|
2110
|
+
/**
|
|
2111
|
+
* @componentName Link - Action
|
|
2112
|
+
* @maturityCategory caution
|
|
2113
|
+
* @maturityLevel candidate
|
|
2114
|
+
*/
|
|
1779
2115
|
interface HTMLVaLinkActionElement extends Components.VaLinkAction, HTMLStencilElement {
|
|
1780
2116
|
}
|
|
1781
2117
|
var HTMLVaLinkActionElement: {
|
|
1782
2118
|
prototype: HTMLVaLinkActionElement;
|
|
1783
2119
|
new (): HTMLVaLinkActionElement;
|
|
1784
2120
|
};
|
|
2121
|
+
/**
|
|
2122
|
+
* @componentName Loading indicator
|
|
2123
|
+
* @maturityCategory use
|
|
2124
|
+
* @maturityLevel best_practice
|
|
2125
|
+
*/
|
|
1785
2126
|
interface HTMLVaLoadingIndicatorElement extends Components.VaLoadingIndicator, HTMLStencilElement {
|
|
1786
2127
|
}
|
|
1787
2128
|
var HTMLVaLoadingIndicatorElement: {
|
|
1788
2129
|
prototype: HTMLVaLoadingIndicatorElement;
|
|
1789
2130
|
new (): HTMLVaLoadingIndicatorElement;
|
|
1790
2131
|
};
|
|
2132
|
+
/**
|
|
2133
|
+
* @componentName Banner - Maintenance
|
|
2134
|
+
* @maturityCategory caution
|
|
2135
|
+
* @maturityLevel available
|
|
2136
|
+
*/
|
|
1791
2137
|
interface HTMLVaMaintenanceBannerElement extends Components.VaMaintenanceBanner, HTMLStencilElement {
|
|
1792
2138
|
}
|
|
1793
2139
|
var HTMLVaMaintenanceBannerElement: {
|
|
1794
2140
|
prototype: HTMLVaMaintenanceBannerElement;
|
|
1795
2141
|
new (): HTMLVaMaintenanceBannerElement;
|
|
1796
2142
|
};
|
|
2143
|
+
/**
|
|
2144
|
+
* @componentName Memorable date
|
|
2145
|
+
* @maturityCategory caution
|
|
2146
|
+
* @maturityLevel available
|
|
2147
|
+
* @guidanceHref form/memorable-date
|
|
2148
|
+
* @translations English
|
|
2149
|
+
* @translations Spanish
|
|
2150
|
+
*/
|
|
1797
2151
|
interface HTMLVaMemorableDateElement extends Components.VaMemorableDate, HTMLStencilElement {
|
|
1798
2152
|
}
|
|
1799
2153
|
var HTMLVaMemorableDateElement: {
|
|
1800
2154
|
prototype: HTMLVaMemorableDateElement;
|
|
1801
2155
|
new (): HTMLVaMemorableDateElement;
|
|
1802
2156
|
};
|
|
2157
|
+
/**
|
|
2158
|
+
* @componentName Minimal Footer
|
|
2159
|
+
* @maturityCategory caution
|
|
2160
|
+
* @maturityLevel candidate
|
|
2161
|
+
*/
|
|
1803
2162
|
interface HTMLVaMinimalFooterElement extends Components.VaMinimalFooter, HTMLStencilElement {
|
|
1804
2163
|
}
|
|
1805
2164
|
var HTMLVaMinimalFooterElement: {
|
|
1806
2165
|
prototype: HTMLVaMinimalFooterElement;
|
|
1807
2166
|
new (): HTMLVaMinimalFooterElement;
|
|
1808
2167
|
};
|
|
2168
|
+
/**
|
|
2169
|
+
* @click Used to detect clicks outside of modal contents to close modal.
|
|
2170
|
+
* @keydown Used to detect Escape key to close modal.
|
|
2171
|
+
* @componentName Modal
|
|
2172
|
+
* @maturityCategory use
|
|
2173
|
+
* @maturityLevel deployed
|
|
2174
|
+
*/
|
|
1809
2175
|
interface HTMLVaModalElement extends Components.VaModal, HTMLStencilElement {
|
|
1810
2176
|
}
|
|
1811
2177
|
var HTMLVaModalElement: {
|
|
1812
2178
|
prototype: HTMLVaModalElement;
|
|
1813
2179
|
new (): HTMLVaModalElement;
|
|
1814
2180
|
};
|
|
2181
|
+
/**
|
|
2182
|
+
* @componentName Need help?
|
|
2183
|
+
* @maturityCategory caution
|
|
2184
|
+
* @maturityLevel candidate
|
|
2185
|
+
* @guidanceHref form/need-help
|
|
2186
|
+
*/
|
|
1815
2187
|
interface HTMLVaNeedHelpElement extends Components.VaNeedHelp, HTMLStencilElement {
|
|
1816
2188
|
}
|
|
1817
2189
|
var HTMLVaNeedHelpElement: {
|
|
1818
2190
|
prototype: HTMLVaNeedHelpElement;
|
|
1819
2191
|
new (): HTMLVaNeedHelpElement;
|
|
1820
2192
|
};
|
|
2193
|
+
/**
|
|
2194
|
+
* @componentName Notification
|
|
2195
|
+
* @maturityCategory dont_use
|
|
2196
|
+
* @maturityLevel deprecated
|
|
2197
|
+
*/
|
|
1821
2198
|
interface HTMLVaNotificationElement extends Components.VaNotification, HTMLStencilElement {
|
|
1822
2199
|
}
|
|
1823
2200
|
var HTMLVaNotificationElement: {
|
|
1824
2201
|
prototype: HTMLVaNotificationElement;
|
|
1825
2202
|
new (): HTMLVaNotificationElement;
|
|
1826
2203
|
};
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
};
|
|
2204
|
+
/**
|
|
2205
|
+
* @componentName Banner - Official Gov
|
|
2206
|
+
* @maturityCategory caution
|
|
2207
|
+
* @maturityLevel candidate
|
|
2208
|
+
*/
|
|
1833
2209
|
interface HTMLVaOfficialGovBannerElement extends Components.VaOfficialGovBanner, HTMLStencilElement {
|
|
1834
2210
|
}
|
|
1835
2211
|
var HTMLVaOfficialGovBannerElement: {
|
|
1836
2212
|
prototype: HTMLVaOfficialGovBannerElement;
|
|
1837
2213
|
new (): HTMLVaOfficialGovBannerElement;
|
|
1838
2214
|
};
|
|
2215
|
+
/**
|
|
2216
|
+
* @componentName OMB info
|
|
2217
|
+
* @maturityCategory use
|
|
2218
|
+
* @maturityLevel best_practice
|
|
2219
|
+
*/
|
|
1839
2220
|
interface HTMLVaOmbInfoElement extends Components.VaOmbInfo, HTMLStencilElement {
|
|
1840
2221
|
}
|
|
1841
2222
|
var HTMLVaOmbInfoElement: {
|
|
1842
2223
|
prototype: HTMLVaOmbInfoElement;
|
|
1843
2224
|
new (): HTMLVaOmbInfoElement;
|
|
1844
2225
|
};
|
|
2226
|
+
/**
|
|
2227
|
+
* @componentName On this page
|
|
2228
|
+
* @maturityCategory use
|
|
2229
|
+
* @maturityLevel best_practice
|
|
2230
|
+
* @translations English
|
|
2231
|
+
* @translations Spanish
|
|
2232
|
+
* @translations Tagalog
|
|
2233
|
+
*/
|
|
1845
2234
|
interface HTMLVaOnThisPageElement extends Components.VaOnThisPage, HTMLStencilElement {
|
|
1846
2235
|
}
|
|
1847
2236
|
var HTMLVaOnThisPageElement: {
|
|
1848
2237
|
prototype: HTMLVaOnThisPageElement;
|
|
1849
2238
|
new (): HTMLVaOnThisPageElement;
|
|
1850
2239
|
};
|
|
2240
|
+
/**
|
|
2241
|
+
* @componentName Pagination
|
|
2242
|
+
* @maturityCategory use
|
|
2243
|
+
* @maturityLevel deployed
|
|
2244
|
+
*/
|
|
1851
2245
|
interface HTMLVaPaginationElement extends Components.VaPagination, HTMLStencilElement {
|
|
1852
2246
|
}
|
|
1853
2247
|
var HTMLVaPaginationElement: {
|
|
1854
2248
|
prototype: HTMLVaPaginationElement;
|
|
1855
2249
|
new (): HTMLVaPaginationElement;
|
|
1856
2250
|
};
|
|
2251
|
+
/**
|
|
2252
|
+
* @componentName Privacy agreement
|
|
2253
|
+
* @maturityCategory caution
|
|
2254
|
+
* @maturityLevel available
|
|
2255
|
+
*/
|
|
1857
2256
|
interface HTMLVaPrivacyAgreementElement extends Components.VaPrivacyAgreement, HTMLStencilElement {
|
|
1858
2257
|
}
|
|
1859
2258
|
var HTMLVaPrivacyAgreementElement: {
|
|
1860
2259
|
prototype: HTMLVaPrivacyAgreementElement;
|
|
1861
2260
|
new (): HTMLVaPrivacyAgreementElement;
|
|
1862
2261
|
};
|
|
2262
|
+
/**
|
|
2263
|
+
* @componentName Process list
|
|
2264
|
+
* @maturityCategory use
|
|
2265
|
+
* @maturityLevel deployed
|
|
2266
|
+
*/
|
|
1863
2267
|
interface HTMLVaProcessListElement extends Components.VaProcessList, HTMLStencilElement {
|
|
1864
2268
|
}
|
|
1865
2269
|
var HTMLVaProcessListElement: {
|
|
@@ -1872,18 +2276,40 @@ declare global {
|
|
|
1872
2276
|
prototype: HTMLVaProcessListItemElement;
|
|
1873
2277
|
new (): HTMLVaProcessListItemElement;
|
|
1874
2278
|
};
|
|
2279
|
+
/**
|
|
2280
|
+
* @componentName Progress bar - activity
|
|
2281
|
+
* @maturityCategory use
|
|
2282
|
+
* @maturityLevel deployed
|
|
2283
|
+
*/
|
|
1875
2284
|
interface HTMLVaProgressBarElement extends Components.VaProgressBar, HTMLStencilElement {
|
|
1876
2285
|
}
|
|
1877
2286
|
var HTMLVaProgressBarElement: {
|
|
1878
2287
|
prototype: HTMLVaProgressBarElement;
|
|
1879
2288
|
new (): HTMLVaProgressBarElement;
|
|
1880
2289
|
};
|
|
2290
|
+
/**
|
|
2291
|
+
* @componentName Banner - Promo
|
|
2292
|
+
* @maturityCategory use
|
|
2293
|
+
* @maturityLevel deployed
|
|
2294
|
+
* @guidanceHref banner/promo
|
|
2295
|
+
*/
|
|
1881
2296
|
interface HTMLVaPromoBannerElement extends Components.VaPromoBanner, HTMLStencilElement {
|
|
1882
2297
|
}
|
|
1883
2298
|
var HTMLVaPromoBannerElement: {
|
|
1884
2299
|
prototype: HTMLVaPromoBannerElement;
|
|
1885
2300
|
new (): HTMLVaPromoBannerElement;
|
|
1886
2301
|
};
|
|
2302
|
+
/**
|
|
2303
|
+
* @keydown The event emitted when a key is pressed.
|
|
2304
|
+
* @radioOptionSelected The event emitted when the selected option value changes.
|
|
2305
|
+
* @componentName Radio button
|
|
2306
|
+
* @maturityCategory use
|
|
2307
|
+
* @maturityLevel deployed
|
|
2308
|
+
* @guidanceHref form/radio-button
|
|
2309
|
+
* @translations English
|
|
2310
|
+
* @translations Spanish
|
|
2311
|
+
* @translations Tagalog
|
|
2312
|
+
*/
|
|
1887
2313
|
interface HTMLVaRadioElement extends Components.VaRadio, HTMLStencilElement {
|
|
1888
2314
|
}
|
|
1889
2315
|
var HTMLVaRadioElement: {
|
|
@@ -1896,30 +2322,60 @@ declare global {
|
|
|
1896
2322
|
prototype: HTMLVaRadioOptionElement;
|
|
1897
2323
|
new (): HTMLVaRadioOptionElement;
|
|
1898
2324
|
};
|
|
2325
|
+
/**
|
|
2326
|
+
* @componentName Search input
|
|
2327
|
+
* @maturityCategory use
|
|
2328
|
+
* @maturityLevel deployed
|
|
2329
|
+
*/
|
|
1899
2330
|
interface HTMLVaSearchInputElement extends Components.VaSearchInput, HTMLStencilElement {
|
|
1900
2331
|
}
|
|
1901
2332
|
var HTMLVaSearchInputElement: {
|
|
1902
2333
|
prototype: HTMLVaSearchInputElement;
|
|
1903
2334
|
new (): HTMLVaSearchInputElement;
|
|
1904
2335
|
};
|
|
2336
|
+
/**
|
|
2337
|
+
* @componentName Progress bar - segmented
|
|
2338
|
+
* @maturityCategory use
|
|
2339
|
+
* @maturityLevel deployed
|
|
2340
|
+
* @guidanceHref form/progress-bar-segmented
|
|
2341
|
+
*/
|
|
1905
2342
|
interface HTMLVaSegmentedProgressBarElement extends Components.VaSegmentedProgressBar, HTMLStencilElement {
|
|
1906
2343
|
}
|
|
1907
2344
|
var HTMLVaSegmentedProgressBarElement: {
|
|
1908
2345
|
prototype: HTMLVaSegmentedProgressBarElement;
|
|
1909
2346
|
new (): HTMLVaSegmentedProgressBarElement;
|
|
1910
2347
|
};
|
|
2348
|
+
/**
|
|
2349
|
+
* @nativeHandler onKeyDown
|
|
2350
|
+
* @componentName Select
|
|
2351
|
+
* @maturityCategory use
|
|
2352
|
+
* @maturityLevel deployed
|
|
2353
|
+
* @guidanceHref form/select
|
|
2354
|
+
* @translations English
|
|
2355
|
+
* @translations Spanish
|
|
2356
|
+
*/
|
|
1911
2357
|
interface HTMLVaSelectElement extends Components.VaSelect, HTMLStencilElement {
|
|
1912
2358
|
}
|
|
1913
2359
|
var HTMLVaSelectElement: {
|
|
1914
2360
|
prototype: HTMLVaSelectElement;
|
|
1915
2361
|
new (): HTMLVaSelectElement;
|
|
1916
2362
|
};
|
|
2363
|
+
/**
|
|
2364
|
+
* @componentName Statement of truth
|
|
2365
|
+
* @maturityCategory caution
|
|
2366
|
+
* @maturityLevel candidate
|
|
2367
|
+
*/
|
|
1917
2368
|
interface HTMLVaStatementOfTruthElement extends Components.VaStatementOfTruth, HTMLStencilElement {
|
|
1918
2369
|
}
|
|
1919
2370
|
var HTMLVaStatementOfTruthElement: {
|
|
1920
2371
|
prototype: HTMLVaStatementOfTruthElement;
|
|
1921
2372
|
new (): HTMLVaStatementOfTruthElement;
|
|
1922
2373
|
};
|
|
2374
|
+
/**
|
|
2375
|
+
* @componentName Summary box
|
|
2376
|
+
* @maturityCategory use
|
|
2377
|
+
* @maturityLevel deployed
|
|
2378
|
+
*/
|
|
1923
2379
|
interface HTMLVaSummaryBoxElement extends Components.VaSummaryBox, HTMLStencilElement {
|
|
1924
2380
|
}
|
|
1925
2381
|
var HTMLVaSummaryBoxElement: {
|
|
@@ -1932,6 +2388,11 @@ declare global {
|
|
|
1932
2388
|
prototype: HTMLVaTableElement;
|
|
1933
2389
|
new (): HTMLVaTableElement;
|
|
1934
2390
|
};
|
|
2391
|
+
/**
|
|
2392
|
+
* @componentName Table
|
|
2393
|
+
* @maturityCategory use
|
|
2394
|
+
* @maturityLevel best_practice
|
|
2395
|
+
*/
|
|
1935
2396
|
interface HTMLVaTableInnerElement extends Components.VaTableInner, HTMLStencilElement {
|
|
1936
2397
|
}
|
|
1937
2398
|
var HTMLVaTableInnerElement: {
|
|
@@ -1944,18 +2405,44 @@ declare global {
|
|
|
1944
2405
|
prototype: HTMLVaTableRowElement;
|
|
1945
2406
|
new (): HTMLVaTableRowElement;
|
|
1946
2407
|
};
|
|
2408
|
+
/**
|
|
2409
|
+
* @componentName Telephone
|
|
2410
|
+
* @maturityCategory use
|
|
2411
|
+
* @maturityLevel best_practice
|
|
2412
|
+
*/
|
|
1947
2413
|
interface HTMLVaTelephoneElement extends Components.VaTelephone, HTMLStencilElement {
|
|
1948
2414
|
}
|
|
1949
2415
|
var HTMLVaTelephoneElement: {
|
|
1950
2416
|
prototype: HTMLVaTelephoneElement;
|
|
1951
2417
|
new (): HTMLVaTelephoneElement;
|
|
1952
2418
|
};
|
|
2419
|
+
/**
|
|
2420
|
+
* @nativeHandler onInput
|
|
2421
|
+
* @nativeHandler onBlur
|
|
2422
|
+
* @componentName Text input
|
|
2423
|
+
* @maturityCategory use
|
|
2424
|
+
* @maturityLevel deployed
|
|
2425
|
+
* @guidanceHref form/text-input
|
|
2426
|
+
* @translations English
|
|
2427
|
+
* @translations Spanish
|
|
2428
|
+
* @translations Tagalog
|
|
2429
|
+
*/
|
|
1953
2430
|
interface HTMLVaTextInputElement extends Components.VaTextInput, HTMLStencilElement {
|
|
1954
2431
|
}
|
|
1955
2432
|
var HTMLVaTextInputElement: {
|
|
1956
2433
|
prototype: HTMLVaTextInputElement;
|
|
1957
2434
|
new (): HTMLVaTextInputElement;
|
|
1958
2435
|
};
|
|
2436
|
+
/**
|
|
2437
|
+
* @nativeHandler onInput
|
|
2438
|
+
* @nativeHandler onBlur
|
|
2439
|
+
* @componentName Textarea
|
|
2440
|
+
* @maturityCategory use
|
|
2441
|
+
* @maturityLevel deployed
|
|
2442
|
+
* @guidanceHref form/textarea
|
|
2443
|
+
* @translations English
|
|
2444
|
+
* @translations Spanish
|
|
2445
|
+
*/
|
|
1959
2446
|
interface HTMLVaTextareaElement extends Components.VaTextarea, HTMLStencilElement {
|
|
1960
2447
|
}
|
|
1961
2448
|
var HTMLVaTextareaElement: {
|
|
@@ -1992,7 +2479,6 @@ declare global {
|
|
|
1992
2479
|
"va-modal": HTMLVaModalElement;
|
|
1993
2480
|
"va-need-help": HTMLVaNeedHelpElement;
|
|
1994
2481
|
"va-notification": HTMLVaNotificationElement;
|
|
1995
|
-
"va-number-input": HTMLVaNumberInputElement;
|
|
1996
2482
|
"va-official-gov-banner": HTMLVaOfficialGovBannerElement;
|
|
1997
2483
|
"va-omb-info": HTMLVaOmbInfoElement;
|
|
1998
2484
|
"va-on-this-page": HTMLVaOnThisPageElement;
|
|
@@ -2018,6 +2504,15 @@ declare global {
|
|
|
2018
2504
|
}
|
|
2019
2505
|
}
|
|
2020
2506
|
declare namespace LocalJSX {
|
|
2507
|
+
/**
|
|
2508
|
+
* @componentName Accordion
|
|
2509
|
+
* @accordionItemToggled This event is fired when an accordion item is opened or closed
|
|
2510
|
+
* @maturityCategory use
|
|
2511
|
+
* @maturityLevel best_practice
|
|
2512
|
+
* @translations English
|
|
2513
|
+
* @translations Spanish
|
|
2514
|
+
* @translations Tagalog
|
|
2515
|
+
*/
|
|
2021
2516
|
interface VaAccordion {
|
|
2022
2517
|
/**
|
|
2023
2518
|
* If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
|
|
@@ -2062,6 +2557,11 @@ declare namespace LocalJSX {
|
|
|
2062
2557
|
*/
|
|
2063
2558
|
"subheader"?: string;
|
|
2064
2559
|
}
|
|
2560
|
+
/**
|
|
2561
|
+
* @componentName Additional info
|
|
2562
|
+
* @maturityCategory use
|
|
2563
|
+
* @maturityLevel deployed
|
|
2564
|
+
*/
|
|
2065
2565
|
interface VaAdditionalInfo {
|
|
2066
2566
|
/**
|
|
2067
2567
|
* If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
|
|
@@ -2080,6 +2580,11 @@ declare namespace LocalJSX {
|
|
|
2080
2580
|
*/
|
|
2081
2581
|
"trigger": string;
|
|
2082
2582
|
}
|
|
2583
|
+
/**
|
|
2584
|
+
* @componentName Alert
|
|
2585
|
+
* @maturityCategory use
|
|
2586
|
+
* @maturityLevel best_practice
|
|
2587
|
+
*/
|
|
2083
2588
|
interface VaAlert {
|
|
2084
2589
|
/**
|
|
2085
2590
|
* Aria-label text for the close button.
|
|
@@ -2126,6 +2631,11 @@ declare namespace LocalJSX {
|
|
|
2126
2631
|
*/
|
|
2127
2632
|
"visible"?: boolean;
|
|
2128
2633
|
}
|
|
2634
|
+
/**
|
|
2635
|
+
* @componentName Alert - expandable
|
|
2636
|
+
* @maturityCategory caution
|
|
2637
|
+
* @maturityLevel candidate
|
|
2638
|
+
*/
|
|
2129
2639
|
interface VaAlertExpandable {
|
|
2130
2640
|
/**
|
|
2131
2641
|
* If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
|
|
@@ -2148,8 +2658,18 @@ declare namespace LocalJSX {
|
|
|
2148
2658
|
*/
|
|
2149
2659
|
"trigger": string;
|
|
2150
2660
|
}
|
|
2661
|
+
/**
|
|
2662
|
+
* @componentName Back to top
|
|
2663
|
+
* @maturityCategory use
|
|
2664
|
+
* @maturityLevel deployed
|
|
2665
|
+
*/
|
|
2151
2666
|
interface VaBackToTop {
|
|
2152
2667
|
}
|
|
2668
|
+
/**
|
|
2669
|
+
* @componentName Banner
|
|
2670
|
+
* @maturityCategory use
|
|
2671
|
+
* @maturityLevel deployed
|
|
2672
|
+
*/
|
|
2153
2673
|
interface VaBanner {
|
|
2154
2674
|
/**
|
|
2155
2675
|
* Aria Label for the "region" of the nested va-alert.
|
|
@@ -2184,6 +2704,11 @@ declare namespace LocalJSX {
|
|
|
2184
2704
|
*/
|
|
2185
2705
|
"windowSession"?: boolean;
|
|
2186
2706
|
}
|
|
2707
|
+
/**
|
|
2708
|
+
* @componentName Breadcrumbs
|
|
2709
|
+
* @maturityCategory use
|
|
2710
|
+
* @maturityLevel deployed
|
|
2711
|
+
*/
|
|
2187
2712
|
interface VaBreadcrumbs {
|
|
2188
2713
|
/**
|
|
2189
2714
|
* Represents a list of breadcrumbs. Use a JSON array of objects with label and href properties, then wrap in a string if using non-React-binding version. See Storybook examples for React-binding version. For pure web components, here's an example link: ``[{"href": "/link1", "label": "Link 1"}]`.
|
|
@@ -2214,6 +2739,12 @@ declare namespace LocalJSX {
|
|
|
2214
2739
|
*/
|
|
2215
2740
|
"wrapping"?: boolean;
|
|
2216
2741
|
}
|
|
2742
|
+
/**
|
|
2743
|
+
* @componentName Button
|
|
2744
|
+
* @nativeHandler onClick
|
|
2745
|
+
* @maturityCategory caution
|
|
2746
|
+
* @maturityLevel candidate
|
|
2747
|
+
*/
|
|
2217
2748
|
interface VaButton {
|
|
2218
2749
|
/**
|
|
2219
2750
|
* If `true`, the button will use `Back` as its text and an icon to represent going back in form flows.
|
|
@@ -2264,6 +2795,12 @@ declare namespace LocalJSX {
|
|
|
2264
2795
|
*/
|
|
2265
2796
|
"text"?: string;
|
|
2266
2797
|
}
|
|
2798
|
+
/**
|
|
2799
|
+
* @componentName Button - Icon
|
|
2800
|
+
* @nativeHandler onClick
|
|
2801
|
+
* @maturityCategory caution
|
|
2802
|
+
* @maturityLevel candidate
|
|
2803
|
+
*/
|
|
2267
2804
|
interface VaButtonIcon {
|
|
2268
2805
|
"buttonType"?: keyof typeof this.buttonTypeMap;
|
|
2269
2806
|
/**
|
|
@@ -2279,6 +2816,12 @@ declare namespace LocalJSX {
|
|
|
2279
2816
|
*/
|
|
2280
2817
|
"onComponent-library-analytics"?: (event: VaButtonIconCustomEvent<any>) => void;
|
|
2281
2818
|
}
|
|
2819
|
+
/**
|
|
2820
|
+
* @componentName Button pair
|
|
2821
|
+
* @maturityCategory caution
|
|
2822
|
+
* @maturityLevel candidate
|
|
2823
|
+
* @guidanceHref button/button-pair
|
|
2824
|
+
*/
|
|
2282
2825
|
interface VaButtonPair {
|
|
2283
2826
|
/**
|
|
2284
2827
|
* If `true`, button pair will use Continue and Back for button text.
|
|
@@ -2288,6 +2831,10 @@ declare namespace LocalJSX {
|
|
|
2288
2831
|
* If `true`, the component-library-analytics event is disabled.
|
|
2289
2832
|
*/
|
|
2290
2833
|
"disableAnalytics"?: boolean;
|
|
2834
|
+
/**
|
|
2835
|
+
* Custom text that will be applied to the left va-button inside the component. If set will override text controlled by the 'update' prop.
|
|
2836
|
+
*/
|
|
2837
|
+
"leftButtonText"?: string;
|
|
2291
2838
|
/**
|
|
2292
2839
|
* The event used to track usage of the component.
|
|
2293
2840
|
*/
|
|
@@ -2304,6 +2851,10 @@ declare namespace LocalJSX {
|
|
|
2304
2851
|
* Applies to the primary button aria-label.
|
|
2305
2852
|
*/
|
|
2306
2853
|
"primaryLabel"?: string;
|
|
2854
|
+
/**
|
|
2855
|
+
* Custom text that will be applied to the right va-button inside the component. If set will override text controlled by the 'update' prop,
|
|
2856
|
+
*/
|
|
2857
|
+
"rightButtonText"?: string;
|
|
2307
2858
|
/**
|
|
2308
2859
|
* Applies to the secondary button aria-label.
|
|
2309
2860
|
*/
|
|
@@ -2317,6 +2868,11 @@ declare namespace LocalJSX {
|
|
|
2317
2868
|
*/
|
|
2318
2869
|
"update"?: boolean;
|
|
2319
2870
|
}
|
|
2871
|
+
/**
|
|
2872
|
+
* @componentName Card
|
|
2873
|
+
* @maturityCategory caution
|
|
2874
|
+
* @maturityLevel candidate
|
|
2875
|
+
*/
|
|
2320
2876
|
interface VaCard {
|
|
2321
2877
|
/**
|
|
2322
2878
|
* If `true`, the card will have a gray background.
|
|
@@ -2327,6 +2883,16 @@ declare namespace LocalJSX {
|
|
|
2327
2883
|
*/
|
|
2328
2884
|
"showShadow"?: boolean;
|
|
2329
2885
|
}
|
|
2886
|
+
/**
|
|
2887
|
+
* @nativeHandler onBlur
|
|
2888
|
+
* @componentName Checkbox
|
|
2889
|
+
* @maturityCategory use
|
|
2890
|
+
* @maturityLevel deployed
|
|
2891
|
+
* @guidanceHref form/checkbox
|
|
2892
|
+
* @translations English
|
|
2893
|
+
* @translations Spanish
|
|
2894
|
+
* @translations Tagalog
|
|
2895
|
+
*/
|
|
2330
2896
|
interface VaCheckbox {
|
|
2331
2897
|
/**
|
|
2332
2898
|
* Description of the option displayed below the checkbox label.
|
|
@@ -2385,6 +2951,16 @@ declare namespace LocalJSX {
|
|
|
2385
2951
|
*/
|
|
2386
2952
|
"tile"?: boolean;
|
|
2387
2953
|
}
|
|
2954
|
+
/**
|
|
2955
|
+
* @vaChange The event emitted when the input value changes.
|
|
2956
|
+
* @componentName Checkbox group
|
|
2957
|
+
* @maturityCategory use
|
|
2958
|
+
* @maturityLevel deployed
|
|
2959
|
+
* @guidanceHref form/checkbox
|
|
2960
|
+
* @translations English
|
|
2961
|
+
* @translations Spanish
|
|
2962
|
+
* @translations Tagalog
|
|
2963
|
+
*/
|
|
2388
2964
|
interface VaCheckboxGroup {
|
|
2389
2965
|
/**
|
|
2390
2966
|
* Whether or not an analytics event will be fired.
|
|
@@ -2427,8 +3003,19 @@ declare namespace LocalJSX {
|
|
|
2427
3003
|
*/
|
|
2428
3004
|
"useFormsPattern"?: string;
|
|
2429
3005
|
}
|
|
3006
|
+
/**
|
|
3007
|
+
* @componentName Crisis Line Modal
|
|
3008
|
+
* @maturityCategory caution
|
|
3009
|
+
* @maturityLevel candidate
|
|
3010
|
+
*/
|
|
2430
3011
|
interface VaCrisisLineModal {
|
|
2431
3012
|
}
|
|
3013
|
+
/**
|
|
3014
|
+
* @componentName Date input
|
|
3015
|
+
* @maturityCategory use
|
|
3016
|
+
* @maturityLevel deployed
|
|
3017
|
+
* @guidanceHref form/date-input
|
|
3018
|
+
*/
|
|
2432
3019
|
interface VaDate {
|
|
2433
3020
|
/**
|
|
2434
3021
|
* Whether or not an analytics event will be fired.
|
|
@@ -2478,6 +3065,12 @@ declare namespace LocalJSX {
|
|
|
2478
3065
|
*/
|
|
2479
3066
|
"value"?: string;
|
|
2480
3067
|
}
|
|
3068
|
+
/**
|
|
3069
|
+
* @componentName File input
|
|
3070
|
+
* @maturityCategory caution
|
|
3071
|
+
* @maturityLevel available
|
|
3072
|
+
* @guidanceHref form/file-input
|
|
3073
|
+
*/
|
|
2481
3074
|
interface VaFileInput {
|
|
2482
3075
|
/**
|
|
2483
3076
|
* A comma-separated list of unique file type specifiers.
|
|
@@ -2528,6 +3121,14 @@ declare namespace LocalJSX {
|
|
|
2528
3121
|
*/
|
|
2529
3122
|
"required"?: boolean;
|
|
2530
3123
|
}
|
|
3124
|
+
/**
|
|
3125
|
+
* A component that manages multiple file inputs, allowing users to upload several files.
|
|
3126
|
+
* It supports adding, changing, and removing files with dynamic error handling.
|
|
3127
|
+
* @componentName File input multiple
|
|
3128
|
+
* @maturityCategory caution
|
|
3129
|
+
* @maturityLevel available
|
|
3130
|
+
* @guidanceHref form/file-input-multiple
|
|
3131
|
+
*/
|
|
2531
3132
|
interface VaFileInputMultiple {
|
|
2532
3133
|
/**
|
|
2533
3134
|
* Defines acceptable file types the user can select; uses file type or extensions.
|
|
@@ -2566,6 +3167,12 @@ declare namespace LocalJSX {
|
|
|
2566
3167
|
*/
|
|
2567
3168
|
"required"?: boolean;
|
|
2568
3169
|
}
|
|
3170
|
+
/**
|
|
3171
|
+
* @componentName Header - Minimal
|
|
3172
|
+
* @maturityCategory caution
|
|
3173
|
+
* @maturityLevel candidate
|
|
3174
|
+
* @guidanceHref header/header-minimal
|
|
3175
|
+
*/
|
|
2569
3176
|
interface VaHeaderMinimal {
|
|
2570
3177
|
/**
|
|
2571
3178
|
* Disables use of heading tags in the minimal header in favor of `<div>` tags. This is for when a heading level 1 needs to be used elsewhere, as there should only be one heading level 1 per page.
|
|
@@ -2574,6 +3181,11 @@ declare namespace LocalJSX {
|
|
|
2574
3181
|
"header"?: string;
|
|
2575
3182
|
"subheader"?: string;
|
|
2576
3183
|
}
|
|
3184
|
+
/**
|
|
3185
|
+
* @componentName Icon
|
|
3186
|
+
* @maturityCategory caution
|
|
3187
|
+
* @maturityLevel candidate
|
|
3188
|
+
*/
|
|
2577
3189
|
interface VaIcon {
|
|
2578
3190
|
/**
|
|
2579
3191
|
* The name of the icon to use
|
|
@@ -2588,6 +3200,11 @@ declare namespace LocalJSX {
|
|
|
2588
3200
|
*/
|
|
2589
3201
|
"srtext"?: string;
|
|
2590
3202
|
}
|
|
3203
|
+
/**
|
|
3204
|
+
* @componentName Link
|
|
3205
|
+
* @maturityCategory caution
|
|
3206
|
+
* @maturityLevel candidate
|
|
3207
|
+
*/
|
|
2591
3208
|
interface VaLink {
|
|
2592
3209
|
/**
|
|
2593
3210
|
* The title used in the abbr element. If filetype is PDF, the abbr title will be Portable Document Format.
|
|
@@ -2597,6 +3214,10 @@ declare namespace LocalJSX {
|
|
|
2597
3214
|
* If `true`, the anchor text will be bolded and include a right arrow icon.
|
|
2598
3215
|
*/
|
|
2599
3216
|
"active"?: boolean;
|
|
3217
|
+
/**
|
|
3218
|
+
* If 'true', renders a "back arrow" in front of the link text
|
|
3219
|
+
*/
|
|
3220
|
+
"back"?: boolean;
|
|
2600
3221
|
/**
|
|
2601
3222
|
* If `true`, a calendar icon will be displayed before the anchor text.
|
|
2602
3223
|
*/
|
|
@@ -2613,6 +3234,10 @@ declare namespace LocalJSX {
|
|
|
2613
3234
|
* If `true`, the link will be treated as a download, and a download icon will be displayed before the anchor text.
|
|
2614
3235
|
*/
|
|
2615
3236
|
"download"?: boolean;
|
|
3237
|
+
/**
|
|
3238
|
+
* If 'true', will open in a new tab and have icon denoting that. Will also have the text "opens in a new tab" appended to the link text in screen reader only span
|
|
3239
|
+
*/
|
|
3240
|
+
"external"?: boolean;
|
|
2616
3241
|
/**
|
|
2617
3242
|
* The suggested filename. Only valid if download or calendar is `true`.
|
|
2618
3243
|
*/
|
|
@@ -2658,6 +3283,11 @@ declare namespace LocalJSX {
|
|
|
2658
3283
|
*/
|
|
2659
3284
|
"video"?: boolean;
|
|
2660
3285
|
}
|
|
3286
|
+
/**
|
|
3287
|
+
* @componentName Link - Action
|
|
3288
|
+
* @maturityCategory caution
|
|
3289
|
+
* @maturityLevel candidate
|
|
3290
|
+
*/
|
|
2661
3291
|
interface VaLinkAction {
|
|
2662
3292
|
/**
|
|
2663
3293
|
* If `true`, the component-library-analytics event is disabled.
|
|
@@ -2684,6 +3314,11 @@ declare namespace LocalJSX {
|
|
|
2684
3314
|
*/
|
|
2685
3315
|
"type"?: "primary" | "secondary" | "reverse";
|
|
2686
3316
|
}
|
|
3317
|
+
/**
|
|
3318
|
+
* @componentName Loading indicator
|
|
3319
|
+
* @maturityCategory use
|
|
3320
|
+
* @maturityLevel best_practice
|
|
3321
|
+
*/
|
|
2687
3322
|
interface VaLoadingIndicator {
|
|
2688
3323
|
/**
|
|
2689
3324
|
* Analytics tracking function(s) will be called. Form components are disabled by default due to PII/PHI concerns.
|
|
@@ -2706,6 +3341,11 @@ declare namespace LocalJSX {
|
|
|
2706
3341
|
*/
|
|
2707
3342
|
"setFocus"?: boolean;
|
|
2708
3343
|
}
|
|
3344
|
+
/**
|
|
3345
|
+
* @componentName Banner - Maintenance
|
|
3346
|
+
* @maturityCategory caution
|
|
3347
|
+
* @maturityLevel available
|
|
3348
|
+
*/
|
|
2709
3349
|
interface VaMaintenanceBanner {
|
|
2710
3350
|
/**
|
|
2711
3351
|
* A unique ID that will be used for conditionally rendering the banner based on if the user has dismissed it already.
|
|
@@ -2748,6 +3388,14 @@ declare namespace LocalJSX {
|
|
|
2748
3388
|
*/
|
|
2749
3389
|
"upcomingWarnTitle"?: string;
|
|
2750
3390
|
}
|
|
3391
|
+
/**
|
|
3392
|
+
* @componentName Memorable date
|
|
3393
|
+
* @maturityCategory caution
|
|
3394
|
+
* @maturityLevel available
|
|
3395
|
+
* @guidanceHref form/memorable-date
|
|
3396
|
+
* @translations English
|
|
3397
|
+
* @translations Spanish
|
|
3398
|
+
*/
|
|
2751
3399
|
interface VaMemorableDate {
|
|
2752
3400
|
/**
|
|
2753
3401
|
* A custom error message to display if the day is invalid
|
|
@@ -2821,8 +3469,20 @@ declare namespace LocalJSX {
|
|
|
2821
3469
|
*/
|
|
2822
3470
|
"value"?: string;
|
|
2823
3471
|
}
|
|
3472
|
+
/**
|
|
3473
|
+
* @componentName Minimal Footer
|
|
3474
|
+
* @maturityCategory caution
|
|
3475
|
+
* @maturityLevel candidate
|
|
3476
|
+
*/
|
|
2824
3477
|
interface VaMinimalFooter {
|
|
2825
3478
|
}
|
|
3479
|
+
/**
|
|
3480
|
+
* @click Used to detect clicks outside of modal contents to close modal.
|
|
3481
|
+
* @keydown Used to detect Escape key to close modal.
|
|
3482
|
+
* @componentName Modal
|
|
3483
|
+
* @maturityCategory use
|
|
3484
|
+
* @maturityLevel deployed
|
|
3485
|
+
*/
|
|
2826
3486
|
interface VaModal {
|
|
2827
3487
|
/**
|
|
2828
3488
|
* Additional DOM-nodes that should not be hidden from screen readers. Useful when an open modal shouldn't hide all content behind the overlay.
|
|
@@ -2886,8 +3546,19 @@ declare namespace LocalJSX {
|
|
|
2886
3546
|
*/
|
|
2887
3547
|
"visible"?: boolean;
|
|
2888
3548
|
}
|
|
3549
|
+
/**
|
|
3550
|
+
* @componentName Need help?
|
|
3551
|
+
* @maturityCategory caution
|
|
3552
|
+
* @maturityLevel candidate
|
|
3553
|
+
* @guidanceHref form/need-help
|
|
3554
|
+
*/
|
|
2889
3555
|
interface VaNeedHelp {
|
|
2890
3556
|
}
|
|
3557
|
+
/**
|
|
3558
|
+
* @componentName Notification
|
|
3559
|
+
* @maturityCategory dont_use
|
|
3560
|
+
* @maturityLevel deprecated
|
|
3561
|
+
*/
|
|
2891
3562
|
interface VaNotification {
|
|
2892
3563
|
/**
|
|
2893
3564
|
* Aria-label text for the close button.
|
|
@@ -2946,80 +3617,11 @@ declare namespace LocalJSX {
|
|
|
2946
3617
|
*/
|
|
2947
3618
|
"visible"?: boolean;
|
|
2948
3619
|
}
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
/**
|
|
2955
|
-
* Emit component-library-analytics events on the blur event.
|
|
2956
|
-
*/
|
|
2957
|
-
"enableAnalytics"?: boolean;
|
|
2958
|
-
/**
|
|
2959
|
-
* The error message to render.
|
|
2960
|
-
*/
|
|
2961
|
-
"error"?: string;
|
|
2962
|
-
/**
|
|
2963
|
-
* The content of the heading if `useFormsPattern` and `uswds` are true.
|
|
2964
|
-
*/
|
|
2965
|
-
"formHeading"?: string;
|
|
2966
|
-
/**
|
|
2967
|
-
* The heading level for the heading if `useFormsPattern` and `uswds` are true.
|
|
2968
|
-
*/
|
|
2969
|
-
"formHeadingLevel"?: number;
|
|
2970
|
-
/**
|
|
2971
|
-
* Optional hint text.
|
|
2972
|
-
*/
|
|
2973
|
-
"hint"?: string;
|
|
2974
|
-
/**
|
|
2975
|
-
* The inputmode attribute.
|
|
2976
|
-
*/
|
|
2977
|
-
"inputmode"?: 'decimal' | 'numeric';
|
|
2978
|
-
/**
|
|
2979
|
-
* The label for the text input.
|
|
2980
|
-
*/
|
|
2981
|
-
"label"?: string;
|
|
2982
|
-
/**
|
|
2983
|
-
* Maximum number value The max attribute specifies the maximum value for an input element.
|
|
2984
|
-
*/
|
|
2985
|
-
"max"?: number | string;
|
|
2986
|
-
/**
|
|
2987
|
-
* An optional message that will be read by screen readers when the input is focused.
|
|
2988
|
-
*/
|
|
2989
|
-
"messageAriaDescribedby"?: string;
|
|
2990
|
-
/**
|
|
2991
|
-
* Minimum number value The min attribute specifies the minimum value for an input element.
|
|
2992
|
-
*/
|
|
2993
|
-
"min"?: number | string;
|
|
2994
|
-
/**
|
|
2995
|
-
* The name to pass to the input element.
|
|
2996
|
-
*/
|
|
2997
|
-
"name"?: string;
|
|
2998
|
-
/**
|
|
2999
|
-
* The event used to track usage of the component. This is emitted when the input is blurred and enableAnalytics is true.
|
|
3000
|
-
*/
|
|
3001
|
-
"onComponent-library-analytics"?: (event: VaNumberInputCustomEvent<any>) => void;
|
|
3002
|
-
/**
|
|
3003
|
-
* Set the input to required and render the (Required) text.
|
|
3004
|
-
*/
|
|
3005
|
-
"required"?: boolean;
|
|
3006
|
-
/**
|
|
3007
|
-
* Enabling this will add a heading and description for integrating into the forms pattern. Accepts `single` or `multiple` to indicate if the form is a single input or will have multiple inputs. `uswds` should be true.
|
|
3008
|
-
*/
|
|
3009
|
-
"useFormsPattern"?: string;
|
|
3010
|
-
/**
|
|
3011
|
-
* Whether or not the component will use USWDS v3 styling.
|
|
3012
|
-
*/
|
|
3013
|
-
"uswds"?: boolean;
|
|
3014
|
-
/**
|
|
3015
|
-
* The value for the input.
|
|
3016
|
-
*/
|
|
3017
|
-
"value"?: string;
|
|
3018
|
-
/**
|
|
3019
|
-
* Displays the input at a specific width. Accepts 2xs (4ex), xs (7ex), sm or small (10ex), md or medium (20ex), lg (30ex), xl (40ex), and 2xl (50ex).
|
|
3020
|
-
*/
|
|
3021
|
-
"width"?: string;
|
|
3022
|
-
}
|
|
3620
|
+
/**
|
|
3621
|
+
* @componentName Banner - Official Gov
|
|
3622
|
+
* @maturityCategory caution
|
|
3623
|
+
* @maturityLevel candidate
|
|
3624
|
+
*/
|
|
3023
3625
|
interface VaOfficialGovBanner {
|
|
3024
3626
|
/**
|
|
3025
3627
|
* If `true`, the component-library-analytics event is disabled.
|
|
@@ -3034,6 +3636,11 @@ declare namespace LocalJSX {
|
|
|
3034
3636
|
*/
|
|
3035
3637
|
"tld"?: string;
|
|
3036
3638
|
}
|
|
3639
|
+
/**
|
|
3640
|
+
* @componentName OMB info
|
|
3641
|
+
* @maturityCategory use
|
|
3642
|
+
* @maturityLevel best_practice
|
|
3643
|
+
*/
|
|
3037
3644
|
interface VaOmbInfo {
|
|
3038
3645
|
/**
|
|
3039
3646
|
* The name of the benefit displayed in the Respondent Burden section of the Privacy Act Statement.
|
|
@@ -3052,6 +3659,14 @@ declare namespace LocalJSX {
|
|
|
3052
3659
|
*/
|
|
3053
3660
|
"resBurden"?: number;
|
|
3054
3661
|
}
|
|
3662
|
+
/**
|
|
3663
|
+
* @componentName On this page
|
|
3664
|
+
* @maturityCategory use
|
|
3665
|
+
* @maturityLevel best_practice
|
|
3666
|
+
* @translations English
|
|
3667
|
+
* @translations Spanish
|
|
3668
|
+
* @translations Tagalog
|
|
3669
|
+
*/
|
|
3055
3670
|
interface VaOnThisPage {
|
|
3056
3671
|
/**
|
|
3057
3672
|
* If true, analytics event will not be fired
|
|
@@ -3062,6 +3677,11 @@ declare namespace LocalJSX {
|
|
|
3062
3677
|
*/
|
|
3063
3678
|
"onComponent-library-analytics"?: (event: VaOnThisPageCustomEvent<any>) => void;
|
|
3064
3679
|
}
|
|
3680
|
+
/**
|
|
3681
|
+
* @componentName Pagination
|
|
3682
|
+
* @maturityCategory use
|
|
3683
|
+
* @maturityLevel deployed
|
|
3684
|
+
*/
|
|
3065
3685
|
interface VaPagination {
|
|
3066
3686
|
/**
|
|
3067
3687
|
* Aria-label suffix text for buttons
|
|
@@ -3100,6 +3720,11 @@ declare namespace LocalJSX {
|
|
|
3100
3720
|
*/
|
|
3101
3721
|
"unbounded"?: boolean;
|
|
3102
3722
|
}
|
|
3723
|
+
/**
|
|
3724
|
+
* @componentName Privacy agreement
|
|
3725
|
+
* @maturityCategory caution
|
|
3726
|
+
* @maturityLevel available
|
|
3727
|
+
*/
|
|
3103
3728
|
interface VaPrivacyAgreement {
|
|
3104
3729
|
/**
|
|
3105
3730
|
* Whether the checkbox is checked or not.
|
|
@@ -3122,6 +3747,11 @@ declare namespace LocalJSX {
|
|
|
3122
3747
|
*/
|
|
3123
3748
|
"showError"?: boolean;
|
|
3124
3749
|
}
|
|
3750
|
+
/**
|
|
3751
|
+
* @componentName Process list
|
|
3752
|
+
* @maturityCategory use
|
|
3753
|
+
* @maturityLevel deployed
|
|
3754
|
+
*/
|
|
3125
3755
|
interface VaProcessList {
|
|
3126
3756
|
}
|
|
3127
3757
|
interface VaProcessListItem {
|
|
@@ -3146,6 +3776,11 @@ declare namespace LocalJSX {
|
|
|
3146
3776
|
*/
|
|
3147
3777
|
"pending"?: boolean;
|
|
3148
3778
|
}
|
|
3779
|
+
/**
|
|
3780
|
+
* @componentName Progress bar - activity
|
|
3781
|
+
* @maturityCategory use
|
|
3782
|
+
* @maturityLevel deployed
|
|
3783
|
+
*/
|
|
3149
3784
|
interface VaProgressBar {
|
|
3150
3785
|
/**
|
|
3151
3786
|
* Whether or not an analytics event will be fired.
|
|
@@ -3164,6 +3799,12 @@ declare namespace LocalJSX {
|
|
|
3164
3799
|
*/
|
|
3165
3800
|
"percent": number;
|
|
3166
3801
|
}
|
|
3802
|
+
/**
|
|
3803
|
+
* @componentName Banner - Promo
|
|
3804
|
+
* @maturityCategory use
|
|
3805
|
+
* @maturityLevel deployed
|
|
3806
|
+
* @guidanceHref banner/promo
|
|
3807
|
+
*/
|
|
3167
3808
|
interface VaPromoBanner {
|
|
3168
3809
|
/**
|
|
3169
3810
|
* Analytics tracking function(s) will not be called
|
|
@@ -3186,6 +3827,17 @@ declare namespace LocalJSX {
|
|
|
3186
3827
|
*/
|
|
3187
3828
|
"type"?: 'announcement' | 'news' | 'email-signup';
|
|
3188
3829
|
}
|
|
3830
|
+
/**
|
|
3831
|
+
* @keydown The event emitted when a key is pressed.
|
|
3832
|
+
* @radioOptionSelected The event emitted when the selected option value changes.
|
|
3833
|
+
* @componentName Radio button
|
|
3834
|
+
* @maturityCategory use
|
|
3835
|
+
* @maturityLevel deployed
|
|
3836
|
+
* @guidanceHref form/radio-button
|
|
3837
|
+
* @translations English
|
|
3838
|
+
* @translations Spanish
|
|
3839
|
+
* @translations Tagalog
|
|
3840
|
+
*/
|
|
3189
3841
|
interface VaRadio {
|
|
3190
3842
|
/**
|
|
3191
3843
|
* Whether or not an analytics event will be fired.
|
|
@@ -3274,6 +3926,11 @@ declare namespace LocalJSX {
|
|
|
3274
3926
|
*/
|
|
3275
3927
|
"value": string;
|
|
3276
3928
|
}
|
|
3929
|
+
/**
|
|
3930
|
+
* @componentName Search input
|
|
3931
|
+
* @maturityCategory use
|
|
3932
|
+
* @maturityLevel deployed
|
|
3933
|
+
*/
|
|
3277
3934
|
interface VaSearchInput {
|
|
3278
3935
|
/**
|
|
3279
3936
|
* If `true`, the component will use the big variant.
|
|
@@ -3308,6 +3965,12 @@ declare namespace LocalJSX {
|
|
|
3308
3965
|
*/
|
|
3309
3966
|
"value"?: string;
|
|
3310
3967
|
}
|
|
3968
|
+
/**
|
|
3969
|
+
* @componentName Progress bar - segmented
|
|
3970
|
+
* @maturityCategory use
|
|
3971
|
+
* @maturityLevel deployed
|
|
3972
|
+
* @guidanceHref form/progress-bar-segmented
|
|
3973
|
+
*/
|
|
3311
3974
|
interface VaSegmentedProgressBar {
|
|
3312
3975
|
/**
|
|
3313
3976
|
* Whether or not to center the step labels
|
|
@@ -3358,6 +4021,15 @@ declare namespace LocalJSX {
|
|
|
3358
4021
|
*/
|
|
3359
4022
|
"useDiv"?: boolean;
|
|
3360
4023
|
}
|
|
4024
|
+
/**
|
|
4025
|
+
* @nativeHandler onKeyDown
|
|
4026
|
+
* @componentName Select
|
|
4027
|
+
* @maturityCategory use
|
|
4028
|
+
* @maturityLevel deployed
|
|
4029
|
+
* @guidanceHref form/select
|
|
4030
|
+
* @translations English
|
|
4031
|
+
* @translations Spanish
|
|
4032
|
+
*/
|
|
3361
4033
|
interface VaSelect {
|
|
3362
4034
|
/**
|
|
3363
4035
|
* Whether or not to fire the analytics events
|
|
@@ -3412,6 +4084,11 @@ declare namespace LocalJSX {
|
|
|
3412
4084
|
*/
|
|
3413
4085
|
"value"?: string;
|
|
3414
4086
|
}
|
|
4087
|
+
/**
|
|
4088
|
+
* @componentName Statement of truth
|
|
4089
|
+
* @maturityCategory caution
|
|
4090
|
+
* @maturityLevel candidate
|
|
4091
|
+
*/
|
|
3415
4092
|
interface VaStatementOfTruth {
|
|
3416
4093
|
/**
|
|
3417
4094
|
* The error to be applied to the va-check-box element
|
|
@@ -3458,17 +4135,14 @@ declare namespace LocalJSX {
|
|
|
3458
4135
|
*/
|
|
3459
4136
|
"onVaInputChange"?: (event: VaStatementOfTruthCustomEvent<any>) => void;
|
|
3460
4137
|
}
|
|
4138
|
+
/**
|
|
4139
|
+
* @componentName Summary box
|
|
4140
|
+
* @maturityCategory use
|
|
4141
|
+
* @maturityLevel deployed
|
|
4142
|
+
*/
|
|
3461
4143
|
interface VaSummaryBox {
|
|
3462
4144
|
}
|
|
3463
4145
|
interface VaTable {
|
|
3464
|
-
/**
|
|
3465
|
-
* Whether the initial sort state will be descending or not.
|
|
3466
|
-
*/
|
|
3467
|
-
"descending"?: boolean;
|
|
3468
|
-
/**
|
|
3469
|
-
* The zero-based index of the column to sort by (Doesn't work in IE11). Optional.
|
|
3470
|
-
*/
|
|
3471
|
-
"sortColumn"?: number;
|
|
3472
4146
|
/**
|
|
3473
4147
|
* Convert to a stacked table when screen size is small True by default, must specify if false if this is unwanted
|
|
3474
4148
|
*/
|
|
@@ -3481,25 +4155,18 @@ declare namespace LocalJSX {
|
|
|
3481
4155
|
* If uswds is true, the type of table
|
|
3482
4156
|
*/
|
|
3483
4157
|
"tableType"?: 'borderless';
|
|
3484
|
-
/**
|
|
3485
|
-
* Whether or not the component will use USWDS v3 styling.
|
|
3486
|
-
*/
|
|
3487
|
-
"uswds"?: boolean;
|
|
3488
4158
|
}
|
|
4159
|
+
/**
|
|
4160
|
+
* @componentName Table
|
|
4161
|
+
* @maturityCategory use
|
|
4162
|
+
* @maturityLevel best_practice
|
|
4163
|
+
*/
|
|
3489
4164
|
interface VaTableInner {
|
|
3490
4165
|
/**
|
|
3491
|
-
*
|
|
4166
|
+
* The number of columns in the table
|
|
3492
4167
|
*/
|
|
3493
4168
|
"cols"?: number;
|
|
3494
|
-
/**
|
|
3495
|
-
* Whether the initial sort state will be descending or not.
|
|
3496
|
-
*/
|
|
3497
|
-
"descending"?: boolean;
|
|
3498
4169
|
"rows"?: number;
|
|
3499
|
-
/**
|
|
3500
|
-
* The zero-based index of the column to sort by (Doesn't work in IE11). Optional.
|
|
3501
|
-
*/
|
|
3502
|
-
"sortColumn"?: number;
|
|
3503
4170
|
/**
|
|
3504
4171
|
* If true convert to a stacked table when screen size is small
|
|
3505
4172
|
*/
|
|
@@ -3509,20 +4176,17 @@ declare namespace LocalJSX {
|
|
|
3509
4176
|
*/
|
|
3510
4177
|
"tableTitle"?: string;
|
|
3511
4178
|
/**
|
|
3512
|
-
*
|
|
4179
|
+
* The type of table to be used
|
|
3513
4180
|
*/
|
|
3514
4181
|
"tableType"?: 'borderless';
|
|
3515
|
-
/**
|
|
3516
|
-
* Whether or not the component will use USWDS v3 styling.
|
|
3517
|
-
*/
|
|
3518
|
-
"uswds"?: boolean;
|
|
3519
|
-
/**
|
|
3520
|
-
* A live reference to the va-table-rows in the table which are hard to access from this component
|
|
3521
|
-
*/
|
|
3522
|
-
"vaTableRowRefs"?: any;
|
|
3523
4182
|
}
|
|
3524
4183
|
interface VaTableRow {
|
|
3525
4184
|
}
|
|
4185
|
+
/**
|
|
4186
|
+
* @componentName Telephone
|
|
4187
|
+
* @maturityCategory use
|
|
4188
|
+
* @maturityLevel best_practice
|
|
4189
|
+
*/
|
|
3526
4190
|
interface VaTelephone {
|
|
3527
4191
|
/**
|
|
3528
4192
|
* Numeric string representing the contact number. Typical length is 3 or 10 digits - SMS short codes will be 5 or 6 digits.
|
|
@@ -3561,6 +4225,17 @@ declare namespace LocalJSX {
|
|
|
3561
4225
|
*/
|
|
3562
4226
|
"vanity"?: string;
|
|
3563
4227
|
}
|
|
4228
|
+
/**
|
|
4229
|
+
* @nativeHandler onInput
|
|
4230
|
+
* @nativeHandler onBlur
|
|
4231
|
+
* @componentName Text input
|
|
4232
|
+
* @maturityCategory use
|
|
4233
|
+
* @maturityLevel deployed
|
|
4234
|
+
* @guidanceHref form/text-input
|
|
4235
|
+
* @translations English
|
|
4236
|
+
* @translations Spanish
|
|
4237
|
+
* @translations Tagalog
|
|
4238
|
+
*/
|
|
3564
4239
|
interface VaTextInput {
|
|
3565
4240
|
/**
|
|
3566
4241
|
* Allows the browser to automatically complete the input.
|
|
@@ -3664,6 +4339,14 @@ declare namespace LocalJSX {
|
|
|
3664
4339
|
* Set the input to required and render the (Required) text.
|
|
3665
4340
|
*/
|
|
3666
4341
|
"required"?: boolean;
|
|
4342
|
+
/**
|
|
4343
|
+
* When `false`, hides the error message from view, but not from the screen reader. Should only be used if error is being displayed elsewhere. Must use kebab-case on this attribute for it to work properly.
|
|
4344
|
+
*/
|
|
4345
|
+
"showInputError"?: boolean;
|
|
4346
|
+
/**
|
|
4347
|
+
* The step attribute is a number, or the string 'any', that specifies the granularity of the value. For example: `<va-text-input type="number" step=".1"/>` enables float/decimal values to be valid and increment by one-tenth. <br/> Defaults to 1 for every field type except for time and datetime-local which default to 60 (seconds). View more documentation on [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
|
|
4348
|
+
*/
|
|
4349
|
+
"step"?: string;
|
|
3667
4350
|
/**
|
|
3668
4351
|
* Adds styling based on status value
|
|
3669
4352
|
*/
|
|
@@ -3685,6 +4368,16 @@ declare namespace LocalJSX {
|
|
|
3685
4368
|
*/
|
|
3686
4369
|
"width"?: string;
|
|
3687
4370
|
}
|
|
4371
|
+
/**
|
|
4372
|
+
* @nativeHandler onInput
|
|
4373
|
+
* @nativeHandler onBlur
|
|
4374
|
+
* @componentName Textarea
|
|
4375
|
+
* @maturityCategory use
|
|
4376
|
+
* @maturityLevel deployed
|
|
4377
|
+
* @guidanceHref form/textarea
|
|
4378
|
+
* @translations English
|
|
4379
|
+
* @translations Spanish
|
|
4380
|
+
*/
|
|
3688
4381
|
interface VaTextarea {
|
|
3689
4382
|
/**
|
|
3690
4383
|
* Whether the component should show a character count message. Has no effect without maxlength being set.
|
|
@@ -3785,7 +4478,6 @@ declare namespace LocalJSX {
|
|
|
3785
4478
|
"va-modal": VaModal;
|
|
3786
4479
|
"va-need-help": VaNeedHelp;
|
|
3787
4480
|
"va-notification": VaNotification;
|
|
3788
|
-
"va-number-input": VaNumberInput;
|
|
3789
4481
|
"va-official-gov-banner": VaOfficialGovBanner;
|
|
3790
4482
|
"va-omb-info": VaOmbInfo;
|
|
3791
4483
|
"va-on-this-page": VaOnThisPage;
|
|
@@ -3814,57 +4506,341 @@ export { LocalJSX as JSX };
|
|
|
3814
4506
|
declare module "@stencil/core" {
|
|
3815
4507
|
export namespace JSX {
|
|
3816
4508
|
interface IntrinsicElements {
|
|
4509
|
+
/**
|
|
4510
|
+
* @componentName Accordion
|
|
4511
|
+
* @accordionItemToggled This event is fired when an accordion item is opened or closed
|
|
4512
|
+
* @maturityCategory use
|
|
4513
|
+
* @maturityLevel best_practice
|
|
4514
|
+
* @translations English
|
|
4515
|
+
* @translations Spanish
|
|
4516
|
+
* @translations Tagalog
|
|
4517
|
+
*/
|
|
3817
4518
|
"va-accordion": LocalJSX.VaAccordion & JSXBase.HTMLAttributes<HTMLVaAccordionElement>;
|
|
3818
4519
|
"va-accordion-item": LocalJSX.VaAccordionItem & JSXBase.HTMLAttributes<HTMLVaAccordionItemElement>;
|
|
4520
|
+
/**
|
|
4521
|
+
* @componentName Additional info
|
|
4522
|
+
* @maturityCategory use
|
|
4523
|
+
* @maturityLevel deployed
|
|
4524
|
+
*/
|
|
3819
4525
|
"va-additional-info": LocalJSX.VaAdditionalInfo & JSXBase.HTMLAttributes<HTMLVaAdditionalInfoElement>;
|
|
4526
|
+
/**
|
|
4527
|
+
* @componentName Alert
|
|
4528
|
+
* @maturityCategory use
|
|
4529
|
+
* @maturityLevel best_practice
|
|
4530
|
+
*/
|
|
3820
4531
|
"va-alert": LocalJSX.VaAlert & JSXBase.HTMLAttributes<HTMLVaAlertElement>;
|
|
4532
|
+
/**
|
|
4533
|
+
* @componentName Alert - expandable
|
|
4534
|
+
* @maturityCategory caution
|
|
4535
|
+
* @maturityLevel candidate
|
|
4536
|
+
*/
|
|
3821
4537
|
"va-alert-expandable": LocalJSX.VaAlertExpandable & JSXBase.HTMLAttributes<HTMLVaAlertExpandableElement>;
|
|
4538
|
+
/**
|
|
4539
|
+
* @componentName Back to top
|
|
4540
|
+
* @maturityCategory use
|
|
4541
|
+
* @maturityLevel deployed
|
|
4542
|
+
*/
|
|
3822
4543
|
"va-back-to-top": LocalJSX.VaBackToTop & JSXBase.HTMLAttributes<HTMLVaBackToTopElement>;
|
|
4544
|
+
/**
|
|
4545
|
+
* @componentName Banner
|
|
4546
|
+
* @maturityCategory use
|
|
4547
|
+
* @maturityLevel deployed
|
|
4548
|
+
*/
|
|
3823
4549
|
"va-banner": LocalJSX.VaBanner & JSXBase.HTMLAttributes<HTMLVaBannerElement>;
|
|
4550
|
+
/**
|
|
4551
|
+
* @componentName Breadcrumbs
|
|
4552
|
+
* @maturityCategory use
|
|
4553
|
+
* @maturityLevel deployed
|
|
4554
|
+
*/
|
|
3824
4555
|
"va-breadcrumbs": LocalJSX.VaBreadcrumbs & JSXBase.HTMLAttributes<HTMLVaBreadcrumbsElement>;
|
|
4556
|
+
/**
|
|
4557
|
+
* @componentName Button
|
|
4558
|
+
* @nativeHandler onClick
|
|
4559
|
+
* @maturityCategory caution
|
|
4560
|
+
* @maturityLevel candidate
|
|
4561
|
+
*/
|
|
3825
4562
|
"va-button": LocalJSX.VaButton & JSXBase.HTMLAttributes<HTMLVaButtonElement>;
|
|
4563
|
+
/**
|
|
4564
|
+
* @componentName Button - Icon
|
|
4565
|
+
* @nativeHandler onClick
|
|
4566
|
+
* @maturityCategory caution
|
|
4567
|
+
* @maturityLevel candidate
|
|
4568
|
+
*/
|
|
3826
4569
|
"va-button-icon": LocalJSX.VaButtonIcon & JSXBase.HTMLAttributes<HTMLVaButtonIconElement>;
|
|
4570
|
+
/**
|
|
4571
|
+
* @componentName Button pair
|
|
4572
|
+
* @maturityCategory caution
|
|
4573
|
+
* @maturityLevel candidate
|
|
4574
|
+
* @guidanceHref button/button-pair
|
|
4575
|
+
*/
|
|
3827
4576
|
"va-button-pair": LocalJSX.VaButtonPair & JSXBase.HTMLAttributes<HTMLVaButtonPairElement>;
|
|
4577
|
+
/**
|
|
4578
|
+
* @componentName Card
|
|
4579
|
+
* @maturityCategory caution
|
|
4580
|
+
* @maturityLevel candidate
|
|
4581
|
+
*/
|
|
3828
4582
|
"va-card": LocalJSX.VaCard & JSXBase.HTMLAttributes<HTMLVaCardElement>;
|
|
4583
|
+
/**
|
|
4584
|
+
* @nativeHandler onBlur
|
|
4585
|
+
* @componentName Checkbox
|
|
4586
|
+
* @maturityCategory use
|
|
4587
|
+
* @maturityLevel deployed
|
|
4588
|
+
* @guidanceHref form/checkbox
|
|
4589
|
+
* @translations English
|
|
4590
|
+
* @translations Spanish
|
|
4591
|
+
* @translations Tagalog
|
|
4592
|
+
*/
|
|
3829
4593
|
"va-checkbox": LocalJSX.VaCheckbox & JSXBase.HTMLAttributes<HTMLVaCheckboxElement>;
|
|
4594
|
+
/**
|
|
4595
|
+
* @vaChange The event emitted when the input value changes.
|
|
4596
|
+
* @componentName Checkbox group
|
|
4597
|
+
* @maturityCategory use
|
|
4598
|
+
* @maturityLevel deployed
|
|
4599
|
+
* @guidanceHref form/checkbox
|
|
4600
|
+
* @translations English
|
|
4601
|
+
* @translations Spanish
|
|
4602
|
+
* @translations Tagalog
|
|
4603
|
+
*/
|
|
3830
4604
|
"va-checkbox-group": LocalJSX.VaCheckboxGroup & JSXBase.HTMLAttributes<HTMLVaCheckboxGroupElement>;
|
|
4605
|
+
/**
|
|
4606
|
+
* @componentName Crisis Line Modal
|
|
4607
|
+
* @maturityCategory caution
|
|
4608
|
+
* @maturityLevel candidate
|
|
4609
|
+
*/
|
|
3831
4610
|
"va-crisis-line-modal": LocalJSX.VaCrisisLineModal & JSXBase.HTMLAttributes<HTMLVaCrisisLineModalElement>;
|
|
4611
|
+
/**
|
|
4612
|
+
* @componentName Date input
|
|
4613
|
+
* @maturityCategory use
|
|
4614
|
+
* @maturityLevel deployed
|
|
4615
|
+
* @guidanceHref form/date-input
|
|
4616
|
+
*/
|
|
3832
4617
|
"va-date": LocalJSX.VaDate & JSXBase.HTMLAttributes<HTMLVaDateElement>;
|
|
4618
|
+
/**
|
|
4619
|
+
* @componentName File input
|
|
4620
|
+
* @maturityCategory caution
|
|
4621
|
+
* @maturityLevel available
|
|
4622
|
+
* @guidanceHref form/file-input
|
|
4623
|
+
*/
|
|
3833
4624
|
"va-file-input": LocalJSX.VaFileInput & JSXBase.HTMLAttributes<HTMLVaFileInputElement>;
|
|
4625
|
+
/**
|
|
4626
|
+
* A component that manages multiple file inputs, allowing users to upload several files.
|
|
4627
|
+
* It supports adding, changing, and removing files with dynamic error handling.
|
|
4628
|
+
* @componentName File input multiple
|
|
4629
|
+
* @maturityCategory caution
|
|
4630
|
+
* @maturityLevel available
|
|
4631
|
+
* @guidanceHref form/file-input-multiple
|
|
4632
|
+
*/
|
|
3834
4633
|
"va-file-input-multiple": LocalJSX.VaFileInputMultiple & JSXBase.HTMLAttributes<HTMLVaFileInputMultipleElement>;
|
|
4634
|
+
/**
|
|
4635
|
+
* @componentName Header - Minimal
|
|
4636
|
+
* @maturityCategory caution
|
|
4637
|
+
* @maturityLevel candidate
|
|
4638
|
+
* @guidanceHref header/header-minimal
|
|
4639
|
+
*/
|
|
3835
4640
|
"va-header-minimal": LocalJSX.VaHeaderMinimal & JSXBase.HTMLAttributes<HTMLVaHeaderMinimalElement>;
|
|
4641
|
+
/**
|
|
4642
|
+
* @componentName Icon
|
|
4643
|
+
* @maturityCategory caution
|
|
4644
|
+
* @maturityLevel candidate
|
|
4645
|
+
*/
|
|
3836
4646
|
"va-icon": LocalJSX.VaIcon & JSXBase.HTMLAttributes<HTMLVaIconElement>;
|
|
4647
|
+
/**
|
|
4648
|
+
* @componentName Link
|
|
4649
|
+
* @maturityCategory caution
|
|
4650
|
+
* @maturityLevel candidate
|
|
4651
|
+
*/
|
|
3837
4652
|
"va-link": LocalJSX.VaLink & JSXBase.HTMLAttributes<HTMLVaLinkElement>;
|
|
4653
|
+
/**
|
|
4654
|
+
* @componentName Link - Action
|
|
4655
|
+
* @maturityCategory caution
|
|
4656
|
+
* @maturityLevel candidate
|
|
4657
|
+
*/
|
|
3838
4658
|
"va-link-action": LocalJSX.VaLinkAction & JSXBase.HTMLAttributes<HTMLVaLinkActionElement>;
|
|
4659
|
+
/**
|
|
4660
|
+
* @componentName Loading indicator
|
|
4661
|
+
* @maturityCategory use
|
|
4662
|
+
* @maturityLevel best_practice
|
|
4663
|
+
*/
|
|
3839
4664
|
"va-loading-indicator": LocalJSX.VaLoadingIndicator & JSXBase.HTMLAttributes<HTMLVaLoadingIndicatorElement>;
|
|
4665
|
+
/**
|
|
4666
|
+
* @componentName Banner - Maintenance
|
|
4667
|
+
* @maturityCategory caution
|
|
4668
|
+
* @maturityLevel available
|
|
4669
|
+
*/
|
|
3840
4670
|
"va-maintenance-banner": LocalJSX.VaMaintenanceBanner & JSXBase.HTMLAttributes<HTMLVaMaintenanceBannerElement>;
|
|
4671
|
+
/**
|
|
4672
|
+
* @componentName Memorable date
|
|
4673
|
+
* @maturityCategory caution
|
|
4674
|
+
* @maturityLevel available
|
|
4675
|
+
* @guidanceHref form/memorable-date
|
|
4676
|
+
* @translations English
|
|
4677
|
+
* @translations Spanish
|
|
4678
|
+
*/
|
|
3841
4679
|
"va-memorable-date": LocalJSX.VaMemorableDate & JSXBase.HTMLAttributes<HTMLVaMemorableDateElement>;
|
|
4680
|
+
/**
|
|
4681
|
+
* @componentName Minimal Footer
|
|
4682
|
+
* @maturityCategory caution
|
|
4683
|
+
* @maturityLevel candidate
|
|
4684
|
+
*/
|
|
3842
4685
|
"va-minimal-footer": LocalJSX.VaMinimalFooter & JSXBase.HTMLAttributes<HTMLVaMinimalFooterElement>;
|
|
4686
|
+
/**
|
|
4687
|
+
* @click Used to detect clicks outside of modal contents to close modal.
|
|
4688
|
+
* @keydown Used to detect Escape key to close modal.
|
|
4689
|
+
* @componentName Modal
|
|
4690
|
+
* @maturityCategory use
|
|
4691
|
+
* @maturityLevel deployed
|
|
4692
|
+
*/
|
|
3843
4693
|
"va-modal": LocalJSX.VaModal & JSXBase.HTMLAttributes<HTMLVaModalElement>;
|
|
4694
|
+
/**
|
|
4695
|
+
* @componentName Need help?
|
|
4696
|
+
* @maturityCategory caution
|
|
4697
|
+
* @maturityLevel candidate
|
|
4698
|
+
* @guidanceHref form/need-help
|
|
4699
|
+
*/
|
|
3844
4700
|
"va-need-help": LocalJSX.VaNeedHelp & JSXBase.HTMLAttributes<HTMLVaNeedHelpElement>;
|
|
4701
|
+
/**
|
|
4702
|
+
* @componentName Notification
|
|
4703
|
+
* @maturityCategory dont_use
|
|
4704
|
+
* @maturityLevel deprecated
|
|
4705
|
+
*/
|
|
3845
4706
|
"va-notification": LocalJSX.VaNotification & JSXBase.HTMLAttributes<HTMLVaNotificationElement>;
|
|
3846
|
-
|
|
4707
|
+
/**
|
|
4708
|
+
* @componentName Banner - Official Gov
|
|
4709
|
+
* @maturityCategory caution
|
|
4710
|
+
* @maturityLevel candidate
|
|
4711
|
+
*/
|
|
3847
4712
|
"va-official-gov-banner": LocalJSX.VaOfficialGovBanner & JSXBase.HTMLAttributes<HTMLVaOfficialGovBannerElement>;
|
|
4713
|
+
/**
|
|
4714
|
+
* @componentName OMB info
|
|
4715
|
+
* @maturityCategory use
|
|
4716
|
+
* @maturityLevel best_practice
|
|
4717
|
+
*/
|
|
3848
4718
|
"va-omb-info": LocalJSX.VaOmbInfo & JSXBase.HTMLAttributes<HTMLVaOmbInfoElement>;
|
|
4719
|
+
/**
|
|
4720
|
+
* @componentName On this page
|
|
4721
|
+
* @maturityCategory use
|
|
4722
|
+
* @maturityLevel best_practice
|
|
4723
|
+
* @translations English
|
|
4724
|
+
* @translations Spanish
|
|
4725
|
+
* @translations Tagalog
|
|
4726
|
+
*/
|
|
3849
4727
|
"va-on-this-page": LocalJSX.VaOnThisPage & JSXBase.HTMLAttributes<HTMLVaOnThisPageElement>;
|
|
4728
|
+
/**
|
|
4729
|
+
* @componentName Pagination
|
|
4730
|
+
* @maturityCategory use
|
|
4731
|
+
* @maturityLevel deployed
|
|
4732
|
+
*/
|
|
3850
4733
|
"va-pagination": LocalJSX.VaPagination & JSXBase.HTMLAttributes<HTMLVaPaginationElement>;
|
|
4734
|
+
/**
|
|
4735
|
+
* @componentName Privacy agreement
|
|
4736
|
+
* @maturityCategory caution
|
|
4737
|
+
* @maturityLevel available
|
|
4738
|
+
*/
|
|
3851
4739
|
"va-privacy-agreement": LocalJSX.VaPrivacyAgreement & JSXBase.HTMLAttributes<HTMLVaPrivacyAgreementElement>;
|
|
4740
|
+
/**
|
|
4741
|
+
* @componentName Process list
|
|
4742
|
+
* @maturityCategory use
|
|
4743
|
+
* @maturityLevel deployed
|
|
4744
|
+
*/
|
|
3852
4745
|
"va-process-list": LocalJSX.VaProcessList & JSXBase.HTMLAttributes<HTMLVaProcessListElement>;
|
|
3853
4746
|
"va-process-list-item": LocalJSX.VaProcessListItem & JSXBase.HTMLAttributes<HTMLVaProcessListItemElement>;
|
|
4747
|
+
/**
|
|
4748
|
+
* @componentName Progress bar - activity
|
|
4749
|
+
* @maturityCategory use
|
|
4750
|
+
* @maturityLevel deployed
|
|
4751
|
+
*/
|
|
3854
4752
|
"va-progress-bar": LocalJSX.VaProgressBar & JSXBase.HTMLAttributes<HTMLVaProgressBarElement>;
|
|
4753
|
+
/**
|
|
4754
|
+
* @componentName Banner - Promo
|
|
4755
|
+
* @maturityCategory use
|
|
4756
|
+
* @maturityLevel deployed
|
|
4757
|
+
* @guidanceHref banner/promo
|
|
4758
|
+
*/
|
|
3855
4759
|
"va-promo-banner": LocalJSX.VaPromoBanner & JSXBase.HTMLAttributes<HTMLVaPromoBannerElement>;
|
|
4760
|
+
/**
|
|
4761
|
+
* @keydown The event emitted when a key is pressed.
|
|
4762
|
+
* @radioOptionSelected The event emitted when the selected option value changes.
|
|
4763
|
+
* @componentName Radio button
|
|
4764
|
+
* @maturityCategory use
|
|
4765
|
+
* @maturityLevel deployed
|
|
4766
|
+
* @guidanceHref form/radio-button
|
|
4767
|
+
* @translations English
|
|
4768
|
+
* @translations Spanish
|
|
4769
|
+
* @translations Tagalog
|
|
4770
|
+
*/
|
|
3856
4771
|
"va-radio": LocalJSX.VaRadio & JSXBase.HTMLAttributes<HTMLVaRadioElement>;
|
|
3857
4772
|
"va-radio-option": LocalJSX.VaRadioOption & JSXBase.HTMLAttributes<HTMLVaRadioOptionElement>;
|
|
4773
|
+
/**
|
|
4774
|
+
* @componentName Search input
|
|
4775
|
+
* @maturityCategory use
|
|
4776
|
+
* @maturityLevel deployed
|
|
4777
|
+
*/
|
|
3858
4778
|
"va-search-input": LocalJSX.VaSearchInput & JSXBase.HTMLAttributes<HTMLVaSearchInputElement>;
|
|
4779
|
+
/**
|
|
4780
|
+
* @componentName Progress bar - segmented
|
|
4781
|
+
* @maturityCategory use
|
|
4782
|
+
* @maturityLevel deployed
|
|
4783
|
+
* @guidanceHref form/progress-bar-segmented
|
|
4784
|
+
*/
|
|
3859
4785
|
"va-segmented-progress-bar": LocalJSX.VaSegmentedProgressBar & JSXBase.HTMLAttributes<HTMLVaSegmentedProgressBarElement>;
|
|
4786
|
+
/**
|
|
4787
|
+
* @nativeHandler onKeyDown
|
|
4788
|
+
* @componentName Select
|
|
4789
|
+
* @maturityCategory use
|
|
4790
|
+
* @maturityLevel deployed
|
|
4791
|
+
* @guidanceHref form/select
|
|
4792
|
+
* @translations English
|
|
4793
|
+
* @translations Spanish
|
|
4794
|
+
*/
|
|
3860
4795
|
"va-select": LocalJSX.VaSelect & JSXBase.HTMLAttributes<HTMLVaSelectElement>;
|
|
4796
|
+
/**
|
|
4797
|
+
* @componentName Statement of truth
|
|
4798
|
+
* @maturityCategory caution
|
|
4799
|
+
* @maturityLevel candidate
|
|
4800
|
+
*/
|
|
3861
4801
|
"va-statement-of-truth": LocalJSX.VaStatementOfTruth & JSXBase.HTMLAttributes<HTMLVaStatementOfTruthElement>;
|
|
4802
|
+
/**
|
|
4803
|
+
* @componentName Summary box
|
|
4804
|
+
* @maturityCategory use
|
|
4805
|
+
* @maturityLevel deployed
|
|
4806
|
+
*/
|
|
3862
4807
|
"va-summary-box": LocalJSX.VaSummaryBox & JSXBase.HTMLAttributes<HTMLVaSummaryBoxElement>;
|
|
3863
4808
|
"va-table": LocalJSX.VaTable & JSXBase.HTMLAttributes<HTMLVaTableElement>;
|
|
4809
|
+
/**
|
|
4810
|
+
* @componentName Table
|
|
4811
|
+
* @maturityCategory use
|
|
4812
|
+
* @maturityLevel best_practice
|
|
4813
|
+
*/
|
|
3864
4814
|
"va-table-inner": LocalJSX.VaTableInner & JSXBase.HTMLAttributes<HTMLVaTableInnerElement>;
|
|
3865
4815
|
"va-table-row": LocalJSX.VaTableRow & JSXBase.HTMLAttributes<HTMLVaTableRowElement>;
|
|
4816
|
+
/**
|
|
4817
|
+
* @componentName Telephone
|
|
4818
|
+
* @maturityCategory use
|
|
4819
|
+
* @maturityLevel best_practice
|
|
4820
|
+
*/
|
|
3866
4821
|
"va-telephone": LocalJSX.VaTelephone & JSXBase.HTMLAttributes<HTMLVaTelephoneElement>;
|
|
4822
|
+
/**
|
|
4823
|
+
* @nativeHandler onInput
|
|
4824
|
+
* @nativeHandler onBlur
|
|
4825
|
+
* @componentName Text input
|
|
4826
|
+
* @maturityCategory use
|
|
4827
|
+
* @maturityLevel deployed
|
|
4828
|
+
* @guidanceHref form/text-input
|
|
4829
|
+
* @translations English
|
|
4830
|
+
* @translations Spanish
|
|
4831
|
+
* @translations Tagalog
|
|
4832
|
+
*/
|
|
3867
4833
|
"va-text-input": LocalJSX.VaTextInput & JSXBase.HTMLAttributes<HTMLVaTextInputElement>;
|
|
4834
|
+
/**
|
|
4835
|
+
* @nativeHandler onInput
|
|
4836
|
+
* @nativeHandler onBlur
|
|
4837
|
+
* @componentName Textarea
|
|
4838
|
+
* @maturityCategory use
|
|
4839
|
+
* @maturityLevel deployed
|
|
4840
|
+
* @guidanceHref form/textarea
|
|
4841
|
+
* @translations English
|
|
4842
|
+
* @translations Spanish
|
|
4843
|
+
*/
|
|
3868
4844
|
"va-textarea": LocalJSX.VaTextarea & JSXBase.HTMLAttributes<HTMLVaTextareaElement>;
|
|
3869
4845
|
}
|
|
3870
4846
|
}
|