@vonage/vivid-vue 4.9.0 → 4.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -72,34 +72,6 @@ declare const _default: import("vue").DefineComponent<{
72
72
  type: PropType<boolean>;
73
73
  default: undefined;
74
74
  };
75
- /**
76
- * The id of a form to associate the element to.
77
- */
78
- form: {
79
- type: PropType<string>;
80
- default: undefined;
81
- };
82
- /**
83
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
84
- */
85
- formaction: {
86
- type: PropType<string>;
87
- default: undefined;
88
- };
89
- /**
90
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
91
- */
92
- formenctype: {
93
- type: PropType<string>;
94
- default: undefined;
95
- };
96
- /**
97
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
98
- */
99
- formmethod: {
100
- type: PropType<string>;
101
- default: undefined;
102
- };
103
75
  /**
104
76
  * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
105
77
  */
@@ -108,28 +80,17 @@ declare const _default: import("vue").DefineComponent<{
108
80
  default: undefined;
109
81
  };
110
82
  /**
111
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
112
- */
113
- formtarget: {
114
- type: PropType<"_self" | "_blank" | "_parent" | "_top">;
115
- default: undefined;
116
- };
117
- /**
118
- * The button type.
83
+ * Determines if the element should receive document focus on page load.
119
84
  */
120
- type: {
121
- type: PropType<"submit" | "reset" | "button">;
122
- default: undefined;
123
- };
124
85
  title: {
125
- type: PropType<string>;
86
+ type: PropType<boolean>;
126
87
  default: undefined;
127
88
  };
128
89
  /**
129
90
  * The connotation the button should have.
130
91
  */
131
92
  connotation: {
132
- type: PropType<"accent" | "cta" | "success" | "alert">;
93
+ type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
133
94
  default: undefined;
134
95
  };
135
96
  /**
@@ -237,6 +198,48 @@ declare const _default: import("vue").DefineComponent<{
237
198
  type: PropType<"_self" | "_blank" | "_parent" | "_top">;
238
199
  default: undefined;
239
200
  };
201
+ /**
202
+ * The id of a form to associate the element to.
203
+ */
204
+ form: {
205
+ type: PropType<string>;
206
+ default: undefined;
207
+ };
208
+ /**
209
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
210
+ */
211
+ formaction: {
212
+ type: PropType<string>;
213
+ default: undefined;
214
+ };
215
+ /**
216
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
217
+ */
218
+ formenctype: {
219
+ type: PropType<string>;
220
+ default: undefined;
221
+ };
222
+ /**
223
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
224
+ */
225
+ formmethod: {
226
+ type: PropType<string>;
227
+ default: undefined;
228
+ };
229
+ /**
230
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
231
+ */
232
+ formtarget: {
233
+ type: PropType<"_self" | "_blank" | "_parent" | "_top">;
234
+ default: undefined;
235
+ };
236
+ /**
237
+ * The button type.
238
+ */
239
+ type: {
240
+ type: PropType<"submit" | "reset" | "button">;
241
+ default: undefined;
242
+ };
240
243
  }, {
241
244
  componentName: import("vue").Ref<string>;
242
245
  element: import("vue").Ref<Button | null>;
@@ -346,34 +349,6 @@ declare const _default: import("vue").DefineComponent<{
346
349
  type: PropType<boolean>;
347
350
  default: undefined;
348
351
  };
349
- /**
350
- * The id of a form to associate the element to.
351
- */
352
- form: {
353
- type: PropType<string>;
354
- default: undefined;
355
- };
356
- /**
357
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
358
- */
359
- formaction: {
360
- type: PropType<string>;
361
- default: undefined;
362
- };
363
- /**
364
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
365
- */
366
- formenctype: {
367
- type: PropType<string>;
368
- default: undefined;
369
- };
370
- /**
371
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
372
- */
373
- formmethod: {
374
- type: PropType<string>;
375
- default: undefined;
376
- };
377
352
  /**
378
353
  * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
379
354
  */
@@ -382,28 +357,17 @@ declare const _default: import("vue").DefineComponent<{
382
357
  default: undefined;
383
358
  };
384
359
  /**
385
- * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
386
- */
387
- formtarget: {
388
- type: PropType<"_self" | "_blank" | "_parent" | "_top">;
389
- default: undefined;
390
- };
391
- /**
392
- * The button type.
360
+ * Determines if the element should receive document focus on page load.
393
361
  */
394
- type: {
395
- type: PropType<"submit" | "reset" | "button">;
396
- default: undefined;
397
- };
398
362
  title: {
399
- type: PropType<string>;
363
+ type: PropType<boolean>;
400
364
  default: undefined;
401
365
  };
402
366
  /**
403
367
  * The connotation the button should have.
404
368
  */
405
369
  connotation: {
406
- type: PropType<"accent" | "cta" | "success" | "alert">;
370
+ type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
407
371
  default: undefined;
408
372
  };
409
373
  /**
@@ -511,6 +475,48 @@ declare const _default: import("vue").DefineComponent<{
511
475
  type: PropType<"_self" | "_blank" | "_parent" | "_top">;
512
476
  default: undefined;
513
477
  };
478
+ /**
479
+ * The id of a form to associate the element to.
480
+ */
481
+ form: {
482
+ type: PropType<string>;
483
+ default: undefined;
484
+ };
485
+ /**
486
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
487
+ */
488
+ formaction: {
489
+ type: PropType<string>;
490
+ default: undefined;
491
+ };
492
+ /**
493
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
494
+ */
495
+ formenctype: {
496
+ type: PropType<string>;
497
+ default: undefined;
498
+ };
499
+ /**
500
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
501
+ */
502
+ formmethod: {
503
+ type: PropType<string>;
504
+ default: undefined;
505
+ };
506
+ /**
507
+ * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
508
+ */
509
+ formtarget: {
510
+ type: PropType<"_self" | "_blank" | "_parent" | "_top">;
511
+ default: undefined;
512
+ };
513
+ /**
514
+ * The button type.
515
+ */
516
+ type: {
517
+ type: PropType<"submit" | "reset" | "button">;
518
+ default: undefined;
519
+ };
514
520
  }>> & {
515
521
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
516
522
  onClick?: ((event: MouseEvent) => any) | undefined;
@@ -528,7 +534,7 @@ declare const _default: import("vue").DefineComponent<{
528
534
  size: "expanded" | "condensed" | "normal" | "super-condensed";
529
535
  shape: "rounded" | "pill";
530
536
  appearance: "ghost" | "filled" | "outlined" | "ghost-light" | "outlined-light";
531
- connotation: "accent" | "success" | "alert" | "cta";
537
+ connotation: "accent" | "success" | "announcement" | "alert" | "cta";
532
538
  disabled: boolean;
533
539
  download: string;
534
540
  href: string;
@@ -540,18 +546,18 @@ declare const _default: import("vue").DefineComponent<{
540
546
  initialValue: string;
541
547
  required: boolean;
542
548
  autofocus: boolean;
543
- form: string;
544
- formaction: string;
545
- formenctype: string;
546
- formmethod: string;
547
549
  formnovalidate: boolean;
548
- formtarget: "_self" | "_blank" | "_parent" | "_top";
549
- title: string;
550
+ title: boolean;
550
551
  stacked: boolean;
551
552
  pending: boolean;
552
553
  dropdownIndicator: boolean;
553
554
  active: boolean;
554
555
  label: string;
556
+ form: string;
557
+ formaction: string;
558
+ formenctype: string;
559
+ formmethod: string;
560
+ formtarget: "_self" | "_blank" | "_parent" | "_top";
555
561
  }, SlotsType<{
556
562
  /**
557
563
  * Add an icon to the component.
@@ -105,13 +105,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
105
105
  type: PropType<boolean>;
106
106
  default: undefined;
107
107
  };
108
- /**
109
- * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
110
- */
111
- readonly: {
112
- type: PropType<boolean>;
113
- default: undefined;
114
- };
115
108
  ariaLabel: {
116
109
  type: PropType<string>;
117
110
  default: undefined;
@@ -127,10 +120,26 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
127
120
  type: PropType<"accent" | "cta">;
128
121
  default: undefined;
129
122
  };
123
+ /**
124
+ * The current checkbox state
125
+ */
126
+ ariaChecked: {
127
+ type: PropType<"true" | "false" | "mixed" | "undefined">;
128
+ default: undefined;
129
+ };
130
+ /**
131
+ * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
132
+ */
133
+ readonly: {
134
+ type: PropType<boolean>;
135
+ default: undefined;
136
+ };
130
137
  }, {
131
138
  componentName: import("vue").Ref<string>;
132
139
  element: import("vue").Ref<Checkbox | null>;
133
- }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
140
+ }, import("vue").Data, {}, {
141
+ ariaCheckedChanged(): unknown;
142
+ }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
134
143
  /**
135
144
  * The success text for the form element.
136
145
  */
@@ -235,13 +244,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
235
244
  type: PropType<boolean>;
236
245
  default: undefined;
237
246
  };
238
- /**
239
- * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
240
- */
241
- readonly: {
242
- type: PropType<boolean>;
243
- default: undefined;
244
- };
245
247
  ariaLabel: {
246
248
  type: PropType<string>;
247
249
  default: undefined;
@@ -257,6 +259,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
257
259
  type: PropType<"accent" | "cta">;
258
260
  default: undefined;
259
261
  };
262
+ /**
263
+ * The current checkbox state
264
+ */
265
+ ariaChecked: {
266
+ type: PropType<"true" | "false" | "mixed" | "undefined">;
267
+ default: undefined;
268
+ };
269
+ /**
270
+ * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
271
+ */
272
+ readonly: {
273
+ type: PropType<boolean>;
274
+ default: undefined;
275
+ };
260
276
  }>>, {
261
277
  name: string;
262
278
  ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -273,7 +289,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
273
289
  helperText: string;
274
290
  defaultChecked: boolean;
275
291
  checked: boolean;
276
- readonly: boolean;
277
292
  tabindex: string;
293
+ ariaChecked: "undefined" | "true" | "false" | "mixed";
294
+ readonly: boolean;
278
295
  }>;
279
296
  export default _default;
@@ -106,13 +106,6 @@ declare const _default: import("vue").DefineComponent<{
106
106
  type: PropType<boolean>;
107
107
  default: undefined;
108
108
  };
109
- /**
110
- * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
111
- */
112
- readonly: {
113
- type: PropType<boolean>;
114
- default: undefined;
115
- };
116
109
  ariaLabel: {
117
110
  type: PropType<string>;
118
111
  default: undefined;
@@ -128,10 +121,26 @@ declare const _default: import("vue").DefineComponent<{
128
121
  type: PropType<"accent" | "cta">;
129
122
  default: undefined;
130
123
  };
124
+ /**
125
+ * The current checkbox state
126
+ */
127
+ ariaChecked: {
128
+ type: PropType<"true" | "false" | "mixed" | "undefined">;
129
+ default: undefined;
130
+ };
131
+ /**
132
+ * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
133
+ */
134
+ readonly: {
135
+ type: PropType<boolean>;
136
+ default: undefined;
137
+ };
131
138
  }, {
132
139
  componentName: import("vue").Ref<string>;
133
140
  element: import("vue").Ref<Checkbox | null>;
134
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
141
+ }, unknown, {}, {
142
+ ariaCheckedChanged(): unknown;
143
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
135
144
  /**
136
145
  * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
137
146
  * @type {MouseEvent}
@@ -277,13 +286,6 @@ declare const _default: import("vue").DefineComponent<{
277
286
  type: PropType<boolean>;
278
287
  default: undefined;
279
288
  };
280
- /**
281
- * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
282
- */
283
- readonly: {
284
- type: PropType<boolean>;
285
- default: undefined;
286
- };
287
289
  ariaLabel: {
288
290
  type: PropType<string>;
289
291
  default: undefined;
@@ -299,6 +301,20 @@ declare const _default: import("vue").DefineComponent<{
299
301
  type: PropType<"accent" | "cta">;
300
302
  default: undefined;
301
303
  };
304
+ /**
305
+ * The current checkbox state
306
+ */
307
+ ariaChecked: {
308
+ type: PropType<"true" | "false" | "mixed" | "undefined">;
309
+ default: undefined;
310
+ };
311
+ /**
312
+ * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
313
+ */
314
+ readonly: {
315
+ type: PropType<boolean>;
316
+ default: undefined;
317
+ };
302
318
  }>> & {
303
319
  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
304
320
  onClick?: ((event: MouseEvent) => any) | undefined;
@@ -324,8 +340,9 @@ declare const _default: import("vue").DefineComponent<{
324
340
  helperText: string;
325
341
  defaultChecked: boolean;
326
342
  checked: boolean;
327
- readonly: boolean;
328
343
  tabindex: string;
344
+ ariaChecked: "undefined" | "true" | "false" | "mixed";
345
+ readonly: boolean;
329
346
  }, SlotsType<{
330
347
  /**
331
348
  * Describes how to use the checkbox. Alternative to the `helper-text` attribute.
@@ -48,10 +48,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
48
48
  type: PropType<string>;
49
49
  default: undefined;
50
50
  };
51
+ /**
52
+ * Prevents the dialog from being dismissed when clicking outside it.
53
+ */
51
54
  noLightDismiss: {
52
55
  type: PropType<boolean>;
53
56
  default: undefined;
54
57
  };
58
+ /**
59
+ * Prevents the dialog from being dismissed when the escape key is pressed.
60
+ */
61
+ noDismissOnEsc: {
62
+ type: PropType<boolean>;
63
+ default: undefined;
64
+ };
65
+ /**
66
+ * Hides the dismiss button.
67
+ */
68
+ noDismissButton: {
69
+ type: PropType<boolean>;
70
+ default: undefined;
71
+ };
72
+ /**
73
+ * Disables all means of dismissal for the dialog.
74
+ */
75
+ nonDismissible: {
76
+ type: PropType<boolean>;
77
+ default: undefined;
78
+ };
55
79
  /**
56
80
  * Controls whether the dialog is modal.
57
81
  */
@@ -113,10 +137,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
113
137
  type: PropType<string>;
114
138
  default: undefined;
115
139
  };
140
+ /**
141
+ * Prevents the dialog from being dismissed when clicking outside it.
142
+ */
116
143
  noLightDismiss: {
117
144
  type: PropType<boolean>;
118
145
  default: undefined;
119
146
  };
147
+ /**
148
+ * Prevents the dialog from being dismissed when the escape key is pressed.
149
+ */
150
+ noDismissOnEsc: {
151
+ type: PropType<boolean>;
152
+ default: undefined;
153
+ };
154
+ /**
155
+ * Hides the dismiss button.
156
+ */
157
+ noDismissButton: {
158
+ type: PropType<boolean>;
159
+ default: undefined;
160
+ };
161
+ /**
162
+ * Disables all means of dismissal for the dialog.
163
+ */
164
+ nonDismissible: {
165
+ type: PropType<boolean>;
166
+ default: undefined;
167
+ };
120
168
  /**
121
169
  * Controls whether the dialog is modal.
122
170
  */
@@ -135,6 +183,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
135
183
  iconPlacement: "top" | "side";
136
184
  fullWidthBody: boolean;
137
185
  noLightDismiss: boolean;
186
+ noDismissOnEsc: boolean;
187
+ noDismissButton: boolean;
188
+ nonDismissible: boolean;
138
189
  modal: boolean;
139
190
  }>;
140
191
  export default _default;
@@ -49,10 +49,34 @@ declare const _default: import("vue").DefineComponent<{
49
49
  type: PropType<string>;
50
50
  default: undefined;
51
51
  };
52
+ /**
53
+ * Prevents the dialog from being dismissed when clicking outside it.
54
+ */
52
55
  noLightDismiss: {
53
56
  type: PropType<boolean>;
54
57
  default: undefined;
55
58
  };
59
+ /**
60
+ * Prevents the dialog from being dismissed when the escape key is pressed.
61
+ */
62
+ noDismissOnEsc: {
63
+ type: PropType<boolean>;
64
+ default: undefined;
65
+ };
66
+ /**
67
+ * Hides the dismiss button.
68
+ */
69
+ noDismissButton: {
70
+ type: PropType<boolean>;
71
+ default: undefined;
72
+ };
73
+ /**
74
+ * Disables all means of dismissal for the dialog.
75
+ */
76
+ nonDismissible: {
77
+ type: PropType<boolean>;
78
+ default: undefined;
79
+ };
56
80
  /**
57
81
  * Controls whether the dialog is modal.
58
82
  */
@@ -165,10 +189,34 @@ declare const _default: import("vue").DefineComponent<{
165
189
  type: PropType<string>;
166
190
  default: undefined;
167
191
  };
192
+ /**
193
+ * Prevents the dialog from being dismissed when clicking outside it.
194
+ */
168
195
  noLightDismiss: {
169
196
  type: PropType<boolean>;
170
197
  default: undefined;
171
198
  };
199
+ /**
200
+ * Prevents the dialog from being dismissed when the escape key is pressed.
201
+ */
202
+ noDismissOnEsc: {
203
+ type: PropType<boolean>;
204
+ default: undefined;
205
+ };
206
+ /**
207
+ * Hides the dismiss button.
208
+ */
209
+ noDismissButton: {
210
+ type: PropType<boolean>;
211
+ default: undefined;
212
+ };
213
+ /**
214
+ * Disables all means of dismissal for the dialog.
215
+ */
216
+ nonDismissible: {
217
+ type: PropType<boolean>;
218
+ default: undefined;
219
+ };
172
220
  /**
173
221
  * Controls whether the dialog is modal.
174
222
  */
@@ -198,6 +246,9 @@ declare const _default: import("vue").DefineComponent<{
198
246
  iconPlacement: "top" | "side";
199
247
  fullWidthBody: boolean;
200
248
  noLightDismiss: boolean;
249
+ noDismissOnEsc: boolean;
250
+ noDismissButton: boolean;
251
+ nonDismissible: boolean;
201
252
  modal: boolean;
202
253
  }, SlotsType<{
203
254
  /**