@vonage/vivid 3.49.0 → 3.50.1

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 (195) hide show
  1. package/accordion/index.cjs +0 -2
  2. package/accordion/index.js +0 -2
  3. package/accordion-item/index.cjs +0 -2
  4. package/accordion-item/index.js +0 -2
  5. package/alert/index.cjs +0 -2
  6. package/alert/index.js +0 -2
  7. package/audio-player/index.cjs +0 -2
  8. package/audio-player/index.js +0 -2
  9. package/banner/index.cjs +0 -2
  10. package/banner/index.js +0 -2
  11. package/breadcrumb-item/index.cjs +0 -2
  12. package/breadcrumb-item/index.js +0 -2
  13. package/button/index.cjs +0 -2
  14. package/button/index.js +0 -2
  15. package/checkbox/index.cjs +0 -3
  16. package/checkbox/index.js +0 -3
  17. package/combobox/index.cjs +4 -4
  18. package/combobox/index.js +4 -4
  19. package/custom-elements.json +749 -230
  20. package/data-grid/index.cjs +0 -2
  21. package/data-grid/index.js +0 -2
  22. package/date-picker/index.cjs +3 -2
  23. package/date-picker/index.js +3 -2
  24. package/date-range-picker/index.cjs +3 -2
  25. package/date-range-picker/index.js +3 -2
  26. package/dialog/index.cjs +0 -3
  27. package/dialog/index.js +0 -3
  28. package/fab/index.cjs +0 -2
  29. package/fab/index.js +0 -2
  30. package/file-picker/index.cjs +1 -2
  31. package/file-picker/index.js +1 -2
  32. package/focus/index.cjs +1 -1
  33. package/focus/index.js +1 -1
  34. package/index.cjs +20 -15
  35. package/index.js +9 -7
  36. package/lib/components.d.ts +1 -0
  37. package/lib/file-picker/file-picker.d.ts +2 -2
  38. package/lib/menu/definition.d.ts +2 -2
  39. package/lib/radio-group/definition.d.ts +2 -2
  40. package/lib/switch/switch.d.ts +2 -2
  41. package/lib/time-picker/definition.d.ts +3 -0
  42. package/lib/time-picker/locale.d.ts +12 -0
  43. package/lib/time-picker/time/picker.d.ts +9 -0
  44. package/lib/time-picker/time/presentationTime.d.ts +5 -0
  45. package/lib/time-picker/time/time.d.ts +15 -0
  46. package/lib/time-picker/time-picker.d.ts +16 -0
  47. package/lib/time-picker/time-picker.form-associated.d.ts +10 -0
  48. package/lib/time-picker/time-picker.template.d.ts +4 -0
  49. package/listbox/index.cjs +4 -12
  50. package/listbox/index.js +4 -12
  51. package/locales/en-GB.cjs +15 -0
  52. package/locales/en-GB.js +15 -0
  53. package/locales/en-US.cjs +15 -0
  54. package/locales/en-US.js +15 -0
  55. package/locales/ja-JP.cjs +15 -0
  56. package/locales/ja-JP.js +15 -0
  57. package/locales/zh-CN.cjs +15 -0
  58. package/locales/zh-CN.js +15 -0
  59. package/menu/index.cjs +0 -2
  60. package/menu/index.js +0 -2
  61. package/menu-item/index.cjs +0 -2
  62. package/menu-item/index.js +0 -2
  63. package/nav-disclosure/index.cjs +0 -2
  64. package/nav-disclosure/index.js +0 -2
  65. package/nav-item/index.cjs +0 -2
  66. package/nav-item/index.js +0 -2
  67. package/number-field/index.cjs +1 -2
  68. package/number-field/index.js +1 -2
  69. package/option/index.cjs +0 -5
  70. package/option/index.js +0 -5
  71. package/package.json +1 -1
  72. package/pagination/index.cjs +0 -2
  73. package/pagination/index.js +0 -2
  74. package/popup/index.cjs +0 -2
  75. package/popup/index.js +0 -2
  76. package/radio/index.cjs +0 -3
  77. package/radio/index.js +0 -3
  78. package/select/index.cjs +0 -3
  79. package/select/index.js +0 -3
  80. package/selectable-box/index.cjs +0 -3
  81. package/selectable-box/index.js +0 -3
  82. package/shared/date-picker/date-picker-base.d.ts +2 -2
  83. package/shared/definition.cjs +2 -6
  84. package/shared/definition.js +2 -6
  85. package/shared/definition11.cjs +1 -2
  86. package/shared/definition11.js +1 -2
  87. package/shared/definition15.cjs +2 -6
  88. package/shared/definition15.js +2 -6
  89. package/shared/definition16.cjs +1 -1
  90. package/shared/definition16.js +1 -1
  91. package/shared/definition17.cjs +1 -4
  92. package/shared/definition17.js +1 -4
  93. package/shared/definition18.cjs +2 -4
  94. package/shared/definition18.js +0 -2
  95. package/shared/definition19.cjs +2 -4
  96. package/shared/definition19.js +0 -2
  97. package/shared/definition20.cjs +1 -4
  98. package/shared/definition20.js +1 -4
  99. package/shared/definition23.cjs +1 -2
  100. package/shared/definition23.js +1 -2
  101. package/shared/definition24.cjs +2 -5
  102. package/shared/definition24.js +2 -5
  103. package/shared/definition28.cjs +2 -3
  104. package/shared/definition28.js +2 -3
  105. package/shared/definition30.cjs +2 -3
  106. package/shared/definition30.js +2 -3
  107. package/shared/definition31.cjs +2 -3
  108. package/shared/definition31.js +2 -3
  109. package/shared/definition34.cjs +1 -1
  110. package/shared/definition34.js +1 -1
  111. package/shared/definition35.cjs +2 -7
  112. package/shared/definition35.js +2 -7
  113. package/shared/definition4.cjs +3 -3
  114. package/shared/definition4.js +4 -4
  115. package/shared/definition40.cjs +3 -7
  116. package/shared/definition40.js +3 -7
  117. package/shared/definition41.cjs +5 -6
  118. package/shared/definition41.js +4 -5
  119. package/shared/definition42.cjs +5 -10
  120. package/shared/definition42.js +3 -8
  121. package/shared/definition44.cjs +1 -2
  122. package/shared/definition44.js +1 -2
  123. package/shared/definition45.cjs +1 -2
  124. package/shared/definition45.js +1 -2
  125. package/shared/definition46.cjs +1 -2
  126. package/shared/definition46.js +1 -2
  127. package/shared/definition48.cjs +2 -6
  128. package/shared/definition48.js +2 -6
  129. package/shared/definition5.cjs +1 -2
  130. package/shared/definition5.js +1 -2
  131. package/shared/definition51.cjs +2 -6
  132. package/shared/definition51.js +2 -6
  133. package/shared/definition52.cjs +2 -3
  134. package/shared/definition52.js +2 -3
  135. package/shared/definition53.cjs +1 -1
  136. package/shared/definition53.js +1 -1
  137. package/shared/definition54.cjs +768 -90
  138. package/shared/definition54.js +767 -89
  139. package/shared/definition55.cjs +75 -57
  140. package/shared/definition55.js +74 -56
  141. package/shared/definition56.cjs +100 -71
  142. package/shared/definition56.js +99 -70
  143. package/shared/definition57.cjs +76 -291
  144. package/shared/definition57.js +77 -292
  145. package/shared/definition58.cjs +303 -13
  146. package/shared/definition58.js +302 -13
  147. package/shared/definition61.cjs +20 -0
  148. package/shared/definition61.js +17 -0
  149. package/shared/definition9.cjs +1 -2
  150. package/shared/definition9.js +1 -2
  151. package/shared/icon.cjs +1 -1
  152. package/shared/icon.js +1 -1
  153. package/shared/localization/Locale.d.ts +2 -0
  154. package/shared/patterns/index.d.ts +1 -0
  155. package/shared/patterns/trapped-focus.d.ts +4 -0
  156. package/shared/presentationDate.cjs +15 -34
  157. package/shared/presentationDate.js +15 -34
  158. package/shared/text-field.cjs +1 -1
  159. package/shared/text-field.js +1 -1
  160. package/shared/trapped-focus.cjs +29 -0
  161. package/shared/trapped-focus.js +27 -0
  162. package/slider/index.cjs +0 -2
  163. package/slider/index.js +0 -2
  164. package/split-button/index.cjs +0 -2
  165. package/split-button/index.js +0 -2
  166. package/styles/core/all.css +1 -1
  167. package/styles/core/theme.css +1 -1
  168. package/styles/core/typography.css +1 -1
  169. package/styles/tokens/theme-dark.css +4 -4
  170. package/styles/tokens/theme-light.css +4 -4
  171. package/styles/tokens/vivid-2-compat.css +1 -1
  172. package/switch/index.cjs +0 -2
  173. package/switch/index.js +0 -2
  174. package/tab/index.cjs +0 -3
  175. package/tab/index.js +0 -3
  176. package/tabs/index.cjs +0 -3
  177. package/tabs/index.js +0 -3
  178. package/tag/index.cjs +0 -3
  179. package/tag/index.js +0 -3
  180. package/text-area/index.cjs +0 -2
  181. package/text-area/index.js +0 -2
  182. package/text-field/index.cjs +1 -1
  183. package/text-field/index.js +1 -1
  184. package/time-picker/index.cjs +38 -0
  185. package/time-picker/index.js +36 -0
  186. package/toggletip/index.cjs +1 -3
  187. package/toggletip/index.js +1 -3
  188. package/tooltip/index.cjs +1 -3
  189. package/tooltip/index.js +1 -3
  190. package/tree-item/index.cjs +1 -4
  191. package/tree-item/index.js +1 -4
  192. package/tree-view/index.cjs +1 -1
  193. package/tree-view/index.js +1 -1
  194. package/vivid.api.json +111 -42
  195. package/style.css +0 -1
@@ -470,6 +470,10 @@
470
470
  {
471
471
  "description": "Add action items to alert using this slot.",
472
472
  "name": "action-items"
473
+ },
474
+ {
475
+ "description": "Add an icon to the component.",
476
+ "name": "icon"
473
477
  }
474
478
  ],
475
479
  "members": [
@@ -3975,6 +3979,12 @@
3975
3979
  "default": "var(--vvd-color-neutral-200)"
3976
3980
  }
3977
3981
  ],
3982
+ "slots": [
3983
+ {
3984
+ "description": "Default slot.",
3985
+ "name": ""
3986
+ }
3987
+ ],
3978
3988
  "members": [
3979
3989
  {
3980
3990
  "kind": "field",
@@ -4152,6 +4162,12 @@
4152
4162
  "default": "var(--vvd-color-neutral-200)"
4153
4163
  }
4154
4164
  ],
4165
+ "slots": [
4166
+ {
4167
+ "description": "Default slot.",
4168
+ "name": ""
4169
+ }
4170
+ ],
4155
4171
  "members": [
4156
4172
  {
4157
4173
  "kind": "field",
@@ -4666,14 +4682,6 @@
4666
4682
  "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
4667
4683
  }
4668
4684
  },
4669
- {
4670
- "kind": "method",
4671
- "name": "#getFocusableEls",
4672
- "inheritedFrom": {
4673
- "name": "DatePickerBase",
4674
- "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
4675
- }
4676
- },
4677
4685
  {
4678
4686
  "kind": "method",
4679
4687
  "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -5098,14 +5106,6 @@
5098
5106
  "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
5099
5107
  }
5100
5108
  },
5101
- {
5102
- "kind": "method",
5103
- "name": "#getFocusableEls",
5104
- "inheritedFrom": {
5105
- "name": "DatePickerBase",
5106
- "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
5107
- }
5108
- },
5109
5109
  {
5110
5110
  "kind": "method",
5111
5111
  "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -6365,7 +6365,7 @@
6365
6365
  "kind": "field",
6366
6366
  "name": "size",
6367
6367
  "type": {
6368
- "text": "FileUploaderSize | undefined"
6368
+ "text": "FilePickerSize | undefined"
6369
6369
  },
6370
6370
  "description": "The size the file-uploader should have.",
6371
6371
  "privacy": "public"
@@ -6510,7 +6510,7 @@
6510
6510
  {
6511
6511
  "name": "size",
6512
6512
  "type": {
6513
- "text": "FileUploaderSize | undefined"
6513
+ "text": "FilePickerSize | undefined"
6514
6514
  },
6515
6515
  "description": "The size the file-uploader should have.",
6516
6516
  "fieldName": "size"
@@ -8453,70 +8453,6 @@
8453
8453
  "description": "Base class for number-field",
8454
8454
  "name": "NumberField",
8455
8455
  "cssProperties": [
8456
- {
8457
- "name": "--vvd-text-field-success-primary",
8458
- "default": "var(--vvd-color-success-500)"
8459
- },
8460
- {
8461
- "name": "--vvd-text-field-success-primary-text",
8462
- "default": "var(--vvd-color-canvas)"
8463
- },
8464
- {
8465
- "name": "--vvd-text-field-success-primary-increment",
8466
- "default": "var(--vvd-color-success-600)"
8467
- },
8468
- {
8469
- "name": "--vvd-text-field-success-intermediate",
8470
- "default": "var(--vvd-color-success-500)"
8471
- },
8472
- {
8473
- "name": "--vvd-text-field-success-firm",
8474
- "default": "var(--vvd-color-success-600)"
8475
- },
8476
- {
8477
- "name": "--vvd-text-field-success-faint",
8478
- "default": "var(--vvd-color-success-50)"
8479
- },
8480
- {
8481
- "name": "--vvd-text-field-success-soft",
8482
- "default": "var(--vvd-color-success-100)"
8483
- },
8484
- {
8485
- "name": "--vvd-text-field-success-fierce",
8486
- "default": "var(--vvd-color-success-700)"
8487
- },
8488
- {
8489
- "name": "--vvd-text-field-alert-primary",
8490
- "default": "var(--vvd-color-alert-500)"
8491
- },
8492
- {
8493
- "name": "--vvd-text-field-alert-primary-text",
8494
- "default": "var(--vvd-color-canvas)"
8495
- },
8496
- {
8497
- "name": "--vvd-text-field-alert-primary-increment",
8498
- "default": "var(--vvd-color-alert-600)"
8499
- },
8500
- {
8501
- "name": "--vvd-text-field-alert-intermediate",
8502
- "default": "var(--vvd-color-alert-500)"
8503
- },
8504
- {
8505
- "name": "--vvd-text-field-alert-firm",
8506
- "default": "var(--vvd-color-alert-600)"
8507
- },
8508
- {
8509
- "name": "--vvd-text-field-alert-faint",
8510
- "default": "var(--vvd-color-alert-50)"
8511
- },
8512
- {
8513
- "name": "--vvd-text-field-alert-soft",
8514
- "default": "var(--vvd-color-alert-100)"
8515
- },
8516
- {
8517
- "name": "--vvd-text-field-alert-fierce",
8518
- "default": "var(--vvd-color-alert-700)"
8519
- },
8520
8456
  {
8521
8457
  "name": "--vvd-text-field-accent-primary",
8522
8458
  "default": "var(--vvd-color-canvas-text)"
@@ -8537,6 +8473,10 @@
8537
8473
  "name": "--vvd-text-field-accent-firm",
8538
8474
  "default": "var(--vvd-color-canvas-text)"
8539
8475
  },
8476
+ {
8477
+ "name": "--vvd-text-field-accent-fierce",
8478
+ "default": "var(--vvd-color-neutral-700)"
8479
+ },
8540
8480
  {
8541
8481
  "name": "--vvd-text-field-accent-faint",
8542
8482
  "default": "var(--vvd-color-neutral-50)"
@@ -8544,10 +8484,6 @@
8544
8484
  {
8545
8485
  "name": "--vvd-text-field-accent-soft",
8546
8486
  "default": "var(--vvd-color-neutral-100)"
8547
- },
8548
- {
8549
- "name": "--vvd-text-field-accent-fierce",
8550
- "default": "var(--vvd-color-neutral-700)"
8551
8487
  }
8552
8488
  ],
8553
8489
  "members": [
@@ -9009,6 +8945,12 @@
9009
8945
  ]
9010
8946
  }
9011
8947
  ],
8948
+ "events": [
8949
+ {
8950
+ "description": "Fires when the page changes.",
8951
+ "name": "pagination-change"
8952
+ }
8953
+ ],
9012
8954
  "attributes": [
9013
8955
  {
9014
8956
  "name": "size",
@@ -10050,54 +9992,6 @@
10050
9992
  "description": "Base class for select",
10051
9993
  "name": "Select",
10052
9994
  "cssProperties": [
10053
- {
10054
- "name": "--vvd-select-success-primary",
10055
- "default": "var(--vvd-color-success-500)"
10056
- },
10057
- {
10058
- "name": "--vvd-select-success-primary-text",
10059
- "default": "var(--vvd-color-canvas)"
10060
- },
10061
- {
10062
- "name": "--vvd-select-success-primary-increment",
10063
- "default": "var(--vvd-color-success-600)"
10064
- },
10065
- {
10066
- "name": "--vvd-select-success-intermediate",
10067
- "default": "var(--vvd-color-success-500)"
10068
- },
10069
- {
10070
- "name": "--vvd-select-success-firm",
10071
- "default": "var(--vvd-color-success-600)"
10072
- },
10073
- {
10074
- "name": "--vvd-select-success-fierce",
10075
- "default": "var(--vvd-color-success-700)"
10076
- },
10077
- {
10078
- "name": "--vvd-select-alert-primary",
10079
- "default": "var(--vvd-color-alert-500)"
10080
- },
10081
- {
10082
- "name": "--vvd-select-alert-primary-text",
10083
- "default": "var(--vvd-color-canvas)"
10084
- },
10085
- {
10086
- "name": "--vvd-select-alert-primary-increment",
10087
- "default": "var(--vvd-color-alert-600)"
10088
- },
10089
- {
10090
- "name": "--vvd-select-alert-intermediate",
10091
- "default": "var(--vvd-color-alert-500)"
10092
- },
10093
- {
10094
- "name": "--vvd-select-alert-firm",
10095
- "default": "var(--vvd-color-alert-600)"
10096
- },
10097
- {
10098
- "name": "--vvd-select-alert-fierce",
10099
- "default": "var(--vvd-color-alert-700)"
10100
- },
10101
9995
  {
10102
9996
  "name": "--vvd-select-accent-primary",
10103
9997
  "default": "var(--vvd-color-canvas-text)"
@@ -11469,7 +11363,7 @@
11469
11363
  }
11470
11364
  ],
11471
11365
  "superclass": {
11472
- "name": "FoundationElement",
11366
+ "name": "FoundationSwitch",
11473
11367
  "package": "@microsoft/fast-foundation"
11474
11368
  }
11475
11369
  }
@@ -12803,70 +12697,6 @@
12803
12697
  "description": "Base class for text-field",
12804
12698
  "name": "TextField",
12805
12699
  "cssProperties": [
12806
- {
12807
- "name": "--vvd-text-field-success-primary",
12808
- "default": "var(--vvd-color-success-500)"
12809
- },
12810
- {
12811
- "name": "--vvd-text-field-success-primary-text",
12812
- "default": "var(--vvd-color-canvas)"
12813
- },
12814
- {
12815
- "name": "--vvd-text-field-success-primary-increment",
12816
- "default": "var(--vvd-color-success-600)"
12817
- },
12818
- {
12819
- "name": "--vvd-text-field-success-intermediate",
12820
- "default": "var(--vvd-color-success-500)"
12821
- },
12822
- {
12823
- "name": "--vvd-text-field-success-firm",
12824
- "default": "var(--vvd-color-success-600)"
12825
- },
12826
- {
12827
- "name": "--vvd-text-field-success-faint",
12828
- "default": "var(--vvd-color-success-50)"
12829
- },
12830
- {
12831
- "name": "--vvd-text-field-success-soft",
12832
- "default": "var(--vvd-color-success-100)"
12833
- },
12834
- {
12835
- "name": "--vvd-text-field-success-fierce",
12836
- "default": "var(--vvd-color-success-700)"
12837
- },
12838
- {
12839
- "name": "--vvd-text-field-alert-primary",
12840
- "default": "var(--vvd-color-alert-500)"
12841
- },
12842
- {
12843
- "name": "--vvd-text-field-alert-primary-text",
12844
- "default": "var(--vvd-color-canvas)"
12845
- },
12846
- {
12847
- "name": "--vvd-text-field-alert-primary-increment",
12848
- "default": "var(--vvd-color-alert-600)"
12849
- },
12850
- {
12851
- "name": "--vvd-text-field-alert-intermediate",
12852
- "default": "var(--vvd-color-alert-500)"
12853
- },
12854
- {
12855
- "name": "--vvd-text-field-alert-firm",
12856
- "default": "var(--vvd-color-alert-600)"
12857
- },
12858
- {
12859
- "name": "--vvd-text-field-alert-faint",
12860
- "default": "var(--vvd-color-alert-50)"
12861
- },
12862
- {
12863
- "name": "--vvd-text-field-alert-soft",
12864
- "default": "var(--vvd-color-alert-100)"
12865
- },
12866
- {
12867
- "name": "--vvd-text-field-alert-fierce",
12868
- "default": "var(--vvd-color-alert-700)"
12869
- },
12870
12700
  {
12871
12701
  "name": "--vvd-text-field-accent-primary",
12872
12702
  "default": "var(--vvd-color-canvas-text)"
@@ -12887,6 +12717,10 @@
12887
12717
  "name": "--vvd-text-field-accent-firm",
12888
12718
  "default": "var(--vvd-color-canvas-text)"
12889
12719
  },
12720
+ {
12721
+ "name": "--vvd-text-field-accent-fierce",
12722
+ "default": "var(--vvd-color-neutral-700)"
12723
+ },
12890
12724
  {
12891
12725
  "name": "--vvd-text-field-accent-faint",
12892
12726
  "default": "var(--vvd-color-neutral-50)"
@@ -12894,10 +12728,6 @@
12894
12728
  {
12895
12729
  "name": "--vvd-text-field-accent-soft",
12896
12730
  "default": "var(--vvd-color-neutral-100)"
12897
- },
12898
- {
12899
- "name": "--vvd-text-field-accent-fierce",
12900
- "default": "var(--vvd-color-neutral-700)"
12901
12731
  }
12902
12732
  ],
12903
12733
  "slots": [
@@ -13006,17 +12836,16 @@
13006
12836
  },
13007
12837
  {
13008
12838
  "kind": "javascript-module",
13009
- "path": "libs/components/src/lib/toggletip/definition.ts",
12839
+ "path": "libs/components/src/lib/time-picker/definition.ts",
13010
12840
  "declarations": [
13011
12841
  {
13012
12842
  "kind": "variable",
13013
- "name": "toggletipDefinition",
13014
- "description": "The toggletip element."
12843
+ "name": "timePickerDefinition"
13015
12844
  },
13016
12845
  {
13017
12846
  "kind": "variable",
13018
- "name": "registerToggletip",
13019
- "description": "Registers the toggletip element with the design system.",
12847
+ "name": "registerTimePicker",
12848
+ "description": "Registers the time-picker element with the design system.",
13020
12849
  "parameters": [
13021
12850
  {
13022
12851
  "description": "the prefix to use for the component name",
@@ -13028,49 +12857,391 @@
13028
12857
  "exports": [
13029
12858
  {
13030
12859
  "kind": "js",
13031
- "name": "toggletipDefinition",
12860
+ "name": "timePickerDefinition",
13032
12861
  "declaration": {
13033
- "name": "toggletipDefinition",
13034
- "module": "libs/components/src/lib/toggletip/definition.ts"
12862
+ "name": "timePickerDefinition",
12863
+ "module": "libs/components/src/lib/time-picker/definition.ts"
13035
12864
  }
13036
12865
  },
13037
12866
  {
13038
12867
  "kind": "js",
13039
- "name": "registerToggletip",
12868
+ "name": "registerTimePicker",
13040
12869
  "declaration": {
13041
- "name": "registerToggletip",
13042
- "module": "libs/components/src/lib/toggletip/definition.ts"
12870
+ "name": "registerTimePicker",
12871
+ "module": "libs/components/src/lib/time-picker/definition.ts"
13043
12872
  }
13044
12873
  }
13045
12874
  ]
13046
12875
  },
13047
12876
  {
13048
12877
  "kind": "javascript-module",
13049
- "path": "libs/components/src/lib/toggletip/toggletip.ts",
12878
+ "path": "libs/components/src/lib/time-picker/locale.ts",
12879
+ "declarations": [],
12880
+ "exports": []
12881
+ },
12882
+ {
12883
+ "kind": "javascript-module",
12884
+ "path": "libs/components/src/lib/time-picker/time-picker.form-associated.ts",
13050
12885
  "declarations": [
13051
12886
  {
13052
12887
  "kind": "class",
13053
- "description": "Base class for toggletip",
13054
- "name": "Toggletip",
13055
- "slots": [
12888
+ "description": "",
12889
+ "name": "FormAssociatedTimePicker",
12890
+ "members": [
13056
12891
  {
13057
- "description": "The content to display in the toggletip.",
13058
- "name": ""
12892
+ "kind": "field",
12893
+ "name": "proxy"
12894
+ }
12895
+ ],
12896
+ "mixins": [
12897
+ {
12898
+ "name": "FormAssociated",
12899
+ "package": "@microsoft/fast-foundation"
12900
+ }
12901
+ ],
12902
+ "superclass": {
12903
+ "name": "_TimePicker",
12904
+ "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
12905
+ }
12906
+ }
12907
+ ],
12908
+ "exports": [
12909
+ {
12910
+ "kind": "js",
12911
+ "name": "FormAssociatedTimePicker",
12912
+ "declaration": {
12913
+ "name": "FormAssociatedTimePicker",
12914
+ "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
12915
+ }
12916
+ }
12917
+ ]
12918
+ },
12919
+ {
12920
+ "kind": "javascript-module",
12921
+ "path": "libs/components/src/lib/time-picker/time-picker.ts",
12922
+ "declarations": [
12923
+ {
12924
+ "kind": "class",
12925
+ "description": "Base class for time-picker",
12926
+ "name": "TimePicker",
12927
+ "cssProperties": [
12928
+ {
12929
+ "name": "--vvd-time-picker-accent-primary",
12930
+ "default": "var(--vvd-color-canvas-text)"
13059
12931
  },
13060
12932
  {
13061
- "description": "The content to display in the toggletip action items.",
13062
- "name": "action-items"
12933
+ "name": "--vvd-time-picker-accent-faint",
12934
+ "default": "var(--vvd-color-neutral-50)"
12935
+ },
12936
+ {
12937
+ "name": "--vvd-time-picker-accent-soft",
12938
+ "default": "var(--vvd-color-neutral-100)"
12939
+ },
12940
+ {
12941
+ "name": "--vvd-time-picker-accent-dim",
12942
+ "default": "var(--vvd-color-neutral-200)"
12943
+ },
12944
+ {
12945
+ "name": "--vvd-time-picker-accent-pale",
12946
+ "default": "var(--vvd-color-neutral-300)"
13063
12947
  }
13064
12948
  ],
13065
12949
  "members": [
13066
12950
  {
13067
12951
  "kind": "field",
13068
- "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
13069
- "privacy": "private",
12952
+ "name": "readOnly",
13070
12953
  "type": {
13071
- "text": "string"
12954
+ "text": "boolean"
13072
12955
  },
13073
- "default": "' ; Show more information'"
12956
+ "default": "false",
12957
+ "description": "Whether the time-picker is readonly.",
12958
+ "privacy": "public"
12959
+ },
12960
+ {
12961
+ "kind": "field",
12962
+ "name": "minutesStep",
12963
+ "type": {
12964
+ "text": "number | null"
12965
+ },
12966
+ "default": "null",
12967
+ "description": "Distance between presented minute options.",
12968
+ "privacy": "public"
12969
+ },
12970
+ {
12971
+ "kind": "field",
12972
+ "name": "secondsStep",
12973
+ "type": {
12974
+ "text": "number | null"
12975
+ },
12976
+ "default": "null",
12977
+ "description": "Distance between presented seconds options. If null, seconds are not presented.",
12978
+ "privacy": "public"
12979
+ },
12980
+ {
12981
+ "kind": "field",
12982
+ "name": "clock",
12983
+ "type": {
12984
+ "text": "'12h' | '24h' | undefined"
12985
+ },
12986
+ "description": "Forces the time-picker to use a 12h or 24h clock.",
12987
+ "privacy": "public"
12988
+ },
12989
+ {
12990
+ "kind": "field",
12991
+ "name": "min",
12992
+ "type": {
12993
+ "text": "string"
12994
+ },
12995
+ "description": "The earliest accepted time of the time-picker.",
12996
+ "privacy": "public",
12997
+ "default": "''"
12998
+ },
12999
+ {
13000
+ "kind": "field",
13001
+ "name": "max",
13002
+ "type": {
13003
+ "text": "string"
13004
+ },
13005
+ "description": "The latest accepted time of the time-picker.",
13006
+ "privacy": "public",
13007
+ "default": "''"
13008
+ },
13009
+ {
13010
+ "kind": "field",
13011
+ "name": "#getFocusableEls",
13012
+ "privacy": "private"
13013
+ },
13014
+ {
13015
+ "kind": "method",
13016
+ "name": "#updateValueDueToUserInteraction",
13017
+ "parameters": [
13018
+ {
13019
+ "name": "newValue",
13020
+ "type": {
13021
+ "text": "TimeStr"
13022
+ }
13023
+ }
13024
+ ]
13025
+ },
13026
+ {
13027
+ "kind": "field",
13028
+ "name": "#onFocusIn",
13029
+ "privacy": "private"
13030
+ },
13031
+ {
13032
+ "kind": "field",
13033
+ "name": "#onFocusOut",
13034
+ "privacy": "private"
13035
+ },
13036
+ {
13037
+ "kind": "field",
13038
+ "name": "#dismissOnClickOutside",
13039
+ "privacy": "private"
13040
+ },
13041
+ {
13042
+ "kind": "method",
13043
+ "name": "#openPopupIfPossible"
13044
+ },
13045
+ {
13046
+ "kind": "method",
13047
+ "name": "#scrollToItem",
13048
+ "parameters": [
13049
+ {
13050
+ "name": "picker",
13051
+ "type": {
13052
+ "text": "string"
13053
+ }
13054
+ },
13055
+ {
13056
+ "name": "selectedValue",
13057
+ "type": {
13058
+ "text": "string"
13059
+ }
13060
+ },
13061
+ {
13062
+ "name": "position",
13063
+ "type": {
13064
+ "text": "'nearest' | 'start'"
13065
+ }
13066
+ }
13067
+ ]
13068
+ },
13069
+ {
13070
+ "kind": "field",
13071
+ "name": "value",
13072
+ "type": {
13073
+ "text": "string"
13074
+ },
13075
+ "default": "''"
13076
+ },
13077
+ {
13078
+ "kind": "field",
13079
+ "name": "type",
13080
+ "type": {
13081
+ "text": "string"
13082
+ },
13083
+ "default": "'time'"
13084
+ },
13085
+ {
13086
+ "kind": "field",
13087
+ "name": "step",
13088
+ "type": {
13089
+ "text": "string"
13090
+ },
13091
+ "default": "'1'"
13092
+ },
13093
+ {
13094
+ "kind": "field",
13095
+ "name": "proxy",
13096
+ "inheritedFrom": {
13097
+ "name": "FormAssociatedTimePicker",
13098
+ "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
13099
+ }
13100
+ }
13101
+ ],
13102
+ "events": [
13103
+ {
13104
+ "description": "Emitted when the time is changed by the user.",
13105
+ "name": "change"
13106
+ }
13107
+ ],
13108
+ "attributes": [
13109
+ {
13110
+ "name": "readonly",
13111
+ "type": {
13112
+ "text": "boolean"
13113
+ },
13114
+ "default": "false",
13115
+ "description": "Whether the time-picker is readonly.",
13116
+ "fieldName": "readOnly"
13117
+ },
13118
+ {
13119
+ "name": "minutes-step",
13120
+ "type": {
13121
+ "text": "number | null"
13122
+ },
13123
+ "default": "null",
13124
+ "description": "Distance between presented minute options.",
13125
+ "fieldName": "minutesStep"
13126
+ },
13127
+ {
13128
+ "name": "seconds-step",
13129
+ "type": {
13130
+ "text": "number | null"
13131
+ },
13132
+ "default": "null",
13133
+ "description": "Distance between presented seconds options. If null, seconds are not presented.",
13134
+ "fieldName": "secondsStep"
13135
+ },
13136
+ {
13137
+ "name": "clock",
13138
+ "type": {
13139
+ "text": "'12h' | '24h' | undefined"
13140
+ },
13141
+ "description": "Forces the time-picker to use a 12h or 24h clock.",
13142
+ "fieldName": "clock"
13143
+ },
13144
+ {
13145
+ "type": {
13146
+ "text": "string"
13147
+ },
13148
+ "description": "The earliest accepted time of the time-picker.",
13149
+ "default": "''",
13150
+ "fieldName": "min"
13151
+ },
13152
+ {
13153
+ "type": {
13154
+ "text": "string"
13155
+ },
13156
+ "description": "The latest accepted time of the time-picker.",
13157
+ "default": "''",
13158
+ "fieldName": "max"
13159
+ }
13160
+ ],
13161
+ "superclass": {
13162
+ "name": "FormAssociatedTimePicker",
13163
+ "module": "/libs/components/src/lib/time-picker/time-picker.form-associated"
13164
+ }
13165
+ }
13166
+ ],
13167
+ "exports": [
13168
+ {
13169
+ "kind": "js",
13170
+ "name": "TimePicker",
13171
+ "declaration": {
13172
+ "name": "TimePicker",
13173
+ "module": "libs/components/src/lib/time-picker/time-picker.ts"
13174
+ }
13175
+ }
13176
+ ]
13177
+ },
13178
+ {
13179
+ "kind": "javascript-module",
13180
+ "path": "libs/components/src/lib/toggletip/definition.ts",
13181
+ "declarations": [
13182
+ {
13183
+ "kind": "variable",
13184
+ "name": "toggletipDefinition",
13185
+ "description": "The toggletip element."
13186
+ },
13187
+ {
13188
+ "kind": "variable",
13189
+ "name": "registerToggletip",
13190
+ "description": "Registers the toggletip element with the design system.",
13191
+ "parameters": [
13192
+ {
13193
+ "description": "the prefix to use for the component name",
13194
+ "name": "prefix"
13195
+ }
13196
+ ]
13197
+ }
13198
+ ],
13199
+ "exports": [
13200
+ {
13201
+ "kind": "js",
13202
+ "name": "toggletipDefinition",
13203
+ "declaration": {
13204
+ "name": "toggletipDefinition",
13205
+ "module": "libs/components/src/lib/toggletip/definition.ts"
13206
+ }
13207
+ },
13208
+ {
13209
+ "kind": "js",
13210
+ "name": "registerToggletip",
13211
+ "declaration": {
13212
+ "name": "registerToggletip",
13213
+ "module": "libs/components/src/lib/toggletip/definition.ts"
13214
+ }
13215
+ }
13216
+ ]
13217
+ },
13218
+ {
13219
+ "kind": "javascript-module",
13220
+ "path": "libs/components/src/lib/toggletip/toggletip.ts",
13221
+ "declarations": [
13222
+ {
13223
+ "kind": "class",
13224
+ "description": "Base class for toggletip",
13225
+ "name": "Toggletip",
13226
+ "slots": [
13227
+ {
13228
+ "description": "The content to display in the toggletip.",
13229
+ "name": ""
13230
+ },
13231
+ {
13232
+ "description": "The content to display in the toggletip action items.",
13233
+ "name": "action-items"
13234
+ }
13235
+ ],
13236
+ "members": [
13237
+ {
13238
+ "kind": "field",
13239
+ "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
13240
+ "privacy": "private",
13241
+ "type": {
13242
+ "text": "string"
13243
+ },
13244
+ "default": "' ; Show more information'"
13074
13245
  },
13075
13246
  {
13076
13247
  "kind": "field",
@@ -13585,6 +13756,358 @@
13585
13756
  }
13586
13757
  ]
13587
13758
  },
13759
+ {
13760
+ "kind": "javascript-module",
13761
+ "path": "libs/components/src/lib/time-picker/time/picker.ts",
13762
+ "declarations": [
13763
+ {
13764
+ "kind": "function",
13765
+ "name": "getHoursOptions",
13766
+ "return": {
13767
+ "type": {
13768
+ "text": "PickerOption[]"
13769
+ }
13770
+ },
13771
+ "parameters": [
13772
+ {
13773
+ "name": "min",
13774
+ "optional": true,
13775
+ "type": {
13776
+ "text": "TimeStr"
13777
+ }
13778
+ },
13779
+ {
13780
+ "name": "max",
13781
+ "optional": true,
13782
+ "type": {
13783
+ "text": "TimeStr"
13784
+ }
13785
+ },
13786
+ {
13787
+ "name": "forMeridiem",
13788
+ "optional": true,
13789
+ "type": {
13790
+ "text": "string"
13791
+ }
13792
+ }
13793
+ ]
13794
+ },
13795
+ {
13796
+ "kind": "function",
13797
+ "name": "getMinutesOptions",
13798
+ "return": {
13799
+ "type": {
13800
+ "text": "PickerOption[]"
13801
+ }
13802
+ },
13803
+ "parameters": [
13804
+ {
13805
+ "name": "step",
13806
+ "type": {
13807
+ "text": "number | null"
13808
+ }
13809
+ },
13810
+ {
13811
+ "name": "value",
13812
+ "optional": true,
13813
+ "type": {
13814
+ "text": "TimeStr"
13815
+ }
13816
+ },
13817
+ {
13818
+ "name": "min",
13819
+ "optional": true,
13820
+ "type": {
13821
+ "text": "TimeStr"
13822
+ }
13823
+ },
13824
+ {
13825
+ "name": "max",
13826
+ "optional": true,
13827
+ "type": {
13828
+ "text": "TimeStr"
13829
+ }
13830
+ }
13831
+ ]
13832
+ },
13833
+ {
13834
+ "kind": "function",
13835
+ "name": "getSecondsOptions",
13836
+ "return": {
13837
+ "type": {
13838
+ "text": "PickerOption[]"
13839
+ }
13840
+ },
13841
+ "parameters": [
13842
+ {
13843
+ "name": "step",
13844
+ "type": {
13845
+ "text": "number"
13846
+ }
13847
+ },
13848
+ {
13849
+ "name": "value",
13850
+ "optional": true,
13851
+ "type": {
13852
+ "text": "TimeStr"
13853
+ }
13854
+ },
13855
+ {
13856
+ "name": "min",
13857
+ "optional": true,
13858
+ "type": {
13859
+ "text": "TimeStr"
13860
+ }
13861
+ },
13862
+ {
13863
+ "name": "max",
13864
+ "optional": true,
13865
+ "type": {
13866
+ "text": "TimeStr"
13867
+ }
13868
+ }
13869
+ ]
13870
+ },
13871
+ {
13872
+ "kind": "function",
13873
+ "name": "getMeridiesOptions",
13874
+ "return": {
13875
+ "type": {
13876
+ "text": "PickerOption[]"
13877
+ }
13878
+ },
13879
+ "parameters": [
13880
+ {
13881
+ "name": "min",
13882
+ "optional": true,
13883
+ "type": {
13884
+ "text": "TimeStr"
13885
+ }
13886
+ },
13887
+ {
13888
+ "name": "max",
13889
+ "optional": true,
13890
+ "type": {
13891
+ "text": "TimeStr"
13892
+ }
13893
+ }
13894
+ ]
13895
+ }
13896
+ ],
13897
+ "exports": [
13898
+ {
13899
+ "kind": "js",
13900
+ "name": "getHoursOptions",
13901
+ "declaration": {
13902
+ "name": "getHoursOptions",
13903
+ "module": "libs/components/src/lib/time-picker/time/picker.ts"
13904
+ }
13905
+ },
13906
+ {
13907
+ "kind": "js",
13908
+ "name": "getMinutesOptions",
13909
+ "declaration": {
13910
+ "name": "getMinutesOptions",
13911
+ "module": "libs/components/src/lib/time-picker/time/picker.ts"
13912
+ }
13913
+ },
13914
+ {
13915
+ "kind": "js",
13916
+ "name": "getSecondsOptions",
13917
+ "declaration": {
13918
+ "name": "getSecondsOptions",
13919
+ "module": "libs/components/src/lib/time-picker/time/picker.ts"
13920
+ }
13921
+ },
13922
+ {
13923
+ "kind": "js",
13924
+ "name": "getMeridiesOptions",
13925
+ "declaration": {
13926
+ "name": "getMeridiesOptions",
13927
+ "module": "libs/components/src/lib/time-picker/time/picker.ts"
13928
+ }
13929
+ }
13930
+ ]
13931
+ },
13932
+ {
13933
+ "kind": "javascript-module",
13934
+ "path": "libs/components/src/lib/time-picker/time/presentationTime.ts",
13935
+ "declarations": [
13936
+ {
13937
+ "kind": "function",
13938
+ "name": "formatPresentationTime",
13939
+ "return": {
13940
+ "type": {
13941
+ "text": "PresentationTime"
13942
+ }
13943
+ },
13944
+ "parameters": [
13945
+ {
13946
+ "name": "timeStr",
13947
+ "type": {
13948
+ "text": "TimeStr"
13949
+ }
13950
+ },
13951
+ {
13952
+ "name": "includeSeconds",
13953
+ "type": {
13954
+ "text": "boolean"
13955
+ }
13956
+ },
13957
+ {
13958
+ "name": "use12HourClock",
13959
+ "type": {
13960
+ "text": "boolean"
13961
+ }
13962
+ }
13963
+ ]
13964
+ },
13965
+ {
13966
+ "kind": "function",
13967
+ "name": "parsePresentationTime",
13968
+ "return": {
13969
+ "type": {
13970
+ "text": "TimeStr"
13971
+ }
13972
+ },
13973
+ "parameters": [
13974
+ {
13975
+ "name": "input",
13976
+ "type": {
13977
+ "text": "string"
13978
+ }
13979
+ },
13980
+ {
13981
+ "name": "use12HourClock",
13982
+ "type": {
13983
+ "text": "boolean"
13984
+ }
13985
+ }
13986
+ ]
13987
+ }
13988
+ ],
13989
+ "exports": [
13990
+ {
13991
+ "kind": "js",
13992
+ "name": "formatPresentationTime",
13993
+ "declaration": {
13994
+ "name": "formatPresentationTime",
13995
+ "module": "libs/components/src/lib/time-picker/time/presentationTime.ts"
13996
+ }
13997
+ },
13998
+ {
13999
+ "kind": "js",
14000
+ "name": "parsePresentationTime",
14001
+ "declaration": {
14002
+ "name": "parsePresentationTime",
14003
+ "module": "libs/components/src/lib/time-picker/time/presentationTime.ts"
14004
+ }
14005
+ }
14006
+ ]
14007
+ },
14008
+ {
14009
+ "kind": "javascript-module",
14010
+ "path": "libs/components/src/lib/time-picker/time/time.ts",
14011
+ "declarations": [
14012
+ {
14013
+ "kind": "function",
14014
+ "name": "isValidTimeStr",
14015
+ "return": {
14016
+ "type": {
14017
+ "text": "boolean"
14018
+ }
14019
+ },
14020
+ "parameters": [
14021
+ {
14022
+ "name": "timeStr",
14023
+ "type": {
14024
+ "text": "TimeStr"
14025
+ }
14026
+ }
14027
+ ]
14028
+ },
14029
+ {
14030
+ "kind": "function",
14031
+ "name": "formatTimePart",
14032
+ "return": {
14033
+ "type": {
14034
+ "text": "string"
14035
+ }
14036
+ },
14037
+ "parameters": [
14038
+ {
14039
+ "name": "part",
14040
+ "type": {
14041
+ "text": "number"
14042
+ }
14043
+ }
14044
+ ]
14045
+ },
14046
+ {
14047
+ "kind": "function",
14048
+ "name": "parseTimeStr",
14049
+ "return": {
14050
+ "type": {
14051
+ "text": "ParsedTimeStr"
14052
+ }
14053
+ },
14054
+ "parameters": [
14055
+ {
14056
+ "name": "timeStr",
14057
+ "type": {
14058
+ "text": "TimeStr"
14059
+ }
14060
+ }
14061
+ ]
14062
+ },
14063
+ {
14064
+ "kind": "function",
14065
+ "name": "hoursAs12hClock",
14066
+ "parameters": [
14067
+ {
14068
+ "name": "hour",
14069
+ "type": {
14070
+ "text": "number"
14071
+ }
14072
+ }
14073
+ ]
14074
+ }
14075
+ ],
14076
+ "exports": [
14077
+ {
14078
+ "kind": "js",
14079
+ "name": "isValidTimeStr",
14080
+ "declaration": {
14081
+ "name": "isValidTimeStr",
14082
+ "module": "libs/components/src/lib/time-picker/time/time.ts"
14083
+ }
14084
+ },
14085
+ {
14086
+ "kind": "js",
14087
+ "name": "formatTimePart",
14088
+ "declaration": {
14089
+ "name": "formatTimePart",
14090
+ "module": "libs/components/src/lib/time-picker/time/time.ts"
14091
+ }
14092
+ },
14093
+ {
14094
+ "kind": "js",
14095
+ "name": "parseTimeStr",
14096
+ "declaration": {
14097
+ "name": "parseTimeStr",
14098
+ "module": "libs/components/src/lib/time-picker/time/time.ts"
14099
+ }
14100
+ },
14101
+ {
14102
+ "kind": "js",
14103
+ "name": "hoursAs12hClock",
14104
+ "declaration": {
14105
+ "name": "hoursAs12hClock",
14106
+ "module": "libs/components/src/lib/time-picker/time/time.ts"
14107
+ }
14108
+ }
14109
+ ]
14110
+ },
13588
14111
  {
13589
14112
  "kind": "javascript-module",
13590
14113
  "path": "libs/components/src/shared/date-picker/date-picker-base.ts",
@@ -13671,10 +14194,6 @@
13671
14194
  "description": "Whether the date-picker is readonly.",
13672
14195
  "privacy": "public"
13673
14196
  },
13674
- {
13675
- "kind": "method",
13676
- "name": "#getFocusableEls"
13677
- },
13678
14197
  {
13679
14198
  "kind": "method",
13680
14199
  "name": "_adjustSelectedMonthToEnsureVisibilityOf",