@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
@@ -473,6 +473,14 @@
473
473
  }
474
474
  ],
475
475
  "members": [
476
+ {
477
+ "kind": "field",
478
+ "name": "dismissButtonAriaLabel",
479
+ "type": {
480
+ "text": "string | null"
481
+ },
482
+ "default": "null"
483
+ },
476
484
  {
477
485
  "kind": "field",
478
486
  "name": "#timeoutID",
@@ -593,6 +601,11 @@
593
601
  "kind": "field",
594
602
  "name": "#closeOnEscape",
595
603
  "privacy": "private"
604
+ },
605
+ {
606
+ "kind": "field",
607
+ "name": "#onTransitionEnd",
608
+ "privacy": "private"
596
609
  }
597
610
  ],
598
611
  "events": [
@@ -606,6 +619,14 @@
606
619
  }
607
620
  ],
608
621
  "attributes": [
622
+ {
623
+ "name": "dismiss-button-aria-label",
624
+ "type": {
625
+ "text": "string | null"
626
+ },
627
+ "default": "null",
628
+ "fieldName": "dismissButtonAriaLabel"
629
+ },
609
630
  {
610
631
  "type": {
611
632
  "text": "boolean"
@@ -723,6 +744,211 @@
723
744
  }
724
745
  ]
725
746
  },
747
+ {
748
+ "kind": "javascript-module",
749
+ "path": "libs/components/src/lib/alert/locale.ts",
750
+ "declarations": [],
751
+ "exports": []
752
+ },
753
+ {
754
+ "kind": "javascript-module",
755
+ "path": "libs/components/src/lib/audio-player/audio-player.ts",
756
+ "declarations": [
757
+ {
758
+ "kind": "class",
759
+ "description": "Base class for audio-player",
760
+ "name": "AudioPlayer",
761
+ "members": [
762
+ {
763
+ "kind": "field",
764
+ "name": "playButtonAriaLabel",
765
+ "type": {
766
+ "text": "string | null"
767
+ },
768
+ "default": "null"
769
+ },
770
+ {
771
+ "kind": "field",
772
+ "name": "pauseButtonAriaLabel",
773
+ "type": {
774
+ "text": "string | null"
775
+ },
776
+ "default": "null"
777
+ },
778
+ {
779
+ "kind": "field",
780
+ "name": "sliderAriaLabel",
781
+ "type": {
782
+ "text": "string | null"
783
+ },
784
+ "default": "null"
785
+ },
786
+ {
787
+ "kind": "field",
788
+ "name": "connotation",
789
+ "type": {
790
+ "text": "AudioPlayerConnotation | undefined"
791
+ },
792
+ "description": "The connotation the audio-player should have.",
793
+ "privacy": "public"
794
+ },
795
+ {
796
+ "kind": "field",
797
+ "name": "src",
798
+ "type": {
799
+ "text": "string | undefined"
800
+ },
801
+ "description": "Indicates the audio-player's src.",
802
+ "privacy": "public"
803
+ },
804
+ {
805
+ "kind": "field",
806
+ "name": "disabled",
807
+ "type": {
808
+ "text": "boolean"
809
+ },
810
+ "default": "false",
811
+ "description": "Indicates whether audio player is disabled.",
812
+ "privacy": "public"
813
+ },
814
+ {
815
+ "kind": "field",
816
+ "name": "notime",
817
+ "type": {
818
+ "text": "boolean"
819
+ },
820
+ "default": "false",
821
+ "privacy": "public",
822
+ "description": ""
823
+ }
824
+ ],
825
+ "attributes": [
826
+ {
827
+ "name": "play-button-aria-label",
828
+ "type": {
829
+ "text": "string | null"
830
+ },
831
+ "default": "null",
832
+ "fieldName": "playButtonAriaLabel"
833
+ },
834
+ {
835
+ "name": "pause-button-aria-label",
836
+ "type": {
837
+ "text": "string | null"
838
+ },
839
+ "default": "null",
840
+ "fieldName": "pauseButtonAriaLabel"
841
+ },
842
+ {
843
+ "name": "slider-aria-label",
844
+ "type": {
845
+ "text": "string | null"
846
+ },
847
+ "default": "null",
848
+ "fieldName": "sliderAriaLabel"
849
+ },
850
+ {
851
+ "name": "connotation",
852
+ "type": {
853
+ "text": "AudioPlayerConnotation | undefined"
854
+ },
855
+ "description": "The connotation the audio-player should have.",
856
+ "fieldName": "connotation"
857
+ },
858
+ {
859
+ "name": "src",
860
+ "type": {
861
+ "text": "string | undefined"
862
+ },
863
+ "description": "Indicates the audio-player's src.",
864
+ "fieldName": "src"
865
+ },
866
+ {
867
+ "type": {
868
+ "text": "boolean"
869
+ },
870
+ "default": "false",
871
+ "description": "Indicates whether audio player is disabled.",
872
+ "fieldName": "disabled"
873
+ },
874
+ {
875
+ "type": {
876
+ "text": "boolean"
877
+ },
878
+ "default": "false",
879
+ "fieldName": "notime"
880
+ }
881
+ ],
882
+ "superclass": {
883
+ "name": "FoundationElement",
884
+ "package": "@microsoft/fast-foundation"
885
+ }
886
+ }
887
+ ],
888
+ "exports": [
889
+ {
890
+ "kind": "js",
891
+ "name": "AudioPlayer",
892
+ "declaration": {
893
+ "name": "AudioPlayer",
894
+ "module": "libs/components/src/lib/audio-player/audio-player.ts"
895
+ }
896
+ }
897
+ ]
898
+ },
899
+ {
900
+ "kind": "javascript-module",
901
+ "path": "libs/components/src/lib/audio-player/definition.ts",
902
+ "declarations": [
903
+ {
904
+ "kind": "variable",
905
+ "name": "audioPlayerDefinition"
906
+ },
907
+ {
908
+ "kind": "variable",
909
+ "name": "registerAudioPlayer",
910
+ "description": "Registers the audio-player element with the design system.",
911
+ "parameters": [
912
+ {
913
+ "description": "the prefix to use for the component name",
914
+ "name": "prefix"
915
+ }
916
+ ]
917
+ }
918
+ ],
919
+ "exports": [
920
+ {
921
+ "kind": "js",
922
+ "name": "AudioPlayerConnotation",
923
+ "declaration": {
924
+ "name": "AudioPlayerConnotation",
925
+ "module": "./audio-player"
926
+ }
927
+ },
928
+ {
929
+ "kind": "js",
930
+ "name": "audioPlayerDefinition",
931
+ "declaration": {
932
+ "name": "audioPlayerDefinition",
933
+ "module": "libs/components/src/lib/audio-player/definition.ts"
934
+ }
935
+ },
936
+ {
937
+ "kind": "js",
938
+ "name": "registerAudioPlayer",
939
+ "declaration": {
940
+ "name": "registerAudioPlayer",
941
+ "module": "libs/components/src/lib/audio-player/definition.ts"
942
+ }
943
+ }
944
+ ]
945
+ },
946
+ {
947
+ "kind": "javascript-module",
948
+ "path": "libs/components/src/lib/audio-player/locale.ts",
949
+ "declarations": [],
950
+ "exports": []
951
+ },
726
952
  {
727
953
  "kind": "javascript-module",
728
954
  "path": "libs/components/src/lib/avatar/avatar.ts",
@@ -1357,6 +1583,14 @@
1357
1583
  }
1358
1584
  ],
1359
1585
  "members": [
1586
+ {
1587
+ "kind": "field",
1588
+ "name": "dismissButtonAriaLabel",
1589
+ "type": {
1590
+ "text": "string | null"
1591
+ },
1592
+ "default": "null"
1593
+ },
1360
1594
  {
1361
1595
  "kind": "field",
1362
1596
  "name": "role",
@@ -1434,6 +1668,14 @@
1434
1668
  }
1435
1669
  ],
1436
1670
  "attributes": [
1671
+ {
1672
+ "name": "dismiss-aria-label",
1673
+ "type": {
1674
+ "text": "string | null"
1675
+ },
1676
+ "default": "null",
1677
+ "fieldName": "dismissButtonAriaLabel"
1678
+ },
1437
1679
  {
1438
1680
  "name": "role",
1439
1681
  "type": {
@@ -1537,6 +1779,12 @@
1537
1779
  }
1538
1780
  ]
1539
1781
  },
1782
+ {
1783
+ "kind": "javascript-module",
1784
+ "path": "libs/components/src/lib/banner/locale.ts",
1785
+ "declarations": [],
1786
+ "exports": []
1787
+ },
1540
1788
  {
1541
1789
  "kind": "javascript-module",
1542
1790
  "path": "libs/components/src/lib/breadcrumb/breadcrumb.ts",
@@ -2591,6 +2839,15 @@
2591
2839
  }
2592
2840
  ],
2593
2841
  "members": [
2842
+ {
2843
+ "kind": "field",
2844
+ "name": "appearance",
2845
+ "type": {
2846
+ "text": "CardAppearance | undefined"
2847
+ },
2848
+ "description": "The appearance the card should have.",
2849
+ "privacy": "public"
2850
+ },
2594
2851
  {
2595
2852
  "kind": "field",
2596
2853
  "name": "headline",
@@ -2652,6 +2909,14 @@
2652
2909
  }
2653
2910
  ],
2654
2911
  "attributes": [
2912
+ {
2913
+ "name": "appearance",
2914
+ "type": {
2915
+ "text": "CardAppearance | undefined"
2916
+ },
2917
+ "description": "The appearance the card should have.",
2918
+ "fieldName": "appearance"
2919
+ },
2655
2920
  {
2656
2921
  "name": "headline",
2657
2922
  "type": {
@@ -2727,6 +2992,14 @@
2727
2992
  }
2728
2993
  ],
2729
2994
  "exports": [
2995
+ {
2996
+ "kind": "js",
2997
+ "name": "CardAppearance",
2998
+ "declaration": {
2999
+ "name": "CardAppearance",
3000
+ "module": "./card"
3001
+ }
3002
+ },
2730
3003
  {
2731
3004
  "kind": "js",
2732
3005
  "name": "registerCard",
@@ -2804,6 +3077,22 @@
2804
3077
  }
2805
3078
  ],
2806
3079
  "members": [
3080
+ {
3081
+ "kind": "field",
3082
+ "name": "ariaLabel",
3083
+ "type": {
3084
+ "text": "string | null"
3085
+ },
3086
+ "default": "null"
3087
+ },
3088
+ {
3089
+ "kind": "field",
3090
+ "name": "tabindex",
3091
+ "type": {
3092
+ "text": "string | null"
3093
+ },
3094
+ "default": "null"
3095
+ },
2807
3096
  {
2808
3097
  "kind": "field",
2809
3098
  "name": "connotation",
@@ -2815,6 +3104,22 @@
2815
3104
  }
2816
3105
  ],
2817
3106
  "attributes": [
3107
+ {
3108
+ "name": "aria-label",
3109
+ "type": {
3110
+ "text": "string | null"
3111
+ },
3112
+ "default": "null",
3113
+ "fieldName": "ariaLabel"
3114
+ },
3115
+ {
3116
+ "name": "tabindex",
3117
+ "type": {
3118
+ "text": "string | null"
3119
+ },
3120
+ "default": "null",
3121
+ "fieldName": "tabindex"
3122
+ },
2818
3123
  {
2819
3124
  "name": "connotation",
2820
3125
  "type": {
@@ -3136,6 +3441,12 @@
3136
3441
  "name": "updateCellStyle"
3137
3442
  }
3138
3443
  ],
3444
+ "events": [
3445
+ {
3446
+ "description": "Event that fires when a sortable column header is clicked",
3447
+ "name": "sort"
3448
+ }
3449
+ ],
3139
3450
  "attributes": [
3140
3451
  {
3141
3452
  "name": "aria-selected",
@@ -3730,12 +4041,13 @@
3730
4041
  },
3731
4042
  {
3732
4043
  "kind": "method",
3733
- "name": "#isMonthAfterValidRange",
4044
+ "name": "_adjustSelectedMonthToEnsureVisibilityOf",
4045
+ "privacy": "protected",
3734
4046
  "parameters": [
3735
4047
  {
3736
- "name": "month",
4048
+ "name": "date",
3737
4049
  "type": {
3738
- "text": "Month"
4050
+ "text": "DateStr"
3739
4051
  }
3740
4052
  }
3741
4053
  ],
@@ -3746,7 +4058,7 @@
3746
4058
  },
3747
4059
  {
3748
4060
  "kind": "method",
3749
- "name": "#isMonthBeforeValidRange",
4061
+ "name": "#isMonthAfterValidRange",
3750
4062
  "parameters": [
3751
4063
  {
3752
4064
  "name": "month",
@@ -3761,7 +4073,23 @@
3761
4073
  }
3762
4074
  },
3763
4075
  {
3764
- "kind": "field",
4076
+ "kind": "method",
4077
+ "name": "#isMonthBeforeValidRange",
4078
+ "parameters": [
4079
+ {
4080
+ "name": "month",
4081
+ "type": {
4082
+ "text": "Month"
4083
+ }
4084
+ }
4085
+ ],
4086
+ "inheritedFrom": {
4087
+ "name": "DatePickerBase",
4088
+ "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
4089
+ }
4090
+ },
4091
+ {
4092
+ "kind": "field",
3765
4093
  "name": "#onFocusIn",
3766
4094
  "privacy": "private",
3767
4095
  "inheritedFrom": {
@@ -4146,6 +4474,23 @@
4146
4474
  "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
4147
4475
  }
4148
4476
  },
4477
+ {
4478
+ "kind": "method",
4479
+ "name": "_adjustSelectedMonthToEnsureVisibilityOf",
4480
+ "privacy": "protected",
4481
+ "parameters": [
4482
+ {
4483
+ "name": "date",
4484
+ "type": {
4485
+ "text": "DateStr"
4486
+ }
4487
+ }
4488
+ ],
4489
+ "inheritedFrom": {
4490
+ "name": "DatePickerBase",
4491
+ "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
4492
+ }
4493
+ },
4149
4494
  {
4150
4495
  "kind": "method",
4151
4496
  "name": "#isMonthAfterValidRange",
@@ -4558,6 +4903,14 @@
4558
4903
  },
4559
4904
  "default": "null"
4560
4905
  },
4906
+ {
4907
+ "kind": "field",
4908
+ "name": "dismissButtonAriaLabel",
4909
+ "type": {
4910
+ "text": "string | null"
4911
+ },
4912
+ "default": "null"
4913
+ },
4561
4914
  {
4562
4915
  "kind": "field",
4563
4916
  "name": "#modal",
@@ -4734,6 +5087,14 @@
4734
5087
  },
4735
5088
  "default": "null",
4736
5089
  "fieldName": "ariaDescribedBy"
5090
+ },
5091
+ {
5092
+ "name": "dismiss-button-aria-label",
5093
+ "type": {
5094
+ "text": "string | null"
5095
+ },
5096
+ "default": "null",
5097
+ "fieldName": "dismissButtonAriaLabel"
4737
5098
  }
4738
5099
  ],
4739
5100
  "superclass": {
@@ -4761,6 +5122,12 @@
4761
5122
  }
4762
5123
  ]
4763
5124
  },
5125
+ {
5126
+ "kind": "javascript-module",
5127
+ "path": "libs/components/src/lib/dialog/locale.ts",
5128
+ "declarations": [],
5129
+ "exports": []
5130
+ },
4764
5131
  {
4765
5132
  "kind": "javascript-module",
4766
5133
  "path": "libs/components/src/lib/divider/definition.ts",
@@ -6608,6 +6975,10 @@
6608
6975
  "type": {
6609
6976
  "text": "HTMLElement[] | undefined"
6610
6977
  }
6978
+ },
6979
+ {
6980
+ "kind": "field",
6981
+ "name": "handleFocusOut"
6611
6982
  }
6612
6983
  ],
6613
6984
  "events": [
@@ -7506,6 +7877,12 @@
7506
7877
  }
7507
7878
  ]
7508
7879
  },
7880
+ {
7881
+ "kind": "javascript-module",
7882
+ "path": "libs/components/src/lib/number-field/locale.ts",
7883
+ "declarations": [],
7884
+ "exports": []
7885
+ },
7509
7886
  {
7510
7887
  "kind": "javascript-module",
7511
7888
  "path": "libs/components/src/lib/number-field/number-field.ts",
@@ -7589,6 +7966,22 @@
7589
7966
  }
7590
7967
  ],
7591
7968
  "members": [
7969
+ {
7970
+ "kind": "field",
7971
+ "name": "incrementButtonAriaLabel",
7972
+ "type": {
7973
+ "text": "string | null"
7974
+ },
7975
+ "default": "null"
7976
+ },
7977
+ {
7978
+ "kind": "field",
7979
+ "name": "decrementButtonAriaLabel",
7980
+ "type": {
7981
+ "text": "string | null"
7982
+ },
7983
+ "default": "null"
7984
+ },
7592
7985
  {
7593
7986
  "kind": "field",
7594
7987
  "name": "appearance",
@@ -7643,6 +8036,22 @@
7643
8036
  }
7644
8037
  ],
7645
8038
  "attributes": [
8039
+ {
8040
+ "name": "increment-button-aria-label",
8041
+ "type": {
8042
+ "text": "string | null"
8043
+ },
8044
+ "default": "null",
8045
+ "fieldName": "incrementButtonAriaLabel"
8046
+ },
8047
+ {
8048
+ "name": "decrement-button-aria-label",
8049
+ "type": {
8050
+ "text": "string | null"
8051
+ },
8052
+ "default": "null",
8053
+ "fieldName": "decrementButtonAriaLabel"
8054
+ },
7646
8055
  {
7647
8056
  "name": "appearance",
7648
8057
  "type": {
@@ -8508,6 +8917,14 @@
8508
8917
  }
8509
8918
  ],
8510
8919
  "members": [
8920
+ {
8921
+ "kind": "field",
8922
+ "name": "ariaLabel",
8923
+ "type": {
8924
+ "text": "string | null"
8925
+ },
8926
+ "default": "null"
8927
+ },
8511
8928
  {
8512
8929
  "kind": "field",
8513
8930
  "name": "shape",
@@ -8538,6 +8955,14 @@
8538
8955
  }
8539
8956
  ],
8540
8957
  "attributes": [
8958
+ {
8959
+ "name": "aria-label",
8960
+ "type": {
8961
+ "text": "string | null"
8962
+ },
8963
+ "default": "null",
8964
+ "fieldName": "ariaLabel"
8965
+ },
8541
8966
  {
8542
8967
  "name": "shape",
8543
8968
  "type": {
@@ -8655,6 +9080,14 @@
8655
9080
  }
8656
9081
  ],
8657
9082
  "members": [
9083
+ {
9084
+ "kind": "field",
9085
+ "name": "ariaLabel",
9086
+ "type": {
9087
+ "text": "string | null"
9088
+ },
9089
+ "default": "null"
9090
+ },
8658
9091
  {
8659
9092
  "kind": "field",
8660
9093
  "name": "connotation",
@@ -8671,6 +9104,14 @@
8671
9104
  }
8672
9105
  ],
8673
9106
  "attributes": [
9107
+ {
9108
+ "name": "aria-label",
9109
+ "type": {
9110
+ "text": "string | null"
9111
+ },
9112
+ "default": "null",
9113
+ "fieldName": "ariaLabel"
9114
+ },
8674
9115
  {
8675
9116
  "name": "connotation",
8676
9117
  "type": {
@@ -8802,6 +9243,14 @@
8802
9243
  }
8803
9244
  ],
8804
9245
  "members": [
9246
+ {
9247
+ "kind": "field",
9248
+ "name": "ariaLabel",
9249
+ "type": {
9250
+ "text": "string | null"
9251
+ },
9252
+ "default": "null"
9253
+ },
8805
9254
  {
8806
9255
  "kind": "field",
8807
9256
  "name": "label",
@@ -8822,6 +9271,14 @@
8822
9271
  }
8823
9272
  ],
8824
9273
  "attributes": [
9274
+ {
9275
+ "name": "aria-label",
9276
+ "type": {
9277
+ "text": "string | null"
9278
+ },
9279
+ "default": "null",
9280
+ "fieldName": "ariaLabel"
9281
+ },
8825
9282
  {
8826
9283
  "name": "label",
8827
9284
  "type": {
@@ -9198,6 +9655,216 @@
9198
9655
  }
9199
9656
  ]
9200
9657
  },
9658
+ {
9659
+ "kind": "javascript-module",
9660
+ "path": "libs/components/src/lib/selectable-box/definition.ts",
9661
+ "declarations": [
9662
+ {
9663
+ "kind": "variable",
9664
+ "name": "selectableBoxDefinition"
9665
+ },
9666
+ {
9667
+ "kind": "variable",
9668
+ "name": "registerSelectableBox",
9669
+ "description": "Registers the selectable-box element with the design system.",
9670
+ "parameters": [
9671
+ {
9672
+ "description": "the prefix to use for the component name",
9673
+ "name": "prefix"
9674
+ }
9675
+ ]
9676
+ }
9677
+ ],
9678
+ "exports": [
9679
+ {
9680
+ "kind": "js",
9681
+ "name": "selectableBoxDefinition",
9682
+ "declaration": {
9683
+ "name": "selectableBoxDefinition",
9684
+ "module": "libs/components/src/lib/selectable-box/definition.ts"
9685
+ }
9686
+ },
9687
+ {
9688
+ "kind": "js",
9689
+ "name": "registerSelectableBox",
9690
+ "declaration": {
9691
+ "name": "registerSelectableBox",
9692
+ "module": "libs/components/src/lib/selectable-box/definition.ts"
9693
+ }
9694
+ }
9695
+ ]
9696
+ },
9697
+ {
9698
+ "kind": "javascript-module",
9699
+ "path": "libs/components/src/lib/selectable-box/selectable-box.ts",
9700
+ "declarations": [
9701
+ {
9702
+ "kind": "class",
9703
+ "description": "Base class for selectable-box",
9704
+ "name": "SelectableBox",
9705
+ "cssProperties": [
9706
+ {
9707
+ "name": "--vvd-selectable-box-cta-firm",
9708
+ "default": "var(--vvd-color-cta-600)"
9709
+ },
9710
+ {
9711
+ "name": "--vvd-selectable-box-cta-pale",
9712
+ "default": "var(--vvd-color-cta-300)"
9713
+ },
9714
+ {
9715
+ "name": "--vvd-selectable-box-cta-soft",
9716
+ "default": "var(--vvd-color-cta-100)"
9717
+ },
9718
+ {
9719
+ "name": "--vvd-selectable-box-accent-firm",
9720
+ "default": "var(--vvd-color-canvas-text)"
9721
+ },
9722
+ {
9723
+ "name": "--vvd-selectable-box-accent-pale",
9724
+ "default": "var(--vvd-color-neutral-300)"
9725
+ },
9726
+ {
9727
+ "name": "--vvd-selectable-box-accent-soft",
9728
+ "default": "var(--vvd-color-neutral-100)"
9729
+ }
9730
+ ],
9731
+ "slots": [
9732
+ {
9733
+ "description": "Slot for box's content.",
9734
+ "name": "default"
9735
+ }
9736
+ ],
9737
+ "members": [
9738
+ {
9739
+ "kind": "field",
9740
+ "name": "ariaLabel",
9741
+ "type": {
9742
+ "text": "string | null"
9743
+ },
9744
+ "default": "null"
9745
+ },
9746
+ {
9747
+ "kind": "field",
9748
+ "name": "checked",
9749
+ "type": {
9750
+ "text": "boolean"
9751
+ },
9752
+ "default": "false",
9753
+ "description": "Controls the checked state of the box",
9754
+ "privacy": "public"
9755
+ },
9756
+ {
9757
+ "kind": "field",
9758
+ "name": "clickable",
9759
+ "type": {
9760
+ "text": "boolean"
9761
+ },
9762
+ "default": "false",
9763
+ "description": "Makes the whole selectable box clickable",
9764
+ "privacy": "public"
9765
+ },
9766
+ {
9767
+ "kind": "field",
9768
+ "name": "connotation",
9769
+ "type": {
9770
+ "text": "SelectableBoxConnotation | undefined"
9771
+ },
9772
+ "description": "The connotation the selectable box should have.",
9773
+ "privacy": "public"
9774
+ },
9775
+ {
9776
+ "kind": "field",
9777
+ "name": "controlType",
9778
+ "type": {
9779
+ "text": "SelectableBoxControlType | undefined"
9780
+ },
9781
+ "description": "The type of control the box should have: checkbox or radio.",
9782
+ "privacy": "public"
9783
+ },
9784
+ {
9785
+ "kind": "field",
9786
+ "name": "tight",
9787
+ "type": {
9788
+ "text": "boolean"
9789
+ },
9790
+ "default": "false",
9791
+ "description": "Removes the padding around the box's slot content",
9792
+ "privacy": "public"
9793
+ }
9794
+ ],
9795
+ "events": [
9796
+ {
9797
+ "description": "Fired when the checked state changes",
9798
+ "name": "change"
9799
+ }
9800
+ ],
9801
+ "attributes": [
9802
+ {
9803
+ "name": "aria-label",
9804
+ "type": {
9805
+ "text": "string | null"
9806
+ },
9807
+ "default": "null",
9808
+ "fieldName": "ariaLabel"
9809
+ },
9810
+ {
9811
+ "type": {
9812
+ "text": "boolean"
9813
+ },
9814
+ "default": "false",
9815
+ "description": "Controls the checked state of the box",
9816
+ "fieldName": "checked"
9817
+ },
9818
+ {
9819
+ "type": {
9820
+ "text": "boolean"
9821
+ },
9822
+ "default": "false",
9823
+ "description": "Makes the whole selectable box clickable",
9824
+ "fieldName": "clickable"
9825
+ },
9826
+ {
9827
+ "name": "connotation",
9828
+ "type": {
9829
+ "text": "SelectableBoxConnotation | undefined"
9830
+ },
9831
+ "description": "The connotation the selectable box should have.",
9832
+ "fieldName": "connotation"
9833
+ },
9834
+ {
9835
+ "name": "control-type",
9836
+ "type": {
9837
+ "text": "SelectableBoxControlType | undefined"
9838
+ },
9839
+ "description": "The type of control the box should have: checkbox or radio.",
9840
+ "fieldName": "controlType"
9841
+ },
9842
+ {
9843
+ "type": {
9844
+ "text": "boolean"
9845
+ },
9846
+ "default": "false",
9847
+ "description": "Removes the padding around the box's slot content",
9848
+ "fieldName": "tight"
9849
+ }
9850
+ ],
9851
+ "superclass": {
9852
+ "name": "FoundationElement",
9853
+ "package": "@microsoft/fast-foundation"
9854
+ }
9855
+ }
9856
+ ],
9857
+ "exports": [
9858
+ {
9859
+ "kind": "js",
9860
+ "name": "SelectableBox",
9861
+ "declaration": {
9862
+ "name": "SelectableBox",
9863
+ "module": "libs/components/src/lib/selectable-box/selectable-box.ts"
9864
+ }
9865
+ }
9866
+ ]
9867
+ },
9201
9868
  {
9202
9869
  "kind": "javascript-module",
9203
9870
  "path": "libs/components/src/lib/side-drawer/definition.ts",
@@ -9399,6 +10066,14 @@
9399
10066
  }
9400
10067
  ],
9401
10068
  "exports": [
10069
+ {
10070
+ "kind": "js",
10071
+ "name": "SliderConnotation",
10072
+ "declaration": {
10073
+ "name": "SliderConnotation",
10074
+ "module": "./slider"
10075
+ }
10076
+ },
9402
10077
  {
9403
10078
  "kind": "js",
9404
10079
  "name": "sliderDefinition",
@@ -9425,7 +10100,33 @@
9425
10100
  "kind": "class",
9426
10101
  "description": "Base class for slider",
9427
10102
  "name": "Slider",
10103
+ "cssProperties": [
10104
+ {
10105
+ "name": "--vvd-slider-cta-primary",
10106
+ "default": "var(--vvd-color-cta-500)"
10107
+ },
10108
+ {
10109
+ "name": "--vvd-slider-accent-primary",
10110
+ "default": "var(--vvd-color-canvas-text)"
10111
+ }
10112
+ ],
9428
10113
  "members": [
10114
+ {
10115
+ "kind": "field",
10116
+ "name": "ariaLabel",
10117
+ "type": {
10118
+ "text": "string | null"
10119
+ },
10120
+ "default": "null"
10121
+ },
10122
+ {
10123
+ "kind": "field",
10124
+ "name": "ariaValuetext",
10125
+ "type": {
10126
+ "text": "string | null"
10127
+ },
10128
+ "default": "null"
10129
+ },
9429
10130
  {
9430
10131
  "kind": "field",
9431
10132
  "name": "markers",
@@ -9435,9 +10136,34 @@
9435
10136
  "default": "false",
9436
10137
  "description": "Display markers on/off",
9437
10138
  "privacy": "public"
10139
+ },
10140
+ {
10141
+ "kind": "field",
10142
+ "name": "connotation",
10143
+ "type": {
10144
+ "text": "SliderConnotation | undefined"
10145
+ },
10146
+ "description": "slider connotation",
10147
+ "privacy": "public"
9438
10148
  }
9439
10149
  ],
9440
10150
  "attributes": [
10151
+ {
10152
+ "name": "aria-label",
10153
+ "type": {
10154
+ "text": "string | null"
10155
+ },
10156
+ "default": "null",
10157
+ "fieldName": "ariaLabel"
10158
+ },
10159
+ {
10160
+ "name": "aria-valuetext",
10161
+ "type": {
10162
+ "text": "string | null"
10163
+ },
10164
+ "default": "null",
10165
+ "fieldName": "ariaValuetext"
10166
+ },
9441
10167
  {
9442
10168
  "type": {
9443
10169
  "text": "boolean"
@@ -9445,6 +10171,14 @@
9445
10171
  "default": "false",
9446
10172
  "description": "Display markers on/off",
9447
10173
  "fieldName": "markers"
10174
+ },
10175
+ {
10176
+ "name": "connotation",
10177
+ "type": {
10178
+ "text": "SliderConnotation | undefined"
10179
+ },
10180
+ "description": "slider connotation",
10181
+ "fieldName": "connotation"
9448
10182
  }
9449
10183
  ],
9450
10184
  "superclass": {
@@ -9523,6 +10257,12 @@
9523
10257
  }
9524
10258
  ]
9525
10259
  },
10260
+ {
10261
+ "kind": "javascript-module",
10262
+ "path": "libs/components/src/lib/split-button/locale.ts",
10263
+ "declarations": [],
10264
+ "exports": []
10265
+ },
9526
10266
  {
9527
10267
  "kind": "javascript-module",
9528
10268
  "path": "libs/components/src/lib/split-button/split-button.ts",
@@ -9727,6 +10467,16 @@
9727
10467
  "text": "string | null"
9728
10468
  },
9729
10469
  "default": "null"
10470
+ },
10471
+ {
10472
+ "kind": "field",
10473
+ "name": "indicatorAriaLabel",
10474
+ "type": {
10475
+ "text": "string | null"
10476
+ },
10477
+ "default": "null",
10478
+ "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
10479
+ "privacy": "public"
9730
10480
  }
9731
10481
  ],
9732
10482
  "attributes": [
@@ -9811,6 +10561,15 @@
9811
10561
  },
9812
10562
  "default": "null",
9813
10563
  "fieldName": "ariaExpanded"
10564
+ },
10565
+ {
10566
+ "name": "indicator-aria-label",
10567
+ "type": {
10568
+ "text": "string | null"
10569
+ },
10570
+ "default": "null",
10571
+ "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
10572
+ "fieldName": "indicatorAriaLabel"
9814
10573
  }
9815
10574
  ],
9816
10575
  "superclass": {
@@ -11183,6 +11942,14 @@
11183
11942
  },
11184
11943
  "description": "The wrap attribute",
11185
11944
  "privacy": "public"
11945
+ },
11946
+ {
11947
+ "kind": "field",
11948
+ "name": "#reflectToTextArea",
11949
+ "privacy": "private",
11950
+ "type": {
11951
+ "text": "Reflector<this, HTMLTextAreaElement> | undefined"
11952
+ }
11186
11953
  }
11187
11954
  ],
11188
11955
  "attributes": [
@@ -11388,6 +12155,30 @@
11388
12155
  "type": {
11389
12156
  "text": "HTMLElement[] | undefined"
11390
12157
  }
12158
+ },
12159
+ {
12160
+ "kind": "method",
12161
+ "name": "#handleLabelChange",
12162
+ "parameters": [
12163
+ {
12164
+ "name": "labelEl",
12165
+ "type": {
12166
+ "text": "HTMLLabelElement"
12167
+ }
12168
+ }
12169
+ ]
12170
+ },
12171
+ {
12172
+ "kind": "field",
12173
+ "name": "#reflectToInput",
12174
+ "privacy": "private",
12175
+ "type": {
12176
+ "text": "Reflector<this, HTMLInputElement> | undefined"
12177
+ }
12178
+ },
12179
+ {
12180
+ "kind": "method",
12181
+ "name": "focus"
11391
12182
  }
11392
12183
  ],
11393
12184
  "attributes": [
@@ -12214,6 +13005,19 @@
12214
13005
  "kind": "method",
12215
13006
  "name": "#getFocusableEls"
12216
13007
  },
13008
+ {
13009
+ "kind": "method",
13010
+ "name": "_adjustSelectedMonthToEnsureVisibilityOf",
13011
+ "privacy": "protected",
13012
+ "parameters": [
13013
+ {
13014
+ "name": "date",
13015
+ "type": {
13016
+ "text": "DateStr"
13017
+ }
13018
+ }
13019
+ ]
13020
+ },
12217
13021
  {
12218
13022
  "kind": "method",
12219
13023
  "name": "#isMonthAfterValidRange",