@vonage/vivid 3.39.0 → 3.41.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 (182) hide show
  1. package/accordion/index.js +2 -2
  2. package/accordion-item/index.js +2 -2
  3. package/alert/index.js +7 -5
  4. package/audio-player/index.js +33 -0
  5. package/avatar/index.js +2 -2
  6. package/badge/index.js +2 -2
  7. package/banner/index.js +9 -5
  8. package/breadcrumb/index.js +1 -1
  9. package/breadcrumb-item/index.js +3 -3
  10. package/button/index.js +5 -4
  11. package/calendar/index.js +1 -1
  12. package/calendar-event/index.js +1 -1
  13. package/card/index.js +4 -3
  14. package/checkbox/index.js +3 -3
  15. package/combobox/index.js +9 -7
  16. package/custom-elements.json +809 -5
  17. package/data-grid/index.js +3 -2
  18. package/date-picker/index.js +11 -9
  19. package/date-range-picker/index.js +11 -9
  20. package/dialog/index.js +10 -6
  21. package/divider/index.js +1 -1
  22. package/elevation/index.js +1 -1
  23. package/empty-state/index.js +2 -2
  24. package/fab/index.js +3 -3
  25. package/file-picker/index.js +6 -5
  26. package/focus/index.js +1 -1
  27. package/header/index.js +2 -2
  28. package/icon/index.js +1 -1
  29. package/index.js +60 -55
  30. package/layout/index.js +1 -1
  31. package/lib/alert/alert.d.ts +3 -1
  32. package/lib/alert/locale.d.ts +3 -0
  33. package/lib/audio-player/audio-player.d.ts +17 -0
  34. package/lib/audio-player/audio-player.template.d.ts +4 -0
  35. package/lib/audio-player/definition.d.ts +4 -0
  36. package/lib/audio-player/locale.d.ts +5 -0
  37. package/lib/banner/banner.d.ts +3 -1
  38. package/lib/banner/locale.d.ts +3 -0
  39. package/lib/card/card.d.ts +3 -0
  40. package/lib/card/card.template.d.ts +1 -1
  41. package/lib/card/definition.d.ts +1 -0
  42. package/lib/checkbox/checkbox.d.ts +2 -0
  43. package/lib/components.d.ts +2 -0
  44. package/lib/dialog/dialog.d.ts +4 -0
  45. package/lib/dialog/locale.d.ts +3 -0
  46. package/lib/enums.d.ts +2 -1
  47. package/lib/menu/menu.d.ts +1 -0
  48. package/lib/number-field/locale.d.ts +4 -0
  49. package/lib/number-field/number-field.d.ts +4 -2
  50. package/lib/progress/progress.d.ts +1 -0
  51. package/lib/progress-ring/progress-ring.d.ts +1 -0
  52. package/lib/radio/radio.d.ts +1 -0
  53. package/lib/selectable-box/definition.d.ts +3 -0
  54. package/lib/selectable-box/selectable-box.d.ts +12 -0
  55. package/lib/selectable-box/selectable-box.template.d.ts +4 -0
  56. package/lib/slider/definition.d.ts +1 -0
  57. package/lib/slider/slider.d.ts +5 -0
  58. package/lib/split-button/locale.d.ts +3 -0
  59. package/lib/split-button/split-button.d.ts +3 -1
  60. package/lib/text-area/text-area.d.ts +3 -0
  61. package/lib/text-field/text-field.d.ts +5 -2
  62. package/listbox/index.js +5 -4
  63. package/locales/en-GB.js +21 -0
  64. package/locales/en-US.js +21 -0
  65. package/locales/ja-JP.js +21 -0
  66. package/locales/zh-CN.js +21 -0
  67. package/menu/index.js +9 -8
  68. package/menu-item/index.js +3 -3
  69. package/nav/index.js +1 -1
  70. package/nav-disclosure/index.js +3 -3
  71. package/nav-item/index.js +3 -3
  72. package/note/index.js +2 -2
  73. package/number-field/index.js +8 -6
  74. package/option/index.js +3 -3
  75. package/package.json +1 -1
  76. package/pagination/index.js +6 -5
  77. package/popup/index.js +7 -6
  78. package/progress/index.js +1 -1
  79. package/progress-ring/index.js +1 -1
  80. package/radio/index.js +2 -2
  81. package/radio-group/index.js +2 -2
  82. package/select/index.js +10 -8
  83. package/selectable-box/index.js +23 -0
  84. package/shared/Reflector.js +65 -0
  85. package/shared/date-picker/calendar/segment.d.ts +21 -0
  86. package/shared/date-picker/date-picker-base.d.ts +1 -0
  87. package/shared/definition.js +3 -3
  88. package/shared/definition10.js +89 -227
  89. package/shared/definition11.js +151 -29
  90. package/shared/definition12.js +37 -766
  91. package/shared/definition13.js +747 -106
  92. package/shared/definition14.js +122 -192
  93. package/shared/definition15.js +156 -664
  94. package/shared/definition16.js +576 -1123
  95. package/shared/definition17.js +1278 -143
  96. package/shared/definition18.js +64 -298
  97. package/shared/definition19.js +358 -211
  98. package/shared/definition2.js +2 -2
  99. package/shared/definition20.js +259 -67
  100. package/shared/definition21.js +66 -58
  101. package/shared/definition22.js +43 -84
  102. package/shared/definition23.js +76 -2352
  103. package/shared/definition24.js +2362 -45
  104. package/shared/definition25.js +63 -27
  105. package/shared/definition26.js +24 -51
  106. package/shared/definition27.js +36 -813
  107. package/shared/definition28.js +837 -49
  108. package/shared/definition29.js +52 -89
  109. package/shared/definition3.js +1 -1
  110. package/shared/definition30.js +88 -24
  111. package/shared/definition31.js +25 -12
  112. package/shared/definition32.js +12 -52
  113. package/shared/definition33.js +28 -487
  114. package/shared/definition34.js +442 -197
  115. package/shared/definition35.js +260 -185
  116. package/shared/definition36.js +188 -69
  117. package/shared/definition37.js +72 -52
  118. package/shared/definition38.js +65 -421
  119. package/shared/definition39.js +435 -35
  120. package/shared/definition4.js +44 -16
  121. package/shared/definition40.js +32 -680
  122. package/shared/definition41.js +661 -77
  123. package/shared/definition42.js +103 -555
  124. package/shared/definition43.js +76 -103
  125. package/shared/definition44.js +522 -87
  126. package/shared/definition45.js +133 -22
  127. package/shared/definition46.js +131 -58
  128. package/shared/definition47.js +16 -501
  129. package/shared/definition48.js +69 -23
  130. package/shared/definition49.js +477 -108
  131. package/shared/definition5.js +160 -44
  132. package/shared/definition50.js +25 -271
  133. package/shared/definition51.js +103 -122
  134. package/shared/definition52.js +277 -122
  135. package/shared/definition53.js +274 -103
  136. package/shared/definition54.js +126 -71
  137. package/shared/definition55.js +128 -294
  138. package/shared/definition56.js +91 -13
  139. package/shared/definition57.js +298 -39
  140. package/shared/definition58.js +11 -175
  141. package/shared/definition59.js +47 -0
  142. package/shared/definition6.js +43 -33
  143. package/shared/definition60.js +181 -0
  144. package/shared/definition7.js +39 -105
  145. package/shared/definition8.js +122 -38
  146. package/shared/definition9.js +56 -89
  147. package/shared/enums.js +72 -0
  148. package/shared/icon.js +2 -2
  149. package/shared/index2.js +28 -1
  150. package/shared/key-codes.js +1 -1
  151. package/shared/key-codes2.js +9 -0
  152. package/shared/listbox.js +3 -8
  153. package/shared/localization/Locale.d.ts +12 -0
  154. package/shared/patterns/form-elements/form-elements.d.ts +6 -6
  155. package/shared/presentationDate.js +196 -143
  156. package/shared/radio.js +7 -0
  157. package/shared/text-field.js +1 -1
  158. package/shared/utils/Reflector.d.ts +8 -0
  159. package/shared/utils/randomId.d.ts +1 -0
  160. package/side-drawer/index.js +1 -1
  161. package/slider/index.js +3 -3
  162. package/split-button/index.js +6 -3
  163. package/style.css +889 -722
  164. package/styles/core/all.css +1 -1
  165. package/styles/core/theme.css +1 -1
  166. package/styles/core/typography.css +1 -1
  167. package/styles/tokens/theme-dark.css +4 -4
  168. package/styles/tokens/theme-light.css +4 -4
  169. package/styles/tokens/vivid-2-compat.css +1 -1
  170. package/switch/index.js +3 -3
  171. package/tab/index.js +3 -3
  172. package/tab-panel/index.js +1 -1
  173. package/tabs/index.js +5 -5
  174. package/tag/index.js +3 -3
  175. package/tag-group/index.js +1 -1
  176. package/text-area/index.js +4 -3
  177. package/text-field/index.js +4 -3
  178. package/toggletip/index.js +8 -7
  179. package/tooltip/index.js +8 -7
  180. package/tree-item/index.js +3 -3
  181. package/tree-view/index.js +1 -1
  182. package/vivid.api.json +392 -0
package/vivid.api.json CHANGED
@@ -399,6 +399,27 @@
399
399
  "releaseTag": "Public",
400
400
  "name": "Duotone"
401
401
  },
402
+ {
403
+ "kind": "EnumMember",
404
+ "canonicalReference": "@vonage/vivid!Appearance.Elevated:member",
405
+ "docComment": "",
406
+ "excerptTokens": [
407
+ {
408
+ "kind": "Content",
409
+ "text": "Elevated = "
410
+ },
411
+ {
412
+ "kind": "Content",
413
+ "text": "\"elevated\""
414
+ }
415
+ ],
416
+ "initializerTokenRange": {
417
+ "startIndex": 1,
418
+ "endIndex": 2
419
+ },
420
+ "releaseTag": "Public",
421
+ "name": "Elevated"
422
+ },
402
423
  {
403
424
  "kind": "EnumMember",
404
425
  "canonicalReference": "@vonage/vivid!Appearance.Fieldset:member",
@@ -586,6 +607,141 @@
586
607
  }
587
608
  ]
588
609
  },
610
+ {
611
+ "kind": "TypeAlias",
612
+ "canonicalReference": "@vonage/vivid!AudioPlayerConnotation:type",
613
+ "docComment": "",
614
+ "excerptTokens": [
615
+ {
616
+ "kind": "Content",
617
+ "text": "export type AudioPlayerConnotation = "
618
+ },
619
+ {
620
+ "kind": "Reference",
621
+ "text": "Extract",
622
+ "canonicalReference": "!Extract:type"
623
+ },
624
+ {
625
+ "kind": "Content",
626
+ "text": "<"
627
+ },
628
+ {
629
+ "kind": "Reference",
630
+ "text": "Connotation",
631
+ "canonicalReference": "@vonage/vivid!Connotation:enum"
632
+ },
633
+ {
634
+ "kind": "Content",
635
+ "text": ", "
636
+ },
637
+ {
638
+ "kind": "Reference",
639
+ "text": "Connotation.Accent",
640
+ "canonicalReference": "@vonage/vivid!Connotation.Accent:member"
641
+ },
642
+ {
643
+ "kind": "Content",
644
+ "text": " | "
645
+ },
646
+ {
647
+ "kind": "Reference",
648
+ "text": "Connotation.CTA",
649
+ "canonicalReference": "@vonage/vivid!Connotation.CTA:member"
650
+ },
651
+ {
652
+ "kind": "Content",
653
+ "text": ">"
654
+ },
655
+ {
656
+ "kind": "Content",
657
+ "text": ";"
658
+ }
659
+ ],
660
+ "fileUrlPath": "../../dist/libs/components/lib/audio-player/audio-player.d.ts",
661
+ "releaseTag": "Public",
662
+ "name": "AudioPlayerConnotation",
663
+ "typeTokenRange": {
664
+ "startIndex": 1,
665
+ "endIndex": 9
666
+ }
667
+ },
668
+ {
669
+ "kind": "Variable",
670
+ "canonicalReference": "@vonage/vivid!audioPlayerDefinition:var",
671
+ "docComment": "",
672
+ "excerptTokens": [
673
+ {
674
+ "kind": "Content",
675
+ "text": "audioPlayerDefinition: "
676
+ },
677
+ {
678
+ "kind": "Content",
679
+ "text": "(overrideDefinition?: import(\"@microsoft/fast-foundation\")."
680
+ },
681
+ {
682
+ "kind": "Reference",
683
+ "text": "OverrideFoundationElementDefinition",
684
+ "canonicalReference": "@microsoft/fast-foundation!OverrideFoundationElementDefinition:type"
685
+ },
686
+ {
687
+ "kind": "Content",
688
+ "text": "<"
689
+ },
690
+ {
691
+ "kind": "Reference",
692
+ "text": "FoundationElementDefinition",
693
+ "canonicalReference": "@microsoft/fast-foundation!FoundationElementDefinition:interface"
694
+ },
695
+ {
696
+ "kind": "Content",
697
+ "text": "> | undefined) => import(\"@microsoft/fast-foundation\")."
698
+ },
699
+ {
700
+ "kind": "Reference",
701
+ "text": "FoundationElementRegistry",
702
+ "canonicalReference": "@microsoft/fast-foundation!FoundationElementRegistry:class"
703
+ },
704
+ {
705
+ "kind": "Content",
706
+ "text": "<"
707
+ },
708
+ {
709
+ "kind": "Reference",
710
+ "text": "FoundationElementDefinition",
711
+ "canonicalReference": "@microsoft/fast-foundation!FoundationElementDefinition:interface"
712
+ },
713
+ {
714
+ "kind": "Content",
715
+ "text": ", import(\"@microsoft/fast-element\")."
716
+ },
717
+ {
718
+ "kind": "Reference",
719
+ "text": "Constructable",
720
+ "canonicalReference": "@microsoft/fast-element!Constructable:type"
721
+ },
722
+ {
723
+ "kind": "Content",
724
+ "text": "<import(\"@microsoft/fast-foundation\")."
725
+ },
726
+ {
727
+ "kind": "Reference",
728
+ "text": "FoundationElement",
729
+ "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
730
+ },
731
+ {
732
+ "kind": "Content",
733
+ "text": ">>"
734
+ }
735
+ ],
736
+ "fileUrlPath": "../../dist/libs/components/lib/audio-player/definition.d.ts",
737
+ "isReadonly": true,
738
+ "releaseTag": "Public",
739
+ "name": "audioPlayerDefinition",
740
+ "variableTypeTokenRange": {
741
+ "startIndex": 1,
742
+ "endIndex": 14
743
+ }
744
+ },
589
745
  {
590
746
  "kind": "Enum",
591
747
  "canonicalReference": "@vonage/vivid!AUTO_SIZING:enum",
@@ -1710,6 +1866,73 @@
1710
1866
  "endIndex": 19
1711
1867
  }
1712
1868
  },
1869
+ {
1870
+ "kind": "TypeAlias",
1871
+ "canonicalReference": "@vonage/vivid!CardAppearance:type",
1872
+ "docComment": "",
1873
+ "excerptTokens": [
1874
+ {
1875
+ "kind": "Content",
1876
+ "text": "export type CardAppearance = "
1877
+ },
1878
+ {
1879
+ "kind": "Reference",
1880
+ "text": "Extract",
1881
+ "canonicalReference": "!Extract:type"
1882
+ },
1883
+ {
1884
+ "kind": "Content",
1885
+ "text": "<"
1886
+ },
1887
+ {
1888
+ "kind": "Reference",
1889
+ "text": "Appearance",
1890
+ "canonicalReference": "@vonage/vivid!Appearance:enum"
1891
+ },
1892
+ {
1893
+ "kind": "Content",
1894
+ "text": ", "
1895
+ },
1896
+ {
1897
+ "kind": "Reference",
1898
+ "text": "Appearance.Elevated",
1899
+ "canonicalReference": "@vonage/vivid!Appearance.Elevated:member"
1900
+ },
1901
+ {
1902
+ "kind": "Content",
1903
+ "text": " | "
1904
+ },
1905
+ {
1906
+ "kind": "Reference",
1907
+ "text": "Appearance.Ghost",
1908
+ "canonicalReference": "@vonage/vivid!Appearance.Ghost:member"
1909
+ },
1910
+ {
1911
+ "kind": "Content",
1912
+ "text": " | "
1913
+ },
1914
+ {
1915
+ "kind": "Reference",
1916
+ "text": "Appearance.Outlined",
1917
+ "canonicalReference": "@vonage/vivid!Appearance.Outlined:member"
1918
+ },
1919
+ {
1920
+ "kind": "Content",
1921
+ "text": ">"
1922
+ },
1923
+ {
1924
+ "kind": "Content",
1925
+ "text": ";"
1926
+ }
1927
+ ],
1928
+ "fileUrlPath": "../../dist/libs/components/lib/card/card.d.ts",
1929
+ "releaseTag": "Public",
1930
+ "name": "CardAppearance",
1931
+ "typeTokenRange": {
1932
+ "startIndex": 1,
1933
+ "endIndex": 11
1934
+ }
1935
+ },
1713
1936
  {
1714
1937
  "kind": "TypeAlias",
1715
1938
  "canonicalReference": "@vonage/vivid!ColumnBasis:type",
@@ -5123,6 +5346,34 @@
5123
5346
  "endIndex": 3
5124
5347
  }
5125
5348
  },
5349
+ {
5350
+ "kind": "Variable",
5351
+ "canonicalReference": "@vonage/vivid!registerAudioPlayer:var",
5352
+ "docComment": "",
5353
+ "excerptTokens": [
5354
+ {
5355
+ "kind": "Content",
5356
+ "text": "registerAudioPlayer: "
5357
+ },
5358
+ {
5359
+ "kind": "Content",
5360
+ "text": "(prefix?: string) => import(\"@microsoft/fast-foundation\")."
5361
+ },
5362
+ {
5363
+ "kind": "Reference",
5364
+ "text": "DesignSystem",
5365
+ "canonicalReference": "@microsoft/fast-foundation!DesignSystem:interface"
5366
+ }
5367
+ ],
5368
+ "fileUrlPath": "../../dist/libs/components/lib/audio-player/definition.d.ts",
5369
+ "isReadonly": true,
5370
+ "releaseTag": "Public",
5371
+ "name": "registerAudioPlayer",
5372
+ "variableTypeTokenRange": {
5373
+ "startIndex": 1,
5374
+ "endIndex": 3
5375
+ }
5376
+ },
5126
5377
  {
5127
5378
  "kind": "Variable",
5128
5379
  "canonicalReference": "@vonage/vivid!registerAvatar:var",
@@ -6159,6 +6410,34 @@
6159
6410
  "endIndex": 3
6160
6411
  }
6161
6412
  },
6413
+ {
6414
+ "kind": "Variable",
6415
+ "canonicalReference": "@vonage/vivid!registerSelectableBox:var",
6416
+ "docComment": "",
6417
+ "excerptTokens": [
6418
+ {
6419
+ "kind": "Content",
6420
+ "text": "registerSelectableBox: "
6421
+ },
6422
+ {
6423
+ "kind": "Content",
6424
+ "text": "(prefix?: string) => import(\"@microsoft/fast-foundation\")."
6425
+ },
6426
+ {
6427
+ "kind": "Reference",
6428
+ "text": "DesignSystem",
6429
+ "canonicalReference": "@microsoft/fast-foundation!DesignSystem:interface"
6430
+ }
6431
+ ],
6432
+ "fileUrlPath": "../../dist/libs/components/lib/selectable-box/definition.d.ts",
6433
+ "isReadonly": true,
6434
+ "releaseTag": "Public",
6435
+ "name": "registerSelectableBox",
6436
+ "variableTypeTokenRange": {
6437
+ "startIndex": 1,
6438
+ "endIndex": 3
6439
+ }
6440
+ },
6162
6441
  {
6163
6442
  "kind": "Variable",
6164
6443
  "canonicalReference": "@vonage/vivid!registerSideDrawer:var",
@@ -6705,6 +6984,83 @@
6705
6984
  "endIndex": 11
6706
6985
  }
6707
6986
  },
6987
+ {
6988
+ "kind": "Variable",
6989
+ "canonicalReference": "@vonage/vivid!selectableBoxDefinition:var",
6990
+ "docComment": "",
6991
+ "excerptTokens": [
6992
+ {
6993
+ "kind": "Content",
6994
+ "text": "selectableBoxDefinition: "
6995
+ },
6996
+ {
6997
+ "kind": "Content",
6998
+ "text": "(overrideDefinition?: import(\"@microsoft/fast-foundation\")."
6999
+ },
7000
+ {
7001
+ "kind": "Reference",
7002
+ "text": "OverrideFoundationElementDefinition",
7003
+ "canonicalReference": "@microsoft/fast-foundation!OverrideFoundationElementDefinition:type"
7004
+ },
7005
+ {
7006
+ "kind": "Content",
7007
+ "text": "<"
7008
+ },
7009
+ {
7010
+ "kind": "Reference",
7011
+ "text": "FoundationElementDefinition",
7012
+ "canonicalReference": "@microsoft/fast-foundation!FoundationElementDefinition:interface"
7013
+ },
7014
+ {
7015
+ "kind": "Content",
7016
+ "text": "> | undefined) => import(\"@microsoft/fast-foundation\")."
7017
+ },
7018
+ {
7019
+ "kind": "Reference",
7020
+ "text": "FoundationElementRegistry",
7021
+ "canonicalReference": "@microsoft/fast-foundation!FoundationElementRegistry:class"
7022
+ },
7023
+ {
7024
+ "kind": "Content",
7025
+ "text": "<"
7026
+ },
7027
+ {
7028
+ "kind": "Reference",
7029
+ "text": "FoundationElementDefinition",
7030
+ "canonicalReference": "@microsoft/fast-foundation!FoundationElementDefinition:interface"
7031
+ },
7032
+ {
7033
+ "kind": "Content",
7034
+ "text": ", import(\"@microsoft/fast-element\")."
7035
+ },
7036
+ {
7037
+ "kind": "Reference",
7038
+ "text": "Constructable",
7039
+ "canonicalReference": "@microsoft/fast-element!Constructable:type"
7040
+ },
7041
+ {
7042
+ "kind": "Content",
7043
+ "text": "<import(\"@microsoft/fast-foundation\")."
7044
+ },
7045
+ {
7046
+ "kind": "Reference",
7047
+ "text": "FoundationElement",
7048
+ "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
7049
+ },
7050
+ {
7051
+ "kind": "Content",
7052
+ "text": ">>"
7053
+ }
7054
+ ],
7055
+ "fileUrlPath": "../../dist/libs/components/lib/selectable-box/definition.d.ts",
7056
+ "isReadonly": true,
7057
+ "releaseTag": "Public",
7058
+ "name": "selectableBoxDefinition",
7059
+ "variableTypeTokenRange": {
7060
+ "startIndex": 1,
7061
+ "endIndex": 14
7062
+ }
7063
+ },
6708
7064
  {
6709
7065
  "kind": "TypeAlias",
6710
7066
  "canonicalReference": "@vonage/vivid!SelectAppearance:type",
@@ -7356,6 +7712,42 @@
7356
7712
  }
7357
7713
  ]
7358
7714
  },
7715
+ {
7716
+ "kind": "TypeAlias",
7717
+ "canonicalReference": "@vonage/vivid!SliderConnotation:type",
7718
+ "docComment": "",
7719
+ "excerptTokens": [
7720
+ {
7721
+ "kind": "Content",
7722
+ "text": "export type SliderConnotation = "
7723
+ },
7724
+ {
7725
+ "kind": "Reference",
7726
+ "text": "Connotation.Accent",
7727
+ "canonicalReference": "@vonage/vivid!Connotation.Accent:member"
7728
+ },
7729
+ {
7730
+ "kind": "Content",
7731
+ "text": " | "
7732
+ },
7733
+ {
7734
+ "kind": "Reference",
7735
+ "text": "Connotation.CTA",
7736
+ "canonicalReference": "@vonage/vivid!Connotation.CTA:member"
7737
+ },
7738
+ {
7739
+ "kind": "Content",
7740
+ "text": ";"
7741
+ }
7742
+ ],
7743
+ "fileUrlPath": "../../dist/libs/components/lib/slider/slider.d.ts",
7744
+ "releaseTag": "Public",
7745
+ "name": "SliderConnotation",
7746
+ "typeTokenRange": {
7747
+ "startIndex": 1,
7748
+ "endIndex": 4
7749
+ }
7750
+ },
7359
7751
  {
7360
7752
  "kind": "Variable",
7361
7753
  "canonicalReference": "@vonage/vivid!sliderDefinition:var",