@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
@@ -1,5 +1,5 @@
1
- import { r as registerDataGrid } from '../shared/definition16.js';
2
- import '../shared/definition25.js';
1
+ import { r as registerDataGrid } from '../shared/definition17.js';
2
+ import '../shared/definition26.js';
3
3
  import '../shared/index.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
@@ -11,5 +11,6 @@ import '../shared/slotted.js';
11
11
  import '../shared/children.js';
12
12
  import '../shared/focus2.js';
13
13
  import '../shared/focus.js';
14
+ import '../shared/key-codes2.js';
14
15
 
15
16
  registerDataGrid();
@@ -1,15 +1,15 @@
1
- import { r as registerDatePicker } from '../shared/definition17.js';
1
+ import { r as registerDatePicker } from '../shared/definition18.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition58.js';
4
- import '../shared/definition10.js';
5
- import '../shared/definition25.js';
3
+ import '../shared/definition60.js';
4
+ import '../shared/definition11.js';
5
+ import '../shared/definition26.js';
6
6
  import '../shared/icon.js';
7
7
  import '../shared/_has.js';
8
8
  import '../shared/class-names.js';
9
9
  import '../shared/when.js';
10
- import '../shared/definition56.js';
10
+ import '../shared/definition58.js';
11
11
  import '../shared/focus.js';
12
- import '../shared/definition36.js';
12
+ import '../shared/definition37.js';
13
13
  import '../shared/base-progress.js';
14
14
  import '../shared/affix.js';
15
15
  import '../shared/slotted.js';
@@ -21,13 +21,15 @@ import '../shared/aria-global.js';
21
21
  import '../shared/start-end.js';
22
22
  import '../shared/ref.js';
23
23
  import '../shared/focus2.js';
24
- import '../shared/definition57.js';
25
- import '../shared/definition51.js';
24
+ import '../shared/enums.js';
25
+ import '../shared/definition59.js';
26
+ import '../shared/definition53.js';
26
27
  import '../shared/index2.js';
27
28
  import '../locales/en-US.js';
29
+ import '../shared/Reflector.js';
28
30
  import '../shared/text-field2.js';
29
31
  import '../shared/text-field.js';
30
- import '../shared/definition20.js';
32
+ import '../shared/definition21.js';
31
33
  import '../shared/aria.js';
32
34
  import '../shared/presentationDate.js';
33
35
  import '../shared/repeat.js';
@@ -1,14 +1,14 @@
1
- import { r as registerDateRangePicker } from '../shared/definition18.js';
1
+ import { r as registerDateRangePicker } from '../shared/definition19.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition10.js';
4
- import '../shared/definition25.js';
3
+ import '../shared/definition11.js';
4
+ import '../shared/definition26.js';
5
5
  import '../shared/icon.js';
6
6
  import '../shared/_has.js';
7
7
  import '../shared/class-names.js';
8
8
  import '../shared/when.js';
9
- import '../shared/definition56.js';
9
+ import '../shared/definition58.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition36.js';
11
+ import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/slotted.js';
@@ -20,14 +20,16 @@ import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
22
  import '../shared/focus2.js';
23
- import '../shared/definition58.js';
24
- import '../shared/definition57.js';
25
- import '../shared/definition51.js';
23
+ import '../shared/enums.js';
24
+ import '../shared/definition60.js';
25
+ import '../shared/definition59.js';
26
+ import '../shared/definition53.js';
26
27
  import '../shared/index2.js';
27
28
  import '../locales/en-US.js';
29
+ import '../shared/Reflector.js';
28
30
  import '../shared/text-field2.js';
29
31
  import '../shared/text-field.js';
30
- import '../shared/definition20.js';
32
+ import '../shared/definition21.js';
31
33
  import '../shared/aria.js';
32
34
  import '../shared/presentationDate.js';
33
35
  import '../shared/repeat.js';
package/dialog/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import { r as registerDialog } from '../shared/definition19.js';
1
+ import { r as registerDialog } from '../shared/definition20.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition10.js';
9
- import '../shared/definition56.js';
8
+ import '../shared/definition11.js';
9
+ import '../shared/definition58.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition36.js';
11
+ import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/slotted.js';
@@ -20,6 +20,10 @@ import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
22
  import '../shared/focus2.js';
23
- import '../shared/definition57.js';
23
+ import '../shared/enums.js';
24
+ import '../shared/definition59.js';
25
+ import '../shared/index2.js';
26
+ import '../locales/en-US.js';
27
+ import '../shared/localized.js';
24
28
 
25
29
  registerDialog();
package/divider/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerDivider } from '../shared/definition20.js';
1
+ import { r as registerDivider } from '../shared/definition21.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/aria.js';
4
4
  import '../shared/class-names.js';
@@ -1,4 +1,4 @@
1
- import { r as registerElevation } from '../shared/definition57.js';
1
+ import { r as registerElevation } from '../shared/definition59.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/class-names.js';
4
4
 
@@ -1,6 +1,6 @@
1
- import { r as registerEmptyState } from '../shared/definition21.js';
1
+ import { r as registerEmptyState } from '../shared/definition22.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
package/fab/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { r as registerFab } from '../shared/definition22.js';
1
+ import { r as registerFab } from '../shared/definition23.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition56.js';
8
+ import '../shared/definition58.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/slotted.js';
@@ -1,14 +1,14 @@
1
- import { r as registerFilePicker } from '../shared/definition23.js';
1
+ import { r as registerFilePicker } from '../shared/definition24.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition25.js';
3
+ import '../shared/definition26.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition56.js';
8
+ import '../shared/definition58.js';
9
9
  import '../shared/focus.js';
10
- import '../shared/definition10.js';
11
- import '../shared/definition36.js';
10
+ import '../shared/definition11.js';
11
+ import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/slotted.js';
@@ -20,6 +20,7 @@ import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
22
  import '../shared/focus2.js';
23
+ import '../shared/enums.js';
23
24
  import '../shared/index2.js';
24
25
  import '../locales/en-US.js';
25
26
  import '../shared/localized.js';
package/focus/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerFocus } from '../shared/definition56.js';
1
+ import { r as registerFocus } from '../shared/definition58.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/focus.js';
4
4
 
package/header/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import { r as registerHeader } from '../shared/definition24.js';
1
+ import { r as registerHeader } from '../shared/definition25.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition57.js';
3
+ import '../shared/definition59.js';
4
4
  import '../shared/class-names.js';
5
5
 
6
6
  registerHeader();
package/icon/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerIcon } from '../shared/definition25.js';
1
+ import { r as registerIcon } from '../shared/definition26.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/icon.js';
4
4
  import '../shared/_has.js';
package/index.js CHANGED
@@ -2,60 +2,63 @@ export { a as accordionItemDefinition, b as accordionItemRegistries, r as regist
2
2
  export { a as accordionDefinition, b as accordionRegistries, r as registerAccordion } from './shared/definition2.js';
3
3
  export { a as actionGroupDefinition, b as actionGroupRegistries, r as registerActionGroup } from './shared/definition3.js';
4
4
  export { a as alertDefinition, b as alertRegistries, r as registerAlert } from './shared/definition4.js';
5
- export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition5.js';
6
- export { b as badgeDefinition, r as registerBadge } from './shared/definition6.js';
7
- export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition7.js';
8
- export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition8.js';
9
- export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition9.js';
10
- export { A as Appearance, e as AriaLive, C as Connotation, c as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, d as Size, b as buttonDefinition, a as buttonRegistries, r as registerButton } from './shared/definition10.js';
11
- export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition11.js';
12
- export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition12.js';
13
- export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition13.js';
14
- export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition14.js';
15
- export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition15.js';
16
- export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition16.js';
17
- export { d as datePickerDefinition, a as datePickerRegistries, r as registerDatePicker } from './shared/definition17.js';
18
- export { d as dateRangePickerDefinition, a as dateRangePickerRegistries, r as registerDateRangePicker } from './shared/definition18.js';
19
- export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition19.js';
20
- export { d as dividerDefinition, a as dividerRegistries, r as registerDivider } from './shared/definition20.js';
21
- export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition21.js';
22
- export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition22.js';
23
- export { f as filePickerDefinition, a as filePickerRegistries, r as registerFilePicker } from './shared/definition23.js';
24
- export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition24.js';
25
- export { i as iconDefinition, a as iconRegistries, r as registerIcon } from './shared/definition25.js';
26
- export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition26.js';
27
- export { m as menuItemDefinition, a as menuItemRegistries, r as registerMenuItem } from './shared/definition27.js';
28
- export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition28.js';
29
- export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition29.js';
30
- export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition30.js';
31
- export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition31.js';
32
- export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition32.js';
33
- export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition33.js';
34
- export { l as listboxOptionDefinition, a as listboxOptionRegistries, r as registerOption } from './shared/definition34.js';
35
- export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition35.js';
36
- export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition36.js';
37
- export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition37.js';
38
- export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition38.js';
39
- export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition39.js';
40
- export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition40.js';
41
- export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition41.js';
42
- export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition42.js';
43
- export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition43.js';
44
- export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition44.js';
45
- export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition45.js';
46
- export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition46.js';
47
- export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition47.js';
48
- export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition48.js';
49
- export { r as registerTag, t as tagDefinition } from './shared/definition49.js';
50
- export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition50.js';
51
- export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition51.js';
52
- export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition52.js';
53
- export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition53.js';
54
- export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition54.js';
55
- export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition55.js';
5
+ export { a as audioPlayerDefinition, b as audioPlayerRegistries, r as registerAudioPlayer } from './shared/definition5.js';
6
+ export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition6.js';
7
+ export { b as badgeDefinition, r as registerBadge } from './shared/definition7.js';
8
+ export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition8.js';
9
+ export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition9.js';
10
+ export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition10.js';
11
+ export { b as buttonDefinition, a as buttonRegistries, r as registerButton } from './shared/definition11.js';
12
+ export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition12.js';
13
+ export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition13.js';
14
+ export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition14.js';
15
+ export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition15.js';
16
+ export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition16.js';
17
+ export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition17.js';
18
+ export { d as datePickerDefinition, a as datePickerRegistries, r as registerDatePicker } from './shared/definition18.js';
19
+ export { d as dateRangePickerDefinition, a as dateRangePickerRegistries, r as registerDateRangePicker } from './shared/definition19.js';
20
+ export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition20.js';
21
+ export { d as dividerDefinition, a as dividerRegistries, r as registerDivider } from './shared/definition21.js';
22
+ export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition22.js';
23
+ export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition23.js';
24
+ export { f as filePickerDefinition, a as filePickerRegistries, r as registerFilePicker } from './shared/definition24.js';
25
+ export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition25.js';
26
+ export { i as iconDefinition, a as iconRegistries, r as registerIcon } from './shared/definition26.js';
27
+ export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition27.js';
28
+ export { m as menuItemDefinition, a as menuItemRegistries, r as registerMenuItem } from './shared/definition28.js';
29
+ export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition29.js';
30
+ export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition30.js';
31
+ export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition31.js';
32
+ export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition32.js';
33
+ export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition33.js';
34
+ export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition34.js';
35
+ export { l as listboxOptionDefinition, a as listboxOptionRegistries, r as registerOption } from './shared/definition35.js';
36
+ export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition36.js';
37
+ export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition37.js';
38
+ export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition38.js';
39
+ export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition39.js';
40
+ export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition40.js';
41
+ export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition41.js';
42
+ export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition42.js';
43
+ export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition43.js';
44
+ export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition44.js';
45
+ export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition45.js';
46
+ export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition46.js';
47
+ export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition47.js';
48
+ export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition48.js';
49
+ export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition49.js';
50
+ export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition50.js';
51
+ export { r as registerTag, t as tagDefinition } from './shared/definition51.js';
52
+ export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition52.js';
53
+ export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition53.js';
54
+ export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition54.js';
55
+ export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition55.js';
56
+ export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition56.js';
57
+ export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition57.js';
58
+ export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, b as Size } from './shared/enums.js';
56
59
  export { d as designSystem, r as registerFactory } from './shared/index.js';
57
60
  export { s as setLocale } from './shared/index2.js';
58
- import './shared/definition56.js';
61
+ import './shared/definition58.js';
59
62
  import './shared/focus.js';
60
63
  import './shared/affix.js';
61
64
  import './shared/icon.js';
@@ -69,7 +72,8 @@ import './shared/when.js';
69
72
  import './shared/key-codes.js';
70
73
  import './shared/numbers.js';
71
74
  import './shared/class-names.js';
72
- import './shared/definition57.js';
75
+ import './shared/definition59.js';
76
+ import './shared/localized.js';
73
77
  import './shared/button.js';
74
78
  import './shared/form-associated.js';
75
79
  import './shared/aria-global.js';
@@ -78,14 +82,14 @@ import './shared/anchor.js';
78
82
  import './shared/text-anchor.template.js';
79
83
  import './shared/calendar-event.js';
80
84
  import './shared/repeat.js';
81
- import './shared/definition58.js';
85
+ import './shared/definition60.js';
82
86
  import './shared/text-field.js';
83
87
  import './shared/listbox.js';
88
+ import './shared/key-codes2.js';
84
89
  import './shared/strings.js';
85
90
  import './shared/select.options.js';
86
91
  import './shared/children.js';
87
92
  import './shared/presentationDate.js';
88
- import './shared/localized.js';
89
93
  import './shared/aria.js';
90
94
  import './shared/direction.js';
91
95
  import './shared/dom.js';
@@ -94,5 +98,6 @@ import './shared/text-field2.js';
94
98
  import './shared/base-progress.js';
95
99
  import './shared/radio.js';
96
100
  import './shared/aria2.js';
101
+ import './shared/Reflector.js';
97
102
  import './shared/tree-item.js';
98
103
  import './locales/en-US.js';
package/layout/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerLayout } from '../shared/definition26.js';
1
+ import { r as registerLayout } from '../shared/definition27.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/class-names.js';
4
4
 
@@ -1,10 +1,12 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import { Connotation } from '../enums';
3
+ import { Localized } from '../../shared/patterns';
3
4
  import { AffixIcon } from '../../shared/patterns/affix';
4
5
  export type AlertConnotation = Connotation.Accent | Connotation.Information | Connotation.Success | Connotation.Warning | Connotation.Alert;
5
6
  export type AlertPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
6
7
  export declare class Alert extends FoundationElement {
7
8
  #private;
9
+ dismissButtonAriaLabel: string | null;
8
10
  removable: boolean;
9
11
  placement?: AlertPlacement;
10
12
  headline?: string;
@@ -18,5 +20,5 @@ export declare class Alert extends FoundationElement {
18
20
  disconnectedCallback(): void;
19
21
  get conditionedIcon(): string | undefined;
20
22
  }
21
- export interface Alert extends AffixIcon {
23
+ export interface Alert extends Localized, AffixIcon {
22
24
  }
@@ -0,0 +1,3 @@
1
+ export interface AlertLocale {
2
+ dismissButtonLabel: string;
3
+ }
@@ -0,0 +1,17 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import type { Connotation } from '../enums';
3
+ import { Localized } from '../../shared/patterns';
4
+ export type AudioPlayerConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
5
+ export declare class AudioPlayer extends FoundationElement {
6
+ playButtonAriaLabel: string | null;
7
+ pauseButtonAriaLabel: string | null;
8
+ sliderAriaLabel: string | null;
9
+ connotation?: AudioPlayerConnotation;
10
+ src?: string;
11
+ disabled: boolean;
12
+ notime: boolean;
13
+ connectedCallback(): void;
14
+ disconnectedCallback(): void;
15
+ }
16
+ export interface AudioPlayer extends Localized {
17
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import { AudioPlayer } from './audio-player';
4
+ export declare const AudioPlayerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<AudioPlayer>;
@@ -0,0 +1,4 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { AudioPlayerConnotation } from './audio-player';
3
+ export declare const audioPlayerDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
4
+ export declare const registerAudioPlayer: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,5 @@
1
+ export interface AudioPlayerLocale {
2
+ playButtonLabel: string;
3
+ pauseButtonLabel: string;
4
+ sliderLabel: string;
5
+ }
@@ -1,9 +1,11 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import { Connotation } from '../enums';
3
+ import { Localized } from '../../shared/patterns';
3
4
  import { AffixIcon } from '../../shared/patterns/affix';
4
5
  export type BannerConnotation = Connotation.Information | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
5
6
  export declare class Banner extends FoundationElement {
6
7
  #private;
8
+ dismissButtonAriaLabel: string | null;
7
9
  role: string | null;
8
10
  actionHref: string | undefined;
9
11
  actionText: string | undefined;
@@ -16,5 +18,5 @@ export declare class Banner extends FoundationElement {
16
18
  disconnectedCallback(): void;
17
19
  remove(): void;
18
20
  }
19
- export interface Banner extends AffixIcon {
21
+ export interface Banner extends Localized, AffixIcon {
20
22
  }
@@ -0,0 +1,3 @@
1
+ export interface BannerLocale {
2
+ dismissButtonLabel: string;
3
+ }
@@ -1,5 +1,8 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import type { Appearance } from '../enums.js';
3
+ export type CardAppearance = Extract<Appearance, Appearance.Elevated | Appearance.Ghost | Appearance.Outlined>;
2
4
  export declare class Card extends FoundationElement {
5
+ appearance?: CardAppearance;
3
6
  headline?: string;
4
7
  subtitle?: string;
5
8
  text?: string;
@@ -1,4 +1,4 @@
1
1
  import type { ViewTemplate } from '@microsoft/fast-element';
2
2
  import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
3
  import type { Card } from './card';
4
- export declare const CardTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Card>;
4
+ export declare const CardTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition, elevationTag: string) => ViewTemplate<Card>;
@@ -1 +1,2 @@
1
+ export type { CardAppearance } from './card';
1
2
  export declare const registerCard: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -4,6 +4,8 @@ import { type ErrorText, type FormElement, FormElementHelperText, FormElementSuc
4
4
  export declare const keySpace: ' ';
5
5
  export type CheckboxConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
6
6
  export declare class Checkbox extends FoundationCheckbox {
7
+ ariaLabel: string | null;
8
+ tabindex: string | null;
7
9
  connotation?: CheckboxConnotation;
8
10
  }
9
11
  export interface Checkbox extends FormElement, FormElementHelperText, ErrorText, FormElementSuccessText {
@@ -2,6 +2,7 @@ export * from './accordion-item/definition';
2
2
  export * from './accordion/definition';
3
3
  export * from './action-group/definition';
4
4
  export * from './alert/definition';
5
+ export * from './audio-player/definition';
5
6
  export * from './avatar/definition';
6
7
  export * from './badge/definition';
7
8
  export * from './banner/definition';
@@ -38,6 +39,7 @@ export * from './progress/definition';
38
39
  export * from './radio-group/definition';
39
40
  export * from './radio/definition';
40
41
  export * from './select/definition';
42
+ export * from './selectable-box/definition';
41
43
  export * from './side-drawer/definition';
42
44
  export * from './slider/definition';
43
45
  export * from './split-button/definition';
@@ -1,4 +1,5 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import { Localized } from '../../shared/patterns';
2
3
  export declare const isDialogSupported: boolean;
3
4
  export type IconPlacement = 'top' | 'side';
4
5
  export declare class Dialog extends FoundationElement {
@@ -12,6 +13,7 @@ export declare class Dialog extends FoundationElement {
12
13
  ariaLabelledBy: string | null;
13
14
  ariaLabel: string | null;
14
15
  ariaDescribedBy: string | null;
16
+ dismissButtonAriaLabel: string | null;
15
17
  set returnValue(value: string);
16
18
  get returnValue(): string;
17
19
  get modal(): boolean;
@@ -24,3 +26,5 @@ export declare class Dialog extends FoundationElement {
24
26
  footerSlottedContent?: HTMLElement[];
25
27
  actionItemsSlottedContent?: HTMLElement[];
26
28
  }
29
+ export interface Dialog extends Localized {
30
+ }
@@ -0,0 +1,3 @@
1
+ export interface DialogLocale {
2
+ dismissButtonLabel: string;
3
+ }
package/lib/enums.d.ts CHANGED
@@ -23,7 +23,8 @@ export declare enum Appearance {
23
23
  Fieldset = "fieldset",
24
24
  Subtle = "subtle",
25
25
  Ghost = "ghost",
26
- Listitem = "listitem"
26
+ Listitem = "listitem",
27
+ Elevated = "elevated"
27
28
  }
28
29
  export declare enum Size {
29
30
  UltraCondensed = "ultra-condensed",
@@ -10,6 +10,7 @@ export declare class Menu extends FastMenu {
10
10
  autoDismissChanged(oldValue: boolean, newValue: boolean): void;
11
11
  open: boolean;
12
12
  openChanged(_: boolean, newValue: boolean): void;
13
+ constructor();
13
14
  disconnectedCallback(): void;
14
15
  actionItemsSlottedContent?: HTMLElement[];
15
16
  }
@@ -0,0 +1,4 @@
1
+ export interface NumberFieldLocale {
2
+ incrementButtonLabel: string;
3
+ decrementButtonLabel: string;
4
+ }
@@ -1,10 +1,12 @@
1
1
  import { NumberField as FastNumberField } from '@microsoft/fast-foundation';
2
2
  import type { Appearance, Shape } from '../enums';
3
- import { type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
3
+ import { type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
4
4
  import { AffixIcon } from '../../shared/patterns';
5
5
  export type NumberFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
6
6
  export type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
7
  export declare class NumberField extends FastNumberField {
8
+ incrementButtonAriaLabel: string | null;
9
+ decrementButtonAriaLabel: string | null;
8
10
  appearance?: NumberFieldAppearance;
9
11
  shape?: NumberFieldShape;
10
12
  autoComplete?: string;
@@ -13,5 +15,5 @@ export declare class NumberField extends FastNumberField {
13
15
  stepUp(): void;
14
16
  stepDown(): void;
15
17
  }
16
- export interface NumberField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
18
+ export interface NumberField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText, Localized {
17
19
  }
@@ -3,6 +3,7 @@ import type { Connotation, ConnotationDecorative, Shape } from '../enums';
3
3
  export type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
4
4
  export type ProgressShape = Shape.Rounded | Shape.Sharp;
5
5
  export declare class Progress extends BaseProgress {
6
+ ariaLabel: string | null;
6
7
  shape?: ProgressShape;
7
8
  connotation?: ProgressConnotation;
8
9
  reverse: boolean;