@vonage/vivid 3.2.0 → 3.4.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 (130) hide show
  1. package/custom-elements.json +366 -1
  2. package/data-grid/index.js +7 -1047
  3. package/dialog/index.js +1 -1
  4. package/divider/index.js +1 -1
  5. package/fab/index.js +1 -1
  6. package/header/index.js +1 -1
  7. package/index.d.ts +1 -0
  8. package/index.js +33 -31
  9. package/layout/index.js +1 -1
  10. package/lib/accordion/definition.d.ts +1 -0
  11. package/lib/action-group/action-group.d.ts +1 -2
  12. package/lib/action-group/definition.d.ts +1 -0
  13. package/lib/avatar/avatar.d.ts +2 -3
  14. package/lib/avatar/definition.d.ts +1 -0
  15. package/lib/badge/badge.d.ts +3 -4
  16. package/lib/badge/definition.d.ts +1 -0
  17. package/lib/banner/definition.d.ts +1 -0
  18. package/lib/button/button.d.ts +3 -4
  19. package/lib/button/definition.d.ts +1 -0
  20. package/lib/calendar-event/calendar-event.d.ts +2 -3
  21. package/lib/calendar-event/definition.d.ts +1 -0
  22. package/lib/combobox/combobox.d.ts +1 -2
  23. package/lib/combobox/definition.d.ts +1 -0
  24. package/lib/components.d.ts +1 -0
  25. package/lib/dialog/definition.d.ts +1 -0
  26. package/lib/dialog/dialog.d.ts +1 -2
  27. package/lib/fab/definition.d.ts +1 -0
  28. package/lib/fab/fab.d.ts +1 -2
  29. package/lib/icon/definition.d.ts +1 -0
  30. package/lib/icon/icon.d.ts +1 -2
  31. package/lib/layout/definition.d.ts +1 -0
  32. package/lib/layout/layout.d.ts +3 -4
  33. package/lib/listbox/definition.d.ts +1 -0
  34. package/lib/menu/definition.d.ts +1 -0
  35. package/lib/note/definition.d.ts +1 -0
  36. package/lib/number-field/definition.d.ts +1 -0
  37. package/lib/number-field/number-field.d.ts +2 -3
  38. package/lib/option/option.d.ts +3 -0
  39. package/lib/popup/definition.d.ts +2 -0
  40. package/lib/progress/definition.d.ts +1 -0
  41. package/lib/progress-ring/definition.d.ts +1 -0
  42. package/lib/select/definition.d.ts +1 -0
  43. package/lib/select/select.d.ts +3 -3
  44. package/lib/switch/definition.d.ts +1 -0
  45. package/lib/text-area/definition.d.ts +1 -0
  46. package/lib/text-area/text-area.d.ts +1 -2
  47. package/lib/text-field/definition.d.ts +1 -0
  48. package/lib/text-field/text-field.d.ts +2 -3
  49. package/listbox/index.js +1 -1
  50. package/menu/index.js +2 -2
  51. package/menu-item/index.js +1 -1
  52. package/nav/index.js +1 -1
  53. package/nav-disclosure/index.js +1 -1
  54. package/nav-item/index.js +1 -1
  55. package/note/index.js +1 -1
  56. package/number-field/index.js +2 -2
  57. package/package.json +1 -1
  58. package/progress/index.js +1 -1
  59. package/progress-ring/index.js +1 -1
  60. package/radio/index.js +1 -1
  61. package/radio-group/index.js +1 -1
  62. package/select/index.js +1 -1
  63. package/shared/definition.js +1 -1
  64. package/shared/definition11.js +1 -1
  65. package/shared/definition12.js +1 -1
  66. package/shared/definition13.js +1 -1
  67. package/shared/definition14.js +1 -1
  68. package/shared/definition16.js +1 -1
  69. package/shared/definition17.js +1 -1
  70. package/shared/definition18.js +2 -2
  71. package/shared/definition19.js +11 -1
  72. package/shared/definition2.js +1 -1
  73. package/shared/definition20.js +1035 -203
  74. package/shared/definition21.js +206 -67
  75. package/shared/definition22.js +68 -77
  76. package/shared/definition23.js +76 -47
  77. package/shared/definition24.js +46 -32
  78. package/shared/definition25.js +35 -49
  79. package/shared/definition26.js +48 -338
  80. package/shared/definition27.js +267 -282
  81. package/shared/definition28.js +356 -14
  82. package/shared/definition29.js +13 -67
  83. package/shared/definition30.js +65 -21
  84. package/shared/definition31.js +21 -39
  85. package/shared/definition32.js +31 -432
  86. package/shared/definition33.js +432 -76
  87. package/shared/definition34.js +76 -59
  88. package/shared/definition35.js +67 -35
  89. package/shared/definition36.js +31 -422
  90. package/shared/definition37.js +357 -555
  91. package/shared/definition38.js +624 -74
  92. package/shared/definition39.js +70 -573
  93. package/shared/definition4.js +1 -1
  94. package/shared/definition40.js +527 -81
  95. package/shared/definition41.js +127 -47
  96. package/shared/definition42.js +51 -16
  97. package/shared/definition43.js +17 -425
  98. package/shared/definition44.js +367 -209
  99. package/shared/definition45.js +248 -85
  100. package/shared/definition46.js +110 -68
  101. package/shared/definition47.js +65 -111
  102. package/shared/definition48.js +68 -440
  103. package/shared/definition49.js +305 -0
  104. package/shared/definition5.js +1 -1
  105. package/shared/definition6.js +1 -1
  106. package/shared/definition7.js +1 -1
  107. package/shared/definition8.js +1 -1
  108. package/shared/definition9.js +1 -1
  109. package/shared/enums.js +1 -1
  110. package/shared/form-elements.js +1 -1
  111. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  112. package/shared/text-field.js +1 -1
  113. package/shared/tree-item.js +151 -0
  114. package/side-drawer/index.js +1 -1
  115. package/slider/index.js +1 -1
  116. package/styles/core/all.css +1 -1
  117. package/styles/core/theme.css +1 -1
  118. package/styles/core/typography.css +1 -1
  119. package/styles/tokens/theme-dark.css +4 -4
  120. package/styles/tokens/theme-light.css +4 -4
  121. package/switch/index.js +1 -1
  122. package/tab/index.js +1 -1
  123. package/tab-panel/index.js +1 -1
  124. package/tabs/index.js +3 -3
  125. package/text-area/index.js +1 -1
  126. package/text-field/index.js +1 -1
  127. package/tooltip/index.js +1 -1
  128. package/tree-item/index.js +3 -72
  129. package/tree-view/index.js +2 -1
  130. package/vivid.api.json +4526 -336
@@ -64,6 +64,14 @@
64
64
  }
65
65
  ],
66
66
  "exports": [
67
+ {
68
+ "kind": "js",
69
+ "name": "AccordionExpandMode",
70
+ "declaration": {
71
+ "name": "AccordionExpandMode",
72
+ "package": "@microsoft/fast-foundation"
73
+ }
74
+ },
67
75
  {
68
76
  "kind": "js",
69
77
  "name": "registerAccordion",
@@ -279,6 +287,22 @@
279
287
  }
280
288
  ],
281
289
  "exports": [
290
+ {
291
+ "kind": "js",
292
+ "name": "ActionGroupShape",
293
+ "declaration": {
294
+ "name": "ActionGroupShape",
295
+ "module": "./action-group"
296
+ }
297
+ },
298
+ {
299
+ "kind": "js",
300
+ "name": "ActionGroupAppearance",
301
+ "declaration": {
302
+ "name": "ActionGroupAppearance",
303
+ "module": "./action-group"
304
+ }
305
+ },
282
306
  {
283
307
  "kind": "js",
284
308
  "name": "registerActionGroup",
@@ -437,6 +461,38 @@
437
461
  }
438
462
  ],
439
463
  "exports": [
464
+ {
465
+ "kind": "js",
466
+ "name": "AvatarConnotation",
467
+ "declaration": {
468
+ "name": "AvatarConnotation",
469
+ "module": "./avatar"
470
+ }
471
+ },
472
+ {
473
+ "kind": "js",
474
+ "name": "AvatarShape",
475
+ "declaration": {
476
+ "name": "AvatarShape",
477
+ "module": "./avatar"
478
+ }
479
+ },
480
+ {
481
+ "kind": "js",
482
+ "name": "AvatarAppearance",
483
+ "declaration": {
484
+ "name": "AvatarAppearance",
485
+ "module": "./avatar"
486
+ }
487
+ },
488
+ {
489
+ "kind": "js",
490
+ "name": "AvatarSize",
491
+ "declaration": {
492
+ "name": "AvatarSize",
493
+ "module": "./avatar"
494
+ }
495
+ },
440
496
  {
441
497
  "kind": "js",
442
498
  "name": "registerAvatar",
@@ -566,6 +622,30 @@
566
622
  }
567
623
  ],
568
624
  "exports": [
625
+ {
626
+ "kind": "js",
627
+ "name": "BadgeConnotation",
628
+ "declaration": {
629
+ "name": "BadgeConnotation",
630
+ "module": "./badge"
631
+ }
632
+ },
633
+ {
634
+ "kind": "js",
635
+ "name": "BadgeAppearance",
636
+ "declaration": {
637
+ "name": "BadgeAppearance",
638
+ "module": "./badge"
639
+ }
640
+ },
641
+ {
642
+ "kind": "js",
643
+ "name": "BadgeShape",
644
+ "declaration": {
645
+ "name": "BadgeShape",
646
+ "module": "./badge"
647
+ }
648
+ },
569
649
  {
570
650
  "kind": "js",
571
651
  "name": "badgeDefinition",
@@ -753,6 +833,14 @@
753
833
  }
754
834
  ],
755
835
  "exports": [
836
+ {
837
+ "kind": "js",
838
+ "name": "BannerConnotation",
839
+ "declaration": {
840
+ "name": "BannerConnotation",
841
+ "module": "./banner"
842
+ }
843
+ },
756
844
  {
757
845
  "kind": "js",
758
846
  "name": "registerBanner",
@@ -1035,6 +1123,38 @@
1035
1123
  }
1036
1124
  ],
1037
1125
  "exports": [
1126
+ {
1127
+ "kind": "js",
1128
+ "name": "ButtonAppearance",
1129
+ "declaration": {
1130
+ "name": "ButtonAppearance",
1131
+ "module": "./button"
1132
+ }
1133
+ },
1134
+ {
1135
+ "kind": "js",
1136
+ "name": "ButtonConnotation",
1137
+ "declaration": {
1138
+ "name": "ButtonConnotation",
1139
+ "module": "./button"
1140
+ }
1141
+ },
1142
+ {
1143
+ "kind": "js",
1144
+ "name": "ButtonShape",
1145
+ "declaration": {
1146
+ "name": "ButtonShape",
1147
+ "module": "./button"
1148
+ }
1149
+ },
1150
+ {
1151
+ "kind": "js",
1152
+ "name": "ButtonSize",
1153
+ "declaration": {
1154
+ "name": "ButtonSize",
1155
+ "module": "./button"
1156
+ }
1157
+ },
1038
1158
  {
1039
1159
  "kind": "js",
1040
1160
  "name": "registerButton",
@@ -1421,6 +1541,22 @@
1421
1541
  }
1422
1542
  ],
1423
1543
  "exports": [
1544
+ {
1545
+ "kind": "js",
1546
+ "name": "CalendarEventAppearance",
1547
+ "declaration": {
1548
+ "name": "CalendarEventAppearance",
1549
+ "module": "./calendar-event"
1550
+ }
1551
+ },
1552
+ {
1553
+ "kind": "js",
1554
+ "name": "CalendarEventConnotation",
1555
+ "declaration": {
1556
+ "name": "CalendarEventConnotation",
1557
+ "module": "./calendar-event"
1558
+ }
1559
+ },
1424
1560
  {
1425
1561
  "kind": "js",
1426
1562
  "name": "registerCalendarEvent",
@@ -1759,6 +1895,14 @@
1759
1895
  }
1760
1896
  ],
1761
1897
  "exports": [
1898
+ {
1899
+ "kind": "js",
1900
+ "name": "PopupPlacement",
1901
+ "declaration": {
1902
+ "name": "PopupPlacement",
1903
+ "module": "./combobox"
1904
+ }
1905
+ },
1762
1906
  {
1763
1907
  "kind": "js",
1764
1908
  "name": "comboboxRegistries",
@@ -2072,6 +2216,14 @@
2072
2216
  }
2073
2217
  ],
2074
2218
  "exports": [
2219
+ {
2220
+ "kind": "js",
2221
+ "name": "IconPlacement",
2222
+ "declaration": {
2223
+ "name": "IconPlacement",
2224
+ "module": "./dialog"
2225
+ }
2226
+ },
2075
2227
  {
2076
2228
  "kind": "js",
2077
2229
  "name": "registerDialog",
@@ -2484,6 +2636,22 @@
2484
2636
  }
2485
2637
  ],
2486
2638
  "exports": [
2639
+ {
2640
+ "kind": "js",
2641
+ "name": "FabConnotation",
2642
+ "declaration": {
2643
+ "name": "FabConnotation",
2644
+ "module": "./fab"
2645
+ }
2646
+ },
2647
+ {
2648
+ "kind": "js",
2649
+ "name": "FABSize",
2650
+ "declaration": {
2651
+ "name": "FABSize",
2652
+ "module": "./fab"
2653
+ }
2654
+ },
2487
2655
  {
2488
2656
  "kind": "js",
2489
2657
  "name": "fabDefinition",
@@ -2628,7 +2796,7 @@
2628
2796
  "declarations": [
2629
2797
  {
2630
2798
  "kind": "class",
2631
- "description": "Base class for badge",
2799
+ "description": "Base class for focus",
2632
2800
  "name": "Focus",
2633
2801
  "superclass": {
2634
2802
  "name": "FoundationElement",
@@ -2774,6 +2942,14 @@
2774
2942
  }
2775
2943
  ],
2776
2944
  "exports": [
2945
+ {
2946
+ "kind": "js",
2947
+ "name": "IconConnotation",
2948
+ "declaration": {
2949
+ "name": "IconConnotation",
2950
+ "module": "./icon"
2951
+ }
2952
+ },
2777
2953
  {
2778
2954
  "kind": "js",
2779
2955
  "name": "iconDefinition",
@@ -2917,6 +3093,38 @@
2917
3093
  }
2918
3094
  ],
2919
3095
  "exports": [
3096
+ {
3097
+ "kind": "js",
3098
+ "name": "AUTO_SIZING",
3099
+ "declaration": {
3100
+ "name": "AUTO_SIZING",
3101
+ "module": "./layout"
3102
+ }
3103
+ },
3104
+ {
3105
+ "kind": "js",
3106
+ "name": "ColumnBasis",
3107
+ "declaration": {
3108
+ "name": "ColumnBasis",
3109
+ "module": "./layout"
3110
+ }
3111
+ },
3112
+ {
3113
+ "kind": "js",
3114
+ "name": "ColumnSpacing",
3115
+ "declaration": {
3116
+ "name": "ColumnSpacing",
3117
+ "module": "./layout"
3118
+ }
3119
+ },
3120
+ {
3121
+ "kind": "js",
3122
+ "name": "Gutters",
3123
+ "declaration": {
3124
+ "name": "Gutters",
3125
+ "module": "./layout"
3126
+ }
3127
+ },
2920
3128
  {
2921
3129
  "kind": "js",
2922
3130
  "name": "layoutDefinition",
@@ -3057,6 +3265,14 @@
3057
3265
  }
3058
3266
  ],
3059
3267
  "exports": [
3268
+ {
3269
+ "kind": "js",
3270
+ "name": "LisboxAppearance",
3271
+ "declaration": {
3272
+ "name": "LisboxAppearance",
3273
+ "module": "./listbox"
3274
+ }
3275
+ },
3060
3276
  {
3061
3277
  "kind": "js",
3062
3278
  "name": "listboxDefinition",
@@ -3143,6 +3359,14 @@
3143
3359
  }
3144
3360
  ],
3145
3361
  "exports": [
3362
+ {
3363
+ "kind": "js",
3364
+ "name": "Placement",
3365
+ "declaration": {
3366
+ "name": "Placement",
3367
+ "package": "@floating-ui/dom"
3368
+ }
3369
+ },
3146
3370
  {
3147
3371
  "kind": "js",
3148
3372
  "name": "menuDefinition",
@@ -3652,6 +3876,14 @@
3652
3876
  }
3653
3877
  ],
3654
3878
  "exports": [
3879
+ {
3880
+ "kind": "js",
3881
+ "name": "NoteConnotation",
3882
+ "declaration": {
3883
+ "name": "NoteConnotation",
3884
+ "module": "./note"
3885
+ }
3886
+ },
3655
3887
  {
3656
3888
  "kind": "js",
3657
3889
  "name": "noteDefinition",
@@ -3760,6 +3992,22 @@
3760
3992
  }
3761
3993
  ],
3762
3994
  "exports": [
3995
+ {
3996
+ "kind": "js",
3997
+ "name": "NumberFieldAppearance",
3998
+ "declaration": {
3999
+ "name": "NumberFieldAppearance",
4000
+ "module": "./number-field"
4001
+ }
4002
+ },
4003
+ {
4004
+ "kind": "js",
4005
+ "name": "NumberFieldShape",
4006
+ "declaration": {
4007
+ "name": "NumberFieldShape",
4008
+ "module": "./number-field"
4009
+ }
4010
+ },
3763
4011
  {
3764
4012
  "kind": "js",
3765
4013
  "name": "numberFieldDefinition",
@@ -3918,6 +4166,20 @@
3918
4166
  {
3919
4167
  "kind": "field",
3920
4168
  "name": "text"
4169
+ },
4170
+ {
4171
+ "kind": "field",
4172
+ "name": "_label",
4173
+ "type": {
4174
+ "text": "string | undefined"
4175
+ }
4176
+ },
4177
+ {
4178
+ "kind": "field",
4179
+ "name": "label",
4180
+ "type": {
4181
+ "text": "string"
4182
+ }
3921
4183
  }
3922
4184
  ],
3923
4185
  "attributes": [
@@ -3927,6 +4189,13 @@
3927
4189
  "text": "string | undefined"
3928
4190
  },
3929
4191
  "fieldName": "_text"
4192
+ },
4193
+ {
4194
+ "name": "label",
4195
+ "type": {
4196
+ "text": "string | undefined"
4197
+ },
4198
+ "fieldName": "_label"
3930
4199
  }
3931
4200
  ],
3932
4201
  "superclass": {
@@ -3968,6 +4237,22 @@
3968
4237
  }
3969
4238
  ],
3970
4239
  "exports": [
4240
+ {
4241
+ "kind": "js",
4242
+ "name": "Popup",
4243
+ "declaration": {
4244
+ "name": "Popup",
4245
+ "module": "./popup"
4246
+ }
4247
+ },
4248
+ {
4249
+ "kind": "js",
4250
+ "name": "Strategy",
4251
+ "declaration": {
4252
+ "name": "Strategy",
4253
+ "package": "@floating-ui/dom"
4254
+ }
4255
+ },
3971
4256
  {
3972
4257
  "kind": "js",
3973
4258
  "name": "popupDefinition",
@@ -4318,6 +4603,22 @@
4318
4603
  }
4319
4604
  ],
4320
4605
  "exports": [
4606
+ {
4607
+ "kind": "js",
4608
+ "name": "ProgressConnotation",
4609
+ "declaration": {
4610
+ "name": "ProgressConnotation",
4611
+ "module": "./progress"
4612
+ }
4613
+ },
4614
+ {
4615
+ "kind": "js",
4616
+ "name": "ProgressShape",
4617
+ "declaration": {
4618
+ "name": "ProgressShape",
4619
+ "module": "./progress"
4620
+ }
4621
+ },
4321
4622
  {
4322
4623
  "kind": "js",
4323
4624
  "name": "progressDefinition",
@@ -4430,6 +4731,14 @@
4430
4731
  }
4431
4732
  ],
4432
4733
  "exports": [
4734
+ {
4735
+ "kind": "js",
4736
+ "name": "ProgressRingConnotation",
4737
+ "declaration": {
4738
+ "name": "ProgressRingConnotation",
4739
+ "module": "./progress-ring"
4740
+ }
4741
+ },
4433
4742
  {
4434
4743
  "kind": "js",
4435
4744
  "name": "progressRingDefinition",
@@ -4699,6 +5008,22 @@
4699
5008
  }
4700
5009
  ],
4701
5010
  "exports": [
5011
+ {
5012
+ "kind": "js",
5013
+ "name": "SelectAppearance",
5014
+ "declaration": {
5015
+ "name": "SelectAppearance",
5016
+ "module": "./select"
5017
+ }
5018
+ },
5019
+ {
5020
+ "kind": "js",
5021
+ "name": "SelectShape",
5022
+ "declaration": {
5023
+ "name": "SelectShape",
5024
+ "module": "./select"
5025
+ }
5026
+ },
4702
5027
  {
4703
5028
  "kind": "js",
4704
5029
  "name": "selectDefinition",
@@ -4753,6 +5078,14 @@
4753
5078
  "type": {
4754
5079
  "text": "HTMLElement"
4755
5080
  }
5081
+ },
5082
+ {
5083
+ "kind": "field",
5084
+ "name": "displayValue",
5085
+ "type": {
5086
+ "text": "string"
5087
+ },
5088
+ "readonly": true
4756
5089
  }
4757
5090
  ],
4758
5091
  "attributes": [
@@ -5056,6 +5389,14 @@
5056
5389
  }
5057
5390
  ],
5058
5391
  "exports": [
5392
+ {
5393
+ "kind": "js",
5394
+ "name": "SwitchConnotation",
5395
+ "declaration": {
5396
+ "name": "SwitchConnotation",
5397
+ "module": "./switch"
5398
+ }
5399
+ },
5059
5400
  {
5060
5401
  "kind": "js",
5061
5402
  "name": "switchDefinition",
@@ -5569,6 +5910,14 @@
5569
5910
  }
5570
5911
  ],
5571
5912
  "exports": [
5913
+ {
5914
+ "kind": "js",
5915
+ "name": "TextAreaWrap",
5916
+ "declaration": {
5917
+ "name": "TextAreaWrap",
5918
+ "module": "./text-area"
5919
+ }
5920
+ },
5572
5921
  {
5573
5922
  "kind": "js",
5574
5923
  "name": "textAreaDefinition",
@@ -5652,6 +6001,22 @@
5652
6001
  }
5653
6002
  ],
5654
6003
  "exports": [
6004
+ {
6005
+ "kind": "js",
6006
+ "name": "TextFieldAppearance",
6007
+ "declaration": {
6008
+ "name": "TextFieldAppearance",
6009
+ "module": "./text-field"
6010
+ }
6011
+ },
6012
+ {
6013
+ "kind": "js",
6014
+ "name": "TextFieldShape",
6015
+ "declaration": {
6016
+ "name": "TextFieldShape",
6017
+ "module": "./text-field"
6018
+ }
6019
+ },
5655
6020
  {
5656
6021
  "kind": "js",
5657
6022
  "name": "textFieldDefinition",