@vonage/vivid 3.31.0 → 3.34.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 (237) hide show
  1. package/accordion/index.js +5 -5
  2. package/accordion-item/index.js +4 -4
  3. package/action-group/index.js +1 -1
  4. package/alert/index.js +8 -7
  5. package/avatar/index.js +2 -2
  6. package/badge/index.js +2 -2
  7. package/banner/index.js +5 -5
  8. package/breadcrumb/index.js +1 -1
  9. package/breadcrumb-item/index.js +3 -3
  10. package/button/index.js +4 -4
  11. package/calendar/index.js +1 -1
  12. package/calendar-event/index.js +1 -1
  13. package/card/index.js +3 -3
  14. package/checkbox/index.js +7 -4
  15. package/combobox/index.js +10 -9
  16. package/custom-elements.json +996 -29
  17. package/data-grid/index.js +2 -2
  18. package/date-picker/index.js +35 -0
  19. package/dialog/index.js +6 -6
  20. package/divider/index.js +1 -1
  21. package/elevation/index.js +1 -1
  22. package/empty-state/index.js +2 -2
  23. package/fab/index.js +4 -4
  24. package/file-picker/index.js +7 -6
  25. package/focus/index.js +1 -1
  26. package/header/index.js +2 -2
  27. package/icon/index.js +1 -1
  28. package/index.d.ts +1 -0
  29. package/index.js +68 -66
  30. package/layout/index.js +1 -1
  31. package/lib/button/button.d.ts +2 -0
  32. package/lib/calendar/calendar.d.ts +1 -1
  33. package/lib/components.d.ts +20 -19
  34. package/lib/date-picker/calendar/calendarGrid.d.ts +17 -0
  35. package/lib/date-picker/calendar/dateStr.d.ts +7 -0
  36. package/lib/date-picker/calendar/month.d.ts +12 -0
  37. package/lib/date-picker/calendar/monthPickerGrid.d.ts +10 -0
  38. package/lib/date-picker/calendar/presentationDate.d.ts +4 -0
  39. package/lib/date-picker/calendar/year.d.ts +2 -0
  40. package/lib/date-picker/date-picker.d.ts +18 -0
  41. package/lib/date-picker/date-picker.template.d.ts +4 -0
  42. package/lib/date-picker/definition.d.ts +3 -0
  43. package/lib/date-picker/locale.d.ts +21 -0
  44. package/lib/icon/icon.d.ts +0 -1
  45. package/lib/listbox/listbox.d.ts +9 -1
  46. package/lib/select/select.d.ts +4 -2
  47. package/lib/text-field/text-field.d.ts +1 -0
  48. package/listbox/index.js +22 -17
  49. package/locales/en-GB.d.ts +3 -0
  50. package/locales/en-GB.js +59 -0
  51. package/locales/en-US.d.ts +3 -0
  52. package/locales/en-US.js +59 -0
  53. package/locales/ja-JP.d.ts +3 -0
  54. package/locales/ja-JP.js +59 -0
  55. package/locales/zh-CN.d.ts +3 -0
  56. package/locales/zh-CN.js +59 -0
  57. package/menu/index.js +8 -8
  58. package/menu-item/index.js +4 -4
  59. package/nav/index.js +1 -1
  60. package/nav-disclosure/index.js +3 -3
  61. package/nav-item/index.js +3 -3
  62. package/note/index.js +4 -4
  63. package/number-field/index.js +8 -7
  64. package/option/index.js +5 -4
  65. package/package.json +2 -15
  66. package/pagination/index.js +5 -5
  67. package/popup/index.js +6 -6
  68. package/progress/index.js +1 -1
  69. package/progress-ring/index.js +1 -1
  70. package/radio/index.js +2 -2
  71. package/radio-group/index.js +1 -1
  72. package/select/index.js +10 -9
  73. package/shared/affix.js +25 -9
  74. package/shared/apply-mixins.js +1 -1
  75. package/shared/breadcrumb-item.js +5 -5
  76. package/shared/button.js +13 -13
  77. package/shared/calendar-event.js +36 -16
  78. package/shared/definition.js +133 -194
  79. package/shared/definition10.js +225 -40
  80. package/shared/definition11.js +36 -32
  81. package/shared/definition12.js +763 -98
  82. package/shared/definition13.js +125 -89
  83. package/shared/definition14.js +207 -27
  84. package/shared/definition15.js +710 -731
  85. package/shared/definition16.js +1289 -47
  86. package/shared/definition17.js +6113 -93
  87. package/shared/definition18.js +242 -164
  88. package/shared/definition19.js +47 -692
  89. package/shared/definition2.js +199 -117
  90. package/shared/definition20.js +59 -1671
  91. package/shared/definition21.js +95 -255
  92. package/shared/definition22.js +2218 -1167
  93. package/shared/definition23.js +57 -219
  94. package/shared/definition24.js +27 -68
  95. package/shared/definition25.js +54 -38
  96. package/shared/definition26.js +395 -70
  97. package/shared/definition27.js +381 -2223
  98. package/shared/definition28.js +85 -44
  99. package/shared/definition29.js +27 -40
  100. package/shared/definition3.js +61 -24
  101. package/shared/definition30.js +13 -427
  102. package/shared/definition31.js +49 -360
  103. package/shared/definition32.js +466 -13
  104. package/shared/definition33.js +273 -63
  105. package/shared/definition34.js +195 -25
  106. package/shared/definition35.js +86 -35
  107. package/shared/definition36.js +66 -427
  108. package/shared/definition37.js +430 -190
  109. package/shared/definition38.js +34 -52
  110. package/shared/definition39.js +683 -31
  111. package/shared/definition4.js +157 -12
  112. package/shared/definition40.js +97 -422
  113. package/shared/definition41.js +473 -543
  114. package/shared/definition42.js +122 -73
  115. package/shared/definition43.js +103 -502
  116. package/shared/definition44.js +23 -101
  117. package/shared/definition45.js +76 -126
  118. package/shared/definition46.js +494 -48
  119. package/shared/definition47.js +23 -23
  120. package/shared/definition48.js +126 -476
  121. package/shared/definition49.js +275 -98
  122. package/shared/definition5.js +71 -36
  123. package/shared/definition50.js +157 -16
  124. package/shared/definition51.js +133 -263
  125. package/shared/definition52.js +131 -115
  126. package/shared/definition53.js +85 -120
  127. package/shared/definition54.js +295 -111
  128. package/shared/definition55.js +12 -71
  129. package/shared/definition56.js +39 -295
  130. package/shared/definition57.js +181 -0
  131. package/shared/definition6.js +56 -111
  132. package/shared/definition7.js +119 -187
  133. package/shared/definition8.js +58 -23
  134. package/shared/definition9.js +92 -66
  135. package/shared/focus.js +2 -1
  136. package/shared/focus2.js +1 -1
  137. package/shared/form-associated.js +2 -2
  138. package/shared/icon.js +48 -27
  139. package/shared/index.js +7 -27
  140. package/shared/index2.js +202 -0
  141. package/shared/key-codes.js +1 -1
  142. package/shared/listbox.js +88 -11
  143. package/shared/localization/Locale.d.ts +4 -0
  144. package/shared/localization/index.d.ts +7 -0
  145. package/shared/patterns/form-elements/form-elements.d.ts +4 -4
  146. package/shared/patterns/index.d.ts +1 -0
  147. package/shared/patterns/localized.d.ts +4 -0
  148. package/shared/radio.js +23 -7
  149. package/shared/repeat.js +1 -1
  150. package/shared/text-anchor.js +21 -4
  151. package/shared/text-anchor.template.js +37 -40
  152. package/shared/text-field.js +2 -2
  153. package/shared/text-field2.js +15 -15
  154. package/shared/tree-item.js +12 -12
  155. package/side-drawer/index.js +1 -1
  156. package/slider/index.js +2 -2
  157. package/split-button/index.js +3 -3
  158. package/style.css +6097 -0
  159. package/styles/core/all.css +25 -3
  160. package/styles/core/theme.css +1 -1
  161. package/styles/core/typography.css +25 -3
  162. package/styles/tokens/theme-dark.css +4 -4
  163. package/styles/tokens/theme-light.css +4 -4
  164. package/styles/tokens/vivid-2-compat.css +2 -2
  165. package/switch/index.js +5 -4
  166. package/tab/index.js +3 -3
  167. package/tab-panel/index.js +1 -1
  168. package/tabs/index.js +5 -5
  169. package/tag/index.js +3 -3
  170. package/tag-group/index.js +1 -1
  171. package/text-anchor/index.js +1 -1
  172. package/text-area/index.js +5 -4
  173. package/text-field/index.js +5 -4
  174. package/toggletip/index.js +7 -7
  175. package/tooltip/index.js +7 -7
  176. package/tree-item/index.js +3 -3
  177. package/tree-view/index.js +1 -1
  178. package/vivid.api.json +137 -0
  179. package/lib/accordion/index.d.ts +0 -1
  180. package/lib/accordion-item/index.d.ts +0 -1
  181. package/lib/action-group/index.d.ts +0 -1
  182. package/lib/alert/index.d.ts +0 -1
  183. package/lib/avatar/index.d.ts +0 -1
  184. package/lib/badge/index.d.ts +0 -1
  185. package/lib/banner/index.d.ts +0 -1
  186. package/lib/breadcrumb/index.d.ts +0 -1
  187. package/lib/breadcrumb-item/index.d.ts +0 -1
  188. package/lib/button/index.d.ts +0 -1
  189. package/lib/calendar/index.d.ts +0 -1
  190. package/lib/calendar-event/index.d.ts +0 -1
  191. package/lib/card/index.d.ts +0 -1
  192. package/lib/checkbox/index.d.ts +0 -1
  193. package/lib/combobox/index.d.ts +0 -1
  194. package/lib/data-grid/index.d.ts +0 -1
  195. package/lib/dialog/index.d.ts +0 -1
  196. package/lib/divider/index.d.ts +0 -1
  197. package/lib/elevation/index.d.ts +0 -1
  198. package/lib/empty-state/index.d.ts +0 -1
  199. package/lib/fab/index.d.ts +0 -1
  200. package/lib/file-picker/index.d.ts +0 -1
  201. package/lib/focus/index.d.ts +0 -1
  202. package/lib/header/index.d.ts +0 -1
  203. package/lib/icon/index.d.ts +0 -1
  204. package/lib/layout/index.d.ts +0 -1
  205. package/lib/listbox/index.d.ts +0 -1
  206. package/lib/menu/index.d.ts +0 -1
  207. package/lib/menu-item/index.d.ts +0 -1
  208. package/lib/nav/index.d.ts +0 -1
  209. package/lib/nav-disclosure/index.d.ts +0 -1
  210. package/lib/nav-item/index.d.ts +0 -1
  211. package/lib/note/index.d.ts +0 -1
  212. package/lib/number-field/index.d.ts +0 -1
  213. package/lib/option/index.d.ts +0 -1
  214. package/lib/pagination/index.d.ts +0 -1
  215. package/lib/popup/index.d.ts +0 -1
  216. package/lib/progress/index.d.ts +0 -1
  217. package/lib/progress-ring/index.d.ts +0 -1
  218. package/lib/radio/index.d.ts +0 -1
  219. package/lib/radio-group/index.d.ts +0 -1
  220. package/lib/select/index.d.ts +0 -1
  221. package/lib/side-drawer/index.d.ts +0 -1
  222. package/lib/slider/index.d.ts +0 -1
  223. package/lib/split-button/index.d.ts +0 -1
  224. package/lib/switch/index.d.ts +0 -1
  225. package/lib/tab/index.d.ts +0 -1
  226. package/lib/tab-panel/index.d.ts +0 -1
  227. package/lib/tabs/index.d.ts +0 -1
  228. package/lib/tag/index.d.ts +0 -1
  229. package/lib/tag-group/index.d.ts +0 -1
  230. package/lib/text-anchor/index.d.ts +0 -1
  231. package/lib/text-area/index.d.ts +0 -1
  232. package/lib/text-field/index.d.ts +0 -1
  233. package/lib/toggletip/index.d.ts +0 -1
  234. package/lib/tooltip/index.d.ts +0 -1
  235. package/lib/tree-item/index.d.ts +0 -1
  236. package/lib/tree-view/index.d.ts +0 -1
  237. package/shared/form-elements.js +0 -162
@@ -1,5 +1,5 @@
1
- import { r as registerDataGrid } from '../shared/definition22.js';
2
- import '../shared/definition3.js';
1
+ import { r as registerDataGrid } from '../shared/definition16.js';
2
+ import '../shared/definition24.js';
3
3
  import '../shared/index.js';
4
4
  import '../shared/icon.js';
5
5
  import '../shared/_has.js';
@@ -0,0 +1,35 @@
1
+ import { r as registerDatePicker } from '../shared/definition17.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition57.js';
4
+ import '../shared/definition10.js';
5
+ import '../shared/definition24.js';
6
+ import '../shared/icon.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/class-names.js';
9
+ import '../shared/when.js';
10
+ import '../shared/definition55.js';
11
+ import '../shared/focus.js';
12
+ import '../shared/definition35.js';
13
+ import '../shared/base-progress.js';
14
+ import '../shared/affix.js';
15
+ import '../shared/button.js';
16
+ import '../shared/apply-mixins.js';
17
+ import '../shared/form-associated.js';
18
+ import '../shared/key-codes.js';
19
+ import '../shared/aria-global.js';
20
+ import '../shared/start-end.js';
21
+ import '../shared/ref.js';
22
+ import '../shared/focus2.js';
23
+ import '../shared/definition56.js';
24
+ import '../shared/definition50.js';
25
+ import '../shared/index2.js';
26
+ import '../locales/en-US.js';
27
+ import '../shared/text-field2.js';
28
+ import '../shared/text-field.js';
29
+ import '../shared/slotted.js';
30
+ import '../shared/node-observation.js';
31
+ import '../shared/definition19.js';
32
+ import '../shared/aria.js';
33
+ import '../shared/repeat.js';
34
+
35
+ registerDatePicker();
package/dialog/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import { r as registerDialog } from '../shared/definition23.js';
1
+ import { r as registerDialog } from '../shared/definition18.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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/definition7.js';
9
- import '../shared/definition4.js';
8
+ import '../shared/definition10.js';
9
+ import '../shared/definition55.js';
10
10
  import '../shared/focus.js';
11
- import '../shared/definition9.js';
11
+ import '../shared/definition35.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/button.js';
@@ -19,7 +19,7 @@ import '../shared/aria-global.js';
19
19
  import '../shared/start-end.js';
20
20
  import '../shared/ref.js';
21
21
  import '../shared/focus2.js';
22
- import '../shared/definition8.js';
22
+ import '../shared/definition56.js';
23
23
  import '../shared/slotted.js';
24
24
  import '../shared/node-observation.js';
25
25
 
package/divider/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerDivider } from '../shared/definition24.js';
1
+ import { r as registerDivider } from '../shared/definition19.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/definition8.js';
1
+ import { r as registerElevation } from '../shared/definition56.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/definition25.js';
1
+ import { r as registerEmptyState } from '../shared/definition20.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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,15 +1,15 @@
1
- import { r as registerFab } from '../shared/definition26.js';
1
+ import { r as registerFab } from '../shared/definition21.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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/definition4.js';
8
+ import '../shared/definition55.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
- import '../shared/button.js';
12
11
  import '../shared/apply-mixins.js';
12
+ import '../shared/button.js';
13
13
  import '../shared/form-associated.js';
14
14
  import '../shared/key-codes.js';
15
15
  import '../shared/aria-global.js';
@@ -1,14 +1,14 @@
1
- import { r as registerFilePicker } from '../shared/definition27.js';
1
+ import { r as registerFilePicker } from '../shared/definition22.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition3.js';
3
+ import '../shared/definition24.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/definition4.js';
8
+ import '../shared/definition55.js';
9
9
  import '../shared/focus.js';
10
- import '../shared/definition7.js';
11
- import '../shared/definition9.js';
10
+ import '../shared/definition10.js';
11
+ import '../shared/definition35.js';
12
12
  import '../shared/base-progress.js';
13
13
  import '../shared/affix.js';
14
14
  import '../shared/button.js';
@@ -19,6 +19,7 @@ import '../shared/aria-global.js';
19
19
  import '../shared/start-end.js';
20
20
  import '../shared/ref.js';
21
21
  import '../shared/focus2.js';
22
- import '../shared/form-elements.js';
22
+ import '../shared/index2.js';
23
+ import '../locales/en-US.js';
23
24
 
24
25
  registerFilePicker();
package/focus/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerFocus } from '../shared/definition4.js';
1
+ import { r as registerFocus } from '../shared/definition55.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/definition28.js';
1
+ import { r as registerHeader } from '../shared/definition23.js';
2
2
  import '../shared/index.js';
3
- import '../shared/definition8.js';
3
+ import '../shared/definition56.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/definition3.js';
1
+ import { r as registerIcon } from '../shared/definition24.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/icon.js';
4
4
  import '../shared/_has.js';
package/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './lib/components';
2
2
  export * from './lib/enums';
3
3
  export * from './shared/design-system';
4
+ export { setLocale } from './shared/localization';
package/index.js CHANGED
@@ -1,74 +1,75 @@
1
- export { a as accordionDefinition, b as accordionRegistries, r as registerAccordion } from './shared/definition.js';
2
- export { b as accordionItemDefinition, a as accordionItemRegistries, r as registerAccordionItem } from './shared/definition2.js';
3
- export { a as actionGroupDefinition, b as actionGroupRegistries, r as registerActionGroup } from './shared/definition5.js';
4
- export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition10.js';
5
- export { b as badgeDefinition, r as registerBadge } from './shared/definition11.js';
6
- export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition12.js';
7
- export { a as alertDefinition, b as alertRegistries, r as registerAlert } from './shared/definition6.js';
8
- export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition13.js';
9
- export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition14.js';
10
- export { A as Appearance, e as AriaLive, C as Connotation, d as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, a as Size, c as buttonDefinition, b as buttonRegistries, r as registerButton } from './shared/definition7.js';
11
- export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition15.js';
12
- export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition16.js';
13
- export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition17.js';
14
- export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition18.js';
15
- export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition19.js';
16
- export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition25.js';
17
- export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition23.js';
18
- export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition24.js';
19
- export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition22.js';
20
- export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition26.js';
21
- export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition28.js';
22
- export { a as iconDefinition, i as iconRegistries, r as registerIcon } from './shared/definition3.js';
23
- export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition29.js';
24
- export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition21.js';
25
- export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition30.js';
26
- export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition31.js';
27
- export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition32.js';
28
- export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition33.js';
29
- export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition34.js';
30
- export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition35.js';
31
- export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition36.js';
32
- export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition37.js';
33
- export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition38.js';
34
- export { a as progressRingDefinition, p as progressRingRegistries, r as registerProgressRing } from './shared/definition9.js';
35
- export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition39.js';
36
- export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition40.js';
37
- export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition41.js';
38
- export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition42.js';
39
- export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition43.js';
40
- export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition44.js';
41
- export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition45.js';
42
- export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition52.js';
43
- export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition51.js';
44
- export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition53.js';
45
- export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition54.js';
46
- export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition48.js';
47
- export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition46.js';
48
- export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition47.js';
49
- export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition56.js';
50
- export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition55.js';
51
- export { r as registerTag, t as tagDefinition } from './shared/definition49.js';
52
- export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition50.js';
53
- export { f as filePickerDefinition, a as filePickerRegistries, r as registerFilePicker } from './shared/definition27.js';
54
- export { j as designSystem, r as registerFactory } from './shared/index.js';
55
- import './shared/key-codes.js';
56
- import './shared/numbers.js';
57
- import './shared/node-observation.js';
58
- import './shared/slotted.js';
59
- import './shared/class-names.js';
60
- import './shared/definition4.js';
1
+ export { a as accordionItemDefinition, b as accordionItemRegistries, r as registerAccordionItem } from './shared/definition.js';
2
+ export { a as accordionDefinition, b as accordionRegistries, r as registerAccordion } from './shared/definition2.js';
3
+ export { a as actionGroupDefinition, b as actionGroupRegistries, r as registerActionGroup } from './shared/definition3.js';
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 dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition18.js';
19
+ export { d as dividerDefinition, a as dividerRegistries, r as registerDivider } from './shared/definition19.js';
20
+ export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition20.js';
21
+ export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition21.js';
22
+ export { f as filePickerDefinition, a as filePickerRegistries, r as registerFilePicker } from './shared/definition22.js';
23
+ export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition23.js';
24
+ export { i as iconDefinition, a as iconRegistries, r as registerIcon } from './shared/definition24.js';
25
+ export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition25.js';
26
+ export { m as menuItemDefinition, a as menuItemRegistries, r as registerMenuItem } from './shared/definition26.js';
27
+ export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition27.js';
28
+ export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition28.js';
29
+ export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition29.js';
30
+ export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition30.js';
31
+ export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition31.js';
32
+ export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition32.js';
33
+ export { l as listboxOptionDefinition, a as listboxOptionRegistries, r as registerOption } from './shared/definition33.js';
34
+ export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition34.js';
35
+ export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition35.js';
36
+ export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition36.js';
37
+ export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition37.js';
38
+ export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition38.js';
39
+ export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition39.js';
40
+ export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition40.js';
41
+ export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition41.js';
42
+ export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition42.js';
43
+ export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition43.js';
44
+ export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition44.js';
45
+ export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition45.js';
46
+ export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition46.js';
47
+ export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition47.js';
48
+ export { r as registerTag, t as tagDefinition } from './shared/definition48.js';
49
+ export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition49.js';
50
+ export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition50.js';
51
+ export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition51.js';
52
+ export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition52.js';
53
+ export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition53.js';
54
+ export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition54.js';
55
+ export { d as designSystem, r as registerFactory } from './shared/index.js';
56
+ export { s as setLocale } from './shared/index2.js';
57
+ import './shared/definition55.js';
61
58
  import './shared/focus.js';
62
59
  import './shared/affix.js';
63
60
  import './shared/icon.js';
64
61
  import './shared/_has.js';
62
+ import './shared/apply-mixins.js';
65
63
  import './shared/start-end.js';
66
64
  import './shared/ref.js';
67
- import './shared/apply-mixins.js';
68
65
  import './shared/focus2.js';
69
66
  import './shared/when.js';
70
- import './shared/definition8.js';
71
- import './shared/form-elements.js';
67
+ import './shared/key-codes.js';
68
+ import './shared/numbers.js';
69
+ import './shared/node-observation.js';
70
+ import './shared/slotted.js';
71
+ import './shared/class-names.js';
72
+ import './shared/definition56.js';
72
73
  import './shared/button.js';
73
74
  import './shared/form-associated.js';
74
75
  import './shared/aria-global.js';
@@ -77,18 +78,19 @@ import './shared/anchor.js';
77
78
  import './shared/text-anchor.template.js';
78
79
  import './shared/calendar-event.js';
79
80
  import './shared/repeat.js';
80
- import './shared/definition20.js';
81
+ import './shared/definition57.js';
81
82
  import './shared/text-field.js';
82
83
  import './shared/listbox.js';
83
84
  import './shared/strings.js';
84
85
  import './shared/select.options.js';
85
- import './shared/aria.js';
86
86
  import './shared/children.js';
87
- import './shared/dom.js';
87
+ import './shared/aria.js';
88
88
  import './shared/direction.js';
89
+ import './shared/dom.js';
89
90
  import './shared/text-anchor.js';
90
91
  import './shared/text-field2.js';
91
92
  import './shared/base-progress.js';
92
93
  import './shared/radio.js';
93
94
  import './shared/aria2.js';
94
95
  import './shared/tree-item.js';
96
+ import './locales/en-US.js';
package/layout/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerLayout } from '../shared/definition29.js';
1
+ import { r as registerLayout } from '../shared/definition25.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/class-names.js';
4
4
 
@@ -6,6 +6,7 @@ export type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearanc
6
6
  export type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
7
  export type ButtonSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;
8
8
  export declare class Button extends FoundationButton {
9
+ title: string;
9
10
  connotation?: ButtonConnotation;
10
11
  shape?: ButtonShape;
11
12
  appearance?: ButtonAppearance;
@@ -13,6 +14,7 @@ export declare class Button extends FoundationButton {
13
14
  stacked: boolean;
14
15
  pending: boolean;
15
16
  label?: string;
17
+ constructor();
16
18
  }
17
19
  export interface Button extends AffixIconWithTrailing {
18
20
  }
@@ -5,7 +5,7 @@ export declare class Calendar extends FoundationElement {
5
5
  startDay?: 'sunday' | 'monday';
6
6
  locales?: string | string[] | undefined;
7
7
  hour12: boolean;
8
- getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => import("./helpers/calendar.event-context").CalendarEventContext | null;
8
+ getEventContext: (this: Calendar, e: MouseEvent | KeyboardEvent) => import("./helpers/calendar.event-context").CalendarEventContext | null;
9
9
  private getCalendarEventContainingCell;
10
10
  private arrowKeysInteractions;
11
11
  private activateElement;
@@ -1,53 +1,54 @@
1
- export * from './accordion/definition';
2
1
  export * from './accordion-item/definition';
2
+ export * from './accordion/definition';
3
3
  export * from './action-group/definition';
4
+ export * from './alert/definition';
4
5
  export * from './avatar/definition';
5
6
  export * from './badge/definition';
6
7
  export * from './banner/definition';
7
- export * from './alert/definition';
8
- export * from './breadcrumb/definition';
9
8
  export * from './breadcrumb-item/definition';
9
+ export * from './breadcrumb/definition';
10
10
  export * from './button/definition';
11
- export * from './calendar/definition';
12
11
  export * from './calendar-event/definition';
12
+ export * from './calendar/definition';
13
13
  export * from './card/definition';
14
14
  export * from './checkbox/definition';
15
15
  export * from './combobox/definition';
16
- export * from './empty-state/definition';
16
+ export * from './data-grid/definition';
17
+ export * from './date-picker/definition';
17
18
  export * from './dialog/definition';
18
19
  export * from './divider/definition';
19
- export * from './data-grid/definition';
20
+ export * from './empty-state/definition';
20
21
  export * from './fab/definition';
22
+ export * from './file-picker/definition';
21
23
  export * from './header/definition';
22
24
  export * from './icon/definition';
23
25
  export * from './layout/definition';
24
- export * from './option/definition';
25
- export * from './menu/definition';
26
26
  export * from './menu-item/definition';
27
- export * from './nav/definition';
27
+ export * from './menu/definition';
28
28
  export * from './nav-disclosure/definition';
29
29
  export * from './nav-item/definition';
30
+ export * from './nav/definition';
30
31
  export * from './note/definition';
31
32
  export * from './number-field/definition';
33
+ export * from './option/definition';
32
34
  export * from './pagination/definition';
33
- export * from './progress/definition';
34
35
  export * from './progress-ring/definition';
35
- export * from './radio/definition';
36
+ export * from './progress/definition';
36
37
  export * from './radio-group/definition';
38
+ export * from './radio/definition';
37
39
  export * from './select/definition';
38
40
  export * from './side-drawer/definition';
39
41
  export * from './slider/definition';
40
42
  export * from './split-button/definition';
41
43
  export * from './switch/definition';
42
- export * from './text-field/definition';
44
+ export * from './tab-panel/definition';
45
+ export * from './tab/definition';
46
+ export * from './tabs/definition';
47
+ export * from './tag-group/definition';
48
+ export * from './tag/definition';
43
49
  export * from './text-area/definition';
50
+ export * from './text-field/definition';
44
51
  export * from './toggletip/definition';
45
52
  export * from './tooltip/definition';
46
- export * from './tabs/definition';
47
- export * from './tab/definition';
48
- export * from './tab-panel/definition';
49
- export * from './tree-view/definition';
50
53
  export * from './tree-item/definition';
51
- export * from './tag/definition';
52
- export * from './tag-group/definition';
53
- export * from './file-picker/definition';
54
+ export * from './tree-view/definition';
@@ -0,0 +1,17 @@
1
+ import type { DatePickerLocale } from '../locale';
2
+ import { type DateStr } from './dateStr';
3
+ import { type Month } from './month';
4
+ export interface Weekday {
5
+ name: string;
6
+ shortName: string;
7
+ }
8
+ export interface CalendarGridDate {
9
+ date: DateStr;
10
+ label: string;
11
+ isOutsideMonth: boolean;
12
+ }
13
+ export type CalendarGrid = {
14
+ weekdays: Weekday[];
15
+ grid: CalendarGridDate[][];
16
+ };
17
+ export declare const buildCalendarGrid: (month: Month, locale: DatePickerLocale) => CalendarGrid;
@@ -0,0 +1,7 @@
1
+ export type DateStr = string;
2
+ export declare const formatDateStr: (date: Date) => DateStr;
3
+ export declare const currentDateStr: (now?: Date) => DateStr;
4
+ export declare const parseDateStr: (dateStr: DateStr) => Date;
5
+ export declare const addDays: (dateStr: DateStr, days: number) => DateStr;
6
+ export declare const compareDateStr: (a: DateStr, b: DateStr) => number;
7
+ export declare const isValidDateStr: (string: string) => boolean;
@@ -0,0 +1,12 @@
1
+ import { type DateStr } from './dateStr';
2
+ export type MonthNumber = number;
3
+ export type Month = {
4
+ month: MonthNumber;
5
+ year: number;
6
+ };
7
+ export declare const getCurrentMonth: (now?: Date) => Month;
8
+ export declare const monthOfDate: (dateStr: DateStr) => Month;
9
+ export declare const addMonths: ({ month, year }: Month, months: number) => Month;
10
+ export declare const compareMonths: (a: Month, b: Month) => number;
11
+ export declare const areMonthsEqual: (a: Month, b: Month) => boolean;
12
+ export declare const monthToStr: ({ month, year }: Month) => string;
@@ -0,0 +1,10 @@
1
+ import type { DatePickerLocale } from '../locale';
2
+ import { type Month } from './month';
3
+ export interface MonthPickerGridCell {
4
+ month: Month;
5
+ label: string;
6
+ monthName: string;
7
+ }
8
+ export type MonthPickerGrid = MonthPickerGridCell[][];
9
+ export declare const MonthsPerRow = 4;
10
+ export declare const buildMonthPickerGrid: (year: number, locale: DatePickerLocale) => MonthPickerGrid;
@@ -0,0 +1,4 @@
1
+ import type { DatePickerLocale } from '../locale';
2
+ import { type DateStr } from './dateStr';
3
+ export declare const formatPresentationDate: (dateStr: DateStr, locale: DatePickerLocale) => string;
4
+ export declare const parsePresentationDate: (presentationDate: string, locale: DatePickerLocale) => DateStr;
@@ -0,0 +1,2 @@
1
+ import { type DateStr } from './dateStr';
2
+ export declare const yearOfDate: (dateStr: DateStr) => number;
@@ -0,0 +1,18 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import { Localized } from '../../shared/patterns';
3
+ import { type DateStr } from './calendar/dateStr';
4
+ export declare class DatePicker extends FoundationElement {
5
+ #private;
6
+ label?: string;
7
+ helperText?: string;
8
+ errorText?: string;
9
+ min: DateStr | null;
10
+ max: DateStr | null;
11
+ value: DateStr | null;
12
+ disabled: boolean;
13
+ readOnly: boolean;
14
+ connectedCallback(): void;
15
+ disconnectedCallback(): void;
16
+ }
17
+ export interface DatePicker extends Localized {
18
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { DatePicker } from './date-picker';
4
+ export declare const DatePickerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<DatePicker>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const datePickerDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerDatePicker: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,21 @@
1
+ export interface DatePickerLocale {
2
+ months: {
3
+ name: string[];
4
+ shorthand: string[];
5
+ };
6
+ weekdays: {
7
+ name: string[];
8
+ shorthand: string[];
9
+ };
10
+ firstDayOfWeek: number;
11
+ dateFormat: string;
12
+ dateFormatPlaceholder: string;
13
+ chooseDateLabel: string;
14
+ prevYearLabel: string;
15
+ prevMonthLabel: string;
16
+ nextMonthLabel: string;
17
+ nextYearLabel: string;
18
+ clearLabel: string;
19
+ okLabel: string;
20
+ invalidDateError: string;
21
+ }
@@ -1,6 +1,5 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import type { Connotation } from '../enums';
3
- export declare const ICON_SET_VERSION = "4.2.3";
4
3
  export type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Information>;
5
4
  export declare class Icon extends FoundationElement {
6
5
  connotation?: IconConnotation;
@@ -1,6 +1,14 @@
1
1
  import { ListboxElement as FoundationListboxElement } from '@microsoft/fast-foundation';
2
- import type { Appearance } from '../enums';
2
+ import type { Appearance, Shape } from '../enums';
3
3
  export type LisboxAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
4
+ type ListboxShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
4
5
  export declare class Listbox extends FoundationListboxElement {
6
+ #private;
5
7
  appearance?: LisboxAppearance;
8
+ orientation?: 'horizontal' | 'vertical';
9
+ orientationChanged(): void;
10
+ shape?: ListboxShape;
11
+ slottedOptionsChanged(prev: Element[] | undefined, next: Element[]): void;
12
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
6
13
  }
14
+ export {};