@vonage/vivid 3.9.0 → 3.10.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.
Files changed (123) hide show
  1. package/alert/index.js +28 -0
  2. package/avatar/index.js +1 -1
  3. package/badge/index.js +1 -1
  4. package/banner/index.js +3 -3
  5. package/breadcrumb/index.js +1 -1
  6. package/breadcrumb-item/index.js +1 -1
  7. package/button/index.js +2 -2
  8. package/calendar/index.js +1 -1
  9. package/calendar-event/index.js +1 -1
  10. package/card/index.js +2 -2
  11. package/checkbox/index.js +1 -1
  12. package/combobox/index.js +6 -6
  13. package/custom-elements.json +269 -27
  14. package/data-grid/index.js +1 -1
  15. package/dialog/index.js +4 -4
  16. package/divider/index.js +1 -1
  17. package/elevation/index.js +1 -1
  18. package/fab/index.js +1 -1
  19. package/header/index.js +2 -2
  20. package/index.js +51 -50
  21. package/layout/index.js +1 -1
  22. package/lib/alert/alert.d.ts +24 -0
  23. package/lib/alert/alert.template.d.ts +4 -0
  24. package/lib/alert/definition.d.ts +2 -0
  25. package/lib/alert/index.d.ts +1 -0
  26. package/lib/components.d.ts +1 -0
  27. package/lib/text-area/text-area.d.ts +2 -1
  28. package/lib/tooltip/tooltip.d.ts +1 -0
  29. package/listbox/index.js +2 -2
  30. package/menu/index.js +6 -6
  31. package/menu-item/index.js +1 -1
  32. package/nav/index.js +1 -1
  33. package/nav-disclosure/index.js +1 -1
  34. package/nav-item/index.js +1 -1
  35. package/note/index.js +1 -1
  36. package/number-field/index.js +4 -4
  37. package/option/index.js +1 -1
  38. package/package.json +1 -1
  39. package/popup/index.js +4 -4
  40. package/progress/index.js +1 -1
  41. package/progress-ring/index.js +1 -1
  42. package/radio/index.js +1 -1
  43. package/radio-group/index.js +1 -1
  44. package/select/index.js +6 -6
  45. package/shared/definition.js +1 -1
  46. package/shared/definition10.js +46 -63
  47. package/shared/definition11.js +38 -92
  48. package/shared/definition12.js +96 -31
  49. package/shared/definition13.js +84 -757
  50. package/shared/definition14.js +32 -95
  51. package/shared/definition15.js +758 -100
  52. package/shared/definition16.js +103 -24
  53. package/shared/definition17.js +96 -154
  54. package/shared/definition18.js +108 -663
  55. package/shared/definition19.js +667 -1532
  56. package/shared/definition2.js +1 -1
  57. package/shared/definition20.js +1544 -223
  58. package/shared/definition21.js +183 -964
  59. package/shared/definition22.js +1037 -222
  60. package/shared/definition23.js +226 -67
  61. package/shared/definition24.js +68 -77
  62. package/shared/definition25.js +76 -47
  63. package/shared/definition26.js +46 -32
  64. package/shared/definition27.js +35 -49
  65. package/shared/definition28.js +48 -344
  66. package/shared/definition29.js +273 -282
  67. package/shared/definition30.js +356 -14
  68. package/shared/definition31.js +13 -67
  69. package/shared/definition32.js +65 -21
  70. package/shared/definition33.js +21 -39
  71. package/shared/definition34.js +31 -432
  72. package/shared/definition35.js +432 -76
  73. package/shared/definition36.js +82 -33
  74. package/shared/definition37.js +31 -422
  75. package/shared/definition38.js +357 -564
  76. package/shared/definition39.js +628 -75
  77. package/shared/definition4.js +1 -1
  78. package/shared/definition40.js +70 -573
  79. package/shared/definition41.js +538 -81
  80. package/shared/definition42.js +127 -47
  81. package/shared/definition43.js +51 -16
  82. package/shared/definition44.js +17 -425
  83. package/shared/definition45.js +421 -103
  84. package/shared/definition46.js +114 -19
  85. package/shared/definition47.js +19 -269
  86. package/shared/definition48.js +244 -86
  87. package/shared/definition49.js +110 -70
  88. package/shared/definition5.js +1 -1
  89. package/shared/definition50.js +80 -67
  90. package/shared/definition51.js +69 -295
  91. package/shared/definition52.js +305 -0
  92. package/shared/definition6.js +142 -45
  93. package/shared/definition7.js +95 -23
  94. package/shared/definition8.js +22 -103
  95. package/shared/definition9.js +62 -102
  96. package/shared/es.object.assign.js +1 -1
  97. package/shared/form-associated.js +1 -1
  98. package/shared/form-elements.js +2 -2
  99. package/shared/index.js +1 -1
  100. package/shared/listbox.js +2 -2
  101. package/shared/patterns/form-elements/form-elements.d.ts +4 -4
  102. package/shared/repeat.js +1 -1
  103. package/shared/text-field.js +1 -1
  104. package/shared/text-field2.js +1 -1
  105. package/side-drawer/index.js +1 -1
  106. package/slider/index.js +1 -1
  107. package/styles/core/all.css +1 -1
  108. package/styles/core/theme.css +1 -1
  109. package/styles/core/typography.css +1 -1
  110. package/styles/tokens/theme-dark.css +4 -4
  111. package/styles/tokens/theme-light.css +4 -4
  112. package/switch/index.js +1 -1
  113. package/tab/index.js +1 -1
  114. package/tab-panel/index.js +1 -1
  115. package/tabs/index.js +3 -3
  116. package/tag/index.js +1 -1
  117. package/tag-group/index.js +1 -1
  118. package/text-area/index.js +1 -1
  119. package/text-field/index.js +1 -1
  120. package/tooltip/index.js +5 -5
  121. package/tree-item/index.js +1 -1
  122. package/tree-view/index.js +1 -1
  123. package/vivid.api.json +91 -0
package/alert/index.js ADDED
@@ -0,0 +1,28 @@
1
+ import { r as registerAlert } from '../shared/definition6.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition7.js';
4
+ import '../shared/definition3.js';
5
+ import '../shared/icon.js';
6
+ import '../shared/to-string.js';
7
+ import '../shared/string-trim.js';
8
+ import '../shared/_has.js';
9
+ import '../shared/class-names.js';
10
+ import '../shared/when.js';
11
+ import '../shared/definition4.js';
12
+ import '../shared/focus.js';
13
+ import '../shared/definition9.js';
14
+ import '../shared/base-progress.js';
15
+ import '../shared/affix.js';
16
+ import '../shared/button.js';
17
+ import '../shared/apply-mixins.js';
18
+ import '../shared/form-associated.js';
19
+ import '../shared/key-codes.js';
20
+ import '../shared/aria-global.js';
21
+ import '../shared/start-end.js';
22
+ import '../shared/ref.js';
23
+ import '../shared/focus2.js';
24
+ import '../shared/definition8.js';
25
+ import '../shared/enums.js';
26
+ import '../shared/form-elements.js';
27
+
28
+ registerAlert();
package/avatar/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerAvatar } from '../shared/definition6.js';
1
+ import { r as registerAvatar } from '../shared/definition10.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
package/badge/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerBadge } from '../shared/definition7.js';
1
+ import { r as registerBadge } from '../shared/definition11.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
package/banner/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import { r as registerBanner } from '../shared/definition8.js';
1
+ import { r as registerBanner } from '../shared/definition12.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition9.js';
3
+ import '../shared/definition7.js';
4
4
  import '../shared/definition3.js';
5
5
  import '../shared/icon.js';
6
6
  import '../shared/to-string.js';
@@ -10,7 +10,7 @@ import '../shared/class-names.js';
10
10
  import '../shared/when.js';
11
11
  import '../shared/definition4.js';
12
12
  import '../shared/focus.js';
13
- import '../shared/definition10.js';
13
+ import '../shared/definition9.js';
14
14
  import '../shared/base-progress.js';
15
15
  import '../shared/affix.js';
16
16
  import '../shared/button.js';
@@ -1,4 +1,4 @@
1
- import { r as registerBreadcrumb } from '../shared/definition11.js';
1
+ import { r as registerBreadcrumb } from '../shared/definition13.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/slotted.js';
4
4
  import '../shared/breadcrumb-item.js';
@@ -1,4 +1,4 @@
1
- import { r as registerBreadcrumbItem } from '../shared/definition12.js';
1
+ import { r as registerBreadcrumbItem } from '../shared/definition14.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
package/button/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerButton } from '../shared/definition9.js';
1
+ import { r as registerButton } from '../shared/definition7.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
@@ -9,7 +9,7 @@ import '../shared/class-names.js';
9
9
  import '../shared/when.js';
10
10
  import '../shared/definition4.js';
11
11
  import '../shared/focus.js';
12
- import '../shared/definition10.js';
12
+ import '../shared/definition9.js';
13
13
  import '../shared/base-progress.js';
14
14
  import '../shared/affix.js';
15
15
  import '../shared/button.js';
package/calendar/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerCalendar } from '../shared/definition13.js';
1
+ import { r as registerCalendar } from '../shared/definition15.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/calendar-event.js';
4
4
  import '../shared/es.object.assign.js';
@@ -1,4 +1,4 @@
1
- import { r as registerCalendarEvent } from '../shared/definition14.js';
1
+ import { r as registerCalendarEvent } from '../shared/definition16.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/calendar-event.js';
4
4
  import '../shared/es.object.assign.js';
package/card/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerCard } from '../shared/definition15.js';
1
+ import { r as registerCard } from '../shared/definition17.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
@@ -7,7 +7,7 @@ import '../shared/string-trim.js';
7
7
  import '../shared/_has.js';
8
8
  import '../shared/class-names.js';
9
9
  import '../shared/when.js';
10
- import '../shared/definition16.js';
10
+ import '../shared/definition8.js';
11
11
  import '../shared/slotted.js';
12
12
 
13
13
  registerCard();
package/checkbox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerCheckbox } from '../shared/definition17.js';
1
+ import { r as registerCheckbox } from '../shared/definition18.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
package/combobox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerCombobox } from '../shared/definition18.js';
1
+ import { r as registerCombobox } from '../shared/definition19.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
@@ -7,11 +7,11 @@ import '../shared/string-trim.js';
7
7
  import '../shared/_has.js';
8
8
  import '../shared/class-names.js';
9
9
  import '../shared/when.js';
10
- import '../shared/definition19.js';
11
- import '../shared/definition9.js';
10
+ import '../shared/definition20.js';
11
+ import '../shared/definition7.js';
12
12
  import '../shared/definition4.js';
13
13
  import '../shared/focus.js';
14
- import '../shared/definition10.js';
14
+ import '../shared/definition9.js';
15
15
  import '../shared/base-progress.js';
16
16
  import '../shared/affix.js';
17
17
  import '../shared/button.js';
@@ -22,9 +22,9 @@ import '../shared/aria-global.js';
22
22
  import '../shared/start-end.js';
23
23
  import '../shared/ref.js';
24
24
  import '../shared/focus2.js';
25
- import '../shared/definition16.js';
25
+ import '../shared/definition8.js';
26
26
  import '../shared/es.object.assign.js';
27
- import '../shared/definition20.js';
27
+ import '../shared/definition21.js';
28
28
  import '../shared/dom.js';
29
29
  import '../shared/form-elements.js';
30
30
  import '../shared/text-field.js';
@@ -378,6 +378,243 @@
378
378
  }
379
379
  ]
380
380
  },
381
+ {
382
+ "kind": "javascript-module",
383
+ "path": "libs/components/src/lib/alert/alert.ts",
384
+ "declarations": [
385
+ {
386
+ "kind": "class",
387
+ "description": "Base class for alert",
388
+ "name": "Alert",
389
+ "slots": [
390
+ {
391
+ "description": "Add action items to alert using this slot.",
392
+ "name": "action-items"
393
+ }
394
+ ],
395
+ "members": [
396
+ {
397
+ "kind": "field",
398
+ "name": "timeout",
399
+ "type": {
400
+ "text": "any"
401
+ },
402
+ "privacy": "private"
403
+ },
404
+ {
405
+ "kind": "field",
406
+ "name": "removable",
407
+ "type": {
408
+ "text": "boolean"
409
+ },
410
+ "default": "false",
411
+ "description": "if the alert is removable\naccepts boolean",
412
+ "privacy": "public"
413
+ },
414
+ {
415
+ "kind": "field",
416
+ "name": "placement",
417
+ "type": {
418
+ "text": "AlertPlacement | undefined"
419
+ },
420
+ "default": "'bottom'",
421
+ "description": "the placement of the alert",
422
+ "privacy": "public"
423
+ },
424
+ {
425
+ "kind": "field",
426
+ "name": "headline",
427
+ "type": {
428
+ "text": "string | undefined"
429
+ },
430
+ "description": "the text of the alert heading\naccepts string",
431
+ "privacy": "public"
432
+ },
433
+ {
434
+ "kind": "field",
435
+ "name": "subtitle",
436
+ "type": {
437
+ "text": "string | undefined"
438
+ },
439
+ "description": "the text of the alert sub-heading\naccepts string",
440
+ "privacy": "public"
441
+ },
442
+ {
443
+ "kind": "field",
444
+ "name": "icon",
445
+ "type": {
446
+ "text": "string | undefined"
447
+ },
448
+ "description": "alert header icon",
449
+ "privacy": "public"
450
+ },
451
+ {
452
+ "kind": "field",
453
+ "name": "open",
454
+ "type": {
455
+ "text": "boolean"
456
+ },
457
+ "default": "false",
458
+ "description": "indicates whether the alert is open",
459
+ "privacy": "public"
460
+ },
461
+ {
462
+ "kind": "field",
463
+ "name": "timeoutms",
464
+ "type": {
465
+ "text": "number"
466
+ },
467
+ "default": "0",
468
+ "description": "the timeout ms to show the alert\naccepts number",
469
+ "privacy": "public"
470
+ },
471
+ {
472
+ "kind": "field",
473
+ "name": "connotation",
474
+ "type": {
475
+ "text": "AlertConnotation | undefined"
476
+ },
477
+ "description": "alert connotation",
478
+ "privacy": "public"
479
+ },
480
+ {
481
+ "kind": "field",
482
+ "name": "conditionedIcon",
483
+ "readonly": true
484
+ },
485
+ {
486
+ "kind": "field",
487
+ "name": "#show",
488
+ "privacy": "private"
489
+ },
490
+ {
491
+ "kind": "field",
492
+ "name": "remove"
493
+ },
494
+ {
495
+ "kind": "field",
496
+ "name": "#closeOnKeyDown",
497
+ "privacy": "private"
498
+ }
499
+ ],
500
+ "attributes": [
501
+ {
502
+ "type": {
503
+ "text": "boolean"
504
+ },
505
+ "default": "false",
506
+ "description": "if the alert is removable\naccepts boolean",
507
+ "fieldName": "removable"
508
+ },
509
+ {
510
+ "type": {
511
+ "text": "AlertPlacement | undefined"
512
+ },
513
+ "default": "'bottom'",
514
+ "description": "the placement of the alert",
515
+ "fieldName": "placement"
516
+ },
517
+ {
518
+ "name": "headline",
519
+ "type": {
520
+ "text": "string | undefined"
521
+ },
522
+ "description": "the text of the alert heading\naccepts string",
523
+ "fieldName": "headline"
524
+ },
525
+ {
526
+ "name": "subtitle",
527
+ "type": {
528
+ "text": "string | undefined"
529
+ },
530
+ "description": "the text of the alert sub-heading\naccepts string",
531
+ "fieldName": "subtitle"
532
+ },
533
+ {
534
+ "name": "icon",
535
+ "type": {
536
+ "text": "string | undefined"
537
+ },
538
+ "description": "alert header icon",
539
+ "fieldName": "icon"
540
+ },
541
+ {
542
+ "type": {
543
+ "text": "boolean"
544
+ },
545
+ "default": "false",
546
+ "description": "indicates whether the alert is open",
547
+ "fieldName": "open"
548
+ },
549
+ {
550
+ "type": {
551
+ "text": "number"
552
+ },
553
+ "default": "0",
554
+ "description": "the timeout ms to show the alert\naccepts number",
555
+ "fieldName": "timeoutms"
556
+ },
557
+ {
558
+ "name": "connotation",
559
+ "type": {
560
+ "text": "AlertConnotation | undefined"
561
+ },
562
+ "description": "alert connotation",
563
+ "fieldName": "connotation"
564
+ }
565
+ ],
566
+ "superclass": {
567
+ "name": "FoundationElement",
568
+ "package": "@microsoft/fast-foundation"
569
+ }
570
+ }
571
+ ],
572
+ "exports": [
573
+ {
574
+ "kind": "js",
575
+ "name": "Alert",
576
+ "declaration": {
577
+ "name": "Alert",
578
+ "module": "libs/components/src/lib/alert/alert.ts"
579
+ }
580
+ }
581
+ ]
582
+ },
583
+ {
584
+ "kind": "javascript-module",
585
+ "path": "libs/components/src/lib/alert/definition.ts",
586
+ "declarations": [
587
+ {
588
+ "kind": "variable",
589
+ "name": "registerAlert",
590
+ "description": "Registers the alert elements with the design system.",
591
+ "parameters": [
592
+ {
593
+ "description": "the prefix to use for the component name",
594
+ "name": "prefix"
595
+ }
596
+ ]
597
+ }
598
+ ],
599
+ "exports": [
600
+ {
601
+ "kind": "js",
602
+ "name": "AlertConnotation",
603
+ "declaration": {
604
+ "name": "AlertConnotation",
605
+ "module": "./alert"
606
+ }
607
+ },
608
+ {
609
+ "kind": "js",
610
+ "name": "registerAlert",
611
+ "declaration": {
612
+ "name": "registerAlert",
613
+ "module": "libs/components/src/lib/alert/definition.ts"
614
+ }
615
+ }
616
+ ]
617
+ },
381
618
  {
382
619
  "kind": "javascript-module",
383
620
  "path": "libs/components/src/lib/avatar/avatar.ts",
@@ -6898,6 +7135,38 @@
6898
7135
  "name": "#hide",
6899
7136
  "privacy": "private"
6900
7137
  },
7138
+ {
7139
+ "kind": "field",
7140
+ "name": "#closeOnEscape",
7141
+ "privacy": "private"
7142
+ },
7143
+ {
7144
+ "kind": "method",
7145
+ "name": "openChanged",
7146
+ "return": {
7147
+ "type": {
7148
+ "text": "void"
7149
+ }
7150
+ },
7151
+ "parameters": [
7152
+ {
7153
+ "name": "oldValue",
7154
+ "type": {
7155
+ "text": "boolean"
7156
+ }
7157
+ },
7158
+ {
7159
+ "name": "newValue",
7160
+ "type": {
7161
+ "text": "boolean"
7162
+ }
7163
+ }
7164
+ ],
7165
+ "inheritedFrom": {
7166
+ "name": "Popup",
7167
+ "module": "libs/components/src/lib/popup/popup.ts"
7168
+ }
7169
+ },
6901
7170
  {
6902
7171
  "kind": "field",
6903
7172
  "name": "#arrowPosition",
@@ -7010,33 +7279,6 @@
7010
7279
  "module": "libs/components/src/lib/popup/popup.ts"
7011
7280
  }
7012
7281
  },
7013
- {
7014
- "kind": "method",
7015
- "name": "openChanged",
7016
- "return": {
7017
- "type": {
7018
- "text": "void"
7019
- }
7020
- },
7021
- "parameters": [
7022
- {
7023
- "name": "_",
7024
- "type": {
7025
- "text": "boolean"
7026
- }
7027
- },
7028
- {
7029
- "name": "newValue",
7030
- "type": {
7031
- "text": "boolean"
7032
- }
7033
- }
7034
- ],
7035
- "inheritedFrom": {
7036
- "name": "Popup",
7037
- "module": "libs/components/src/lib/popup/popup.ts"
7038
- }
7039
- },
7040
7282
  {
7041
7283
  "kind": "field",
7042
7284
  "name": "dismissible",
@@ -1,4 +1,4 @@
1
- import { r as registerDataGrid } from '../shared/definition21.js';
1
+ import { r as registerDataGrid } from '../shared/definition22.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/key-codes.js';
4
4
  import '../shared/repeat.js';
package/dialog/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerDialog } from '../shared/definition22.js';
1
+ import { r as registerDialog } from '../shared/definition23.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
@@ -7,10 +7,10 @@ import '../shared/string-trim.js';
7
7
  import '../shared/_has.js';
8
8
  import '../shared/class-names.js';
9
9
  import '../shared/when.js';
10
- import '../shared/definition9.js';
10
+ import '../shared/definition7.js';
11
11
  import '../shared/definition4.js';
12
12
  import '../shared/focus.js';
13
- import '../shared/definition10.js';
13
+ import '../shared/definition9.js';
14
14
  import '../shared/base-progress.js';
15
15
  import '../shared/affix.js';
16
16
  import '../shared/button.js';
@@ -21,7 +21,7 @@ import '../shared/aria-global.js';
21
21
  import '../shared/start-end.js';
22
22
  import '../shared/ref.js';
23
23
  import '../shared/focus2.js';
24
- import '../shared/definition16.js';
24
+ import '../shared/definition8.js';
25
25
  import '../shared/slotted.js';
26
26
 
27
27
  registerDialog();
package/divider/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerDivider } from '../shared/definition23.js';
1
+ import { r as registerDivider } from '../shared/definition24.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/aria.js';
4
4
  import '../shared/class-names.js';
@@ -1,4 +1,4 @@
1
- import { r as registerElevation } from '../shared/definition16.js';
1
+ import { r as registerElevation } from '../shared/definition8.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/class-names.js';
4
4
 
package/fab/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerFab } from '../shared/definition24.js';
1
+ import { r as registerFab } from '../shared/definition25.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
package/header/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import { r as registerHeader } from '../shared/definition25.js';
1
+ import { r as registerHeader } from '../shared/definition26.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition16.js';
3
+ import '../shared/definition8.js';
4
4
  import '../shared/class-names.js';
5
5
 
6
6
  registerHeader();