@vonage/vivid 3.0.0-next.12 → 3.0.0-next.120

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 (291) hide show
  1. package/README.md +170 -4
  2. package/accordion/index.js +4 -60
  3. package/accordion-item/index.js +14 -118
  4. package/action-group/index.js +5 -0
  5. package/avatar/index.js +11 -0
  6. package/badge/index.js +9 -53
  7. package/banner/index.js +20 -210
  8. package/breadcrumb/index.js +7 -96
  9. package/breadcrumb-item/index.js +15 -46
  10. package/button/index.js +19 -751
  11. package/calendar/index.js +5 -1520
  12. package/calendar-event/index.js +9 -0
  13. package/card/index.js +13 -0
  14. package/checkbox/index.js +16 -0
  15. package/custom-elements.json +5784 -0
  16. package/dialog/index.js +24 -0
  17. package/divider/index.js +6 -0
  18. package/elevation/index.js +4 -30
  19. package/fab/index.js +22 -0
  20. package/focus/index.js +4 -2
  21. package/header/index.js +58 -0
  22. package/icon/index.js +8 -36
  23. package/index.js +65 -26
  24. package/layout/index.js +4 -52
  25. package/lib/accordion/definition.d.ts +3 -0
  26. package/lib/accordion/index.d.ts +1 -2
  27. package/lib/accordion-item/definition.d.ts +3 -0
  28. package/lib/accordion-item/index.d.ts +1 -3
  29. package/lib/action-group/action-group.d.ts +10 -0
  30. package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts} +2 -2
  31. package/lib/action-group/definition.d.ts +3 -0
  32. package/lib/action-group/index.d.ts +1 -0
  33. package/lib/avatar/avatar.d.ts +15 -0
  34. package/lib/avatar/avatar.template.d.ts +4 -0
  35. package/lib/avatar/definition.d.ts +3 -0
  36. package/lib/avatar/index.d.ts +1 -0
  37. package/lib/badge/badge.d.ts +2 -4
  38. package/lib/badge/definition.d.ts +3 -0
  39. package/lib/badge/index.d.ts +1 -3
  40. package/lib/banner/banner.d.ts +1 -1
  41. package/lib/banner/banner.template.d.ts +0 -2
  42. package/lib/banner/definition.d.ts +3 -0
  43. package/lib/banner/index.d.ts +1 -2
  44. package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
  45. package/lib/breadcrumb/definition.d.ts +3 -0
  46. package/lib/breadcrumb/index.d.ts +1 -2
  47. package/lib/breadcrumb-item/definition.d.ts +3 -0
  48. package/lib/breadcrumb-item/index.d.ts +1 -3
  49. package/lib/button/button.d.ts +3 -2
  50. package/lib/button/definition.d.ts +3 -0
  51. package/lib/button/index.d.ts +1 -21
  52. package/lib/calendar/calendar.d.ts +3 -1
  53. package/lib/calendar/definition.d.ts +3 -0
  54. package/lib/calendar/index.d.ts +1 -3
  55. package/lib/calendar-event/calendar-event.d.ts +14 -0
  56. package/lib/calendar-event/calendar-event.template.d.ts +4 -0
  57. package/lib/calendar-event/definition.d.ts +3 -0
  58. package/lib/calendar-event/index.d.ts +1 -0
  59. package/lib/card/card.d.ts +10 -0
  60. package/lib/{text/text.template.d.ts → card/card.template.d.ts} +2 -2
  61. package/lib/card/definition.d.ts +3 -0
  62. package/lib/card/index.d.ts +1 -0
  63. package/lib/checkbox/checkbox.d.ts +5 -0
  64. package/lib/checkbox/checkbox.template.d.ts +4 -0
  65. package/lib/checkbox/definition.d.ts +3 -0
  66. package/lib/checkbox/index.d.ts +1 -0
  67. package/lib/components.d.ts +38 -16
  68. package/lib/dialog/definition.d.ts +3 -0
  69. package/lib/dialog/dialog.d.ts +23 -0
  70. package/lib/dialog/dialog.template.d.ts +4 -0
  71. package/lib/dialog/index.d.ts +1 -0
  72. package/lib/divider/definition.d.ts +3 -0
  73. package/lib/divider/divider.d.ts +3 -0
  74. package/lib/divider/divider.template.d.ts +4 -0
  75. package/lib/divider/index.d.ts +1 -0
  76. package/lib/elevation/definition.d.ts +3 -0
  77. package/lib/elevation/elevation.d.ts +1 -0
  78. package/lib/elevation/index.d.ts +1 -2
  79. package/lib/enums.d.ts +19 -6
  80. package/lib/fab/definition.d.ts +3 -0
  81. package/lib/fab/fab.d.ts +13 -0
  82. package/lib/fab/fab.template.d.ts +4 -0
  83. package/lib/fab/index.d.ts +1 -0
  84. package/lib/focus/definition.d.ts +3 -0
  85. package/lib/focus/index.d.ts +1 -2
  86. package/lib/header/definition.d.ts +3 -0
  87. package/lib/header/header.d.ts +5 -0
  88. package/lib/header/header.template.d.ts +4 -0
  89. package/lib/header/index.d.ts +1 -0
  90. package/lib/icon/definition.d.ts +3 -0
  91. package/lib/icon/icon.d.ts +5 -6
  92. package/lib/icon/index.d.ts +1 -2
  93. package/lib/layout/definition.d.ts +3 -0
  94. package/lib/layout/index.d.ts +1 -2
  95. package/lib/layout/layout.d.ts +4 -4
  96. package/lib/listbox/definition.d.ts +3 -0
  97. package/lib/listbox/index.d.ts +1 -0
  98. package/lib/listbox/listbox.d.ts +9 -0
  99. package/lib/listbox/listbox.template.d.ts +4 -0
  100. package/lib/menu/definition.d.ts +7 -0
  101. package/lib/menu/index.d.ts +1 -0
  102. package/lib/menu/menu.d.ts +10 -0
  103. package/lib/menu/menu.template.d.ts +3 -0
  104. package/lib/menu-item/definition.d.ts +3 -0
  105. package/lib/menu-item/index.d.ts +1 -0
  106. package/lib/menu-item/menu-item.d.ts +7 -0
  107. package/lib/menu-item/menu-item.template.d.ts +5 -0
  108. package/lib/nav/definition.d.ts +3 -0
  109. package/lib/nav/index.d.ts +1 -0
  110. package/lib/nav/nav.d.ts +3 -0
  111. package/lib/nav/nav.template.d.ts +4 -0
  112. package/lib/nav-disclosure/definition.d.ts +3 -0
  113. package/lib/nav-disclosure/index.d.ts +1 -0
  114. package/lib/nav-disclosure/nav-disclosure.d.ts +10 -0
  115. package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -0
  116. package/lib/nav-item/definition.d.ts +3 -0
  117. package/lib/nav-item/index.d.ts +1 -0
  118. package/lib/{sidenav-item/sidenav-item.d.ts → nav-item/nav-item.d.ts} +2 -2
  119. package/lib/nav-item/nav-item.template.d.ts +4 -0
  120. package/lib/note/definition.d.ts +3 -0
  121. package/lib/note/index.d.ts +1 -0
  122. package/lib/note/note.d.ts +10 -0
  123. package/lib/note/note.template.d.ts +4 -0
  124. package/lib/number-field/definition.d.ts +3 -0
  125. package/lib/number-field/index.d.ts +1 -0
  126. package/lib/number-field/number-field.d.ts +14 -0
  127. package/lib/number-field/number-field.template.d.ts +4 -0
  128. package/lib/option/definition.d.ts +3 -0
  129. package/lib/option/index.d.ts +1 -0
  130. package/lib/option/option.d.ts +9 -0
  131. package/lib/option/option.template.d.ts +4 -0
  132. package/lib/popup/definition.d.ts +4 -0
  133. package/lib/popup/index.d.ts +1 -4
  134. package/lib/popup/popup.d.ts +6 -4
  135. package/lib/progress/definition.d.ts +3 -0
  136. package/lib/progress/index.d.ts +1 -2
  137. package/lib/progress/progress.d.ts +1 -1
  138. package/lib/progress-ring/definition.d.ts +3 -0
  139. package/lib/progress-ring/index.d.ts +1 -2
  140. package/lib/progress-ring/progress-ring.d.ts +2 -1
  141. package/lib/radio/definition.d.ts +3 -0
  142. package/lib/radio/index.d.ts +1 -0
  143. package/lib/radio/radio.d.ts +4 -0
  144. package/lib/radio/radio.template.d.ts +4 -0
  145. package/lib/radio-group/definition.d.ts +7 -0
  146. package/lib/radio-group/index.d.ts +1 -0
  147. package/lib/radio-group/radio-group.d.ts +4 -0
  148. package/lib/radio-group/radio-group.template.d.ts +4 -0
  149. package/lib/side-drawer/definition.d.ts +3 -0
  150. package/lib/side-drawer/index.d.ts +1 -2
  151. package/lib/side-drawer/side-drawer.d.ts +3 -2
  152. package/lib/slider/definition.d.ts +3 -0
  153. package/lib/slider/index.d.ts +1 -0
  154. package/lib/slider/slider.d.ts +4 -0
  155. package/lib/slider/slider.template.d.ts +4 -0
  156. package/lib/switch/definition.d.ts +3 -0
  157. package/lib/switch/index.d.ts +1 -0
  158. package/lib/switch/switch.d.ts +7 -0
  159. package/lib/switch/switch.template.d.ts +4 -0
  160. package/lib/text-anchor/definition.d.ts +3 -0
  161. package/lib/text-anchor/index.d.ts +1 -2
  162. package/lib/text-area/definition.d.ts +3 -0
  163. package/lib/text-area/index.d.ts +1 -0
  164. package/lib/text-area/text-area.d.ts +9 -0
  165. package/lib/text-area/text-area.template.d.ts +4 -0
  166. package/lib/text-field/definition.d.ts +3 -0
  167. package/lib/text-field/index.d.ts +1 -0
  168. package/lib/text-field/text-field.d.ts +14 -0
  169. package/lib/text-field/text-field.template.d.ts +4 -0
  170. package/lib/tooltip/definition.d.ts +3 -0
  171. package/lib/tooltip/index.d.ts +1 -3
  172. package/lib/tooltip/tooltip.d.ts +6 -6
  173. package/listbox/index.js +24 -0
  174. package/menu/index.js +30 -0
  175. package/menu-item/index.js +20 -0
  176. package/nav/index.js +4 -0
  177. package/nav-disclosure/index.js +17 -0
  178. package/nav-item/index.js +22 -0
  179. package/note/index.js +15 -0
  180. package/number-field/index.js +458 -0
  181. package/option/index.js +20 -0
  182. package/package.json +62 -10
  183. package/popup/index.js +21 -2062
  184. package/progress/index.js +6 -98
  185. package/progress-ring/index.js +6 -75
  186. package/radio/index.js +12 -0
  187. package/radio-group/index.js +11 -0
  188. package/shared/affix.js +2 -8
  189. package/shared/anchor.js +11 -3
  190. package/shared/apply-mixins.js +5 -4
  191. package/shared/aria-global.js +2 -86
  192. package/shared/aria.js +9 -0
  193. package/shared/base-progress.js +6 -1
  194. package/shared/breadcrumb-item.js +2 -2
  195. package/shared/button.js +200 -0
  196. package/shared/calendar-event.js +19 -0
  197. package/shared/definition.js +53 -0
  198. package/shared/definition10.js +99 -0
  199. package/shared/definition11.js +48 -0
  200. package/shared/definition12.js +1523 -0
  201. package/shared/definition13.js +111 -0
  202. package/shared/definition14.js +114 -0
  203. package/shared/definition15.js +32 -0
  204. package/shared/definition16.js +172 -0
  205. package/shared/definition17.js +223 -0
  206. package/shared/definition18.js +78 -0
  207. package/shared/definition19.js +87 -0
  208. package/shared/definition2.js +106 -0
  209. package/shared/definition20.js +44 -0
  210. package/shared/definition21.js +1078 -0
  211. package/shared/definition22.js +261 -0
  212. package/shared/definition23.js +348 -0
  213. package/shared/definition24.js +1529 -0
  214. package/shared/definition25.js +351 -0
  215. package/shared/definition26.js +18 -0
  216. package/shared/definition27.js +75 -0
  217. package/shared/definition28.js +31 -0
  218. package/shared/definition29.js +56 -0
  219. package/shared/definition3.js +29 -0
  220. package/shared/definition30.js +94 -0
  221. package/shared/definition31.js +77 -0
  222. package/shared/definition32.js +45 -0
  223. package/shared/definition33.js +435 -0
  224. package/shared/definition34.js +86 -0
  225. package/shared/definition35.js +592 -0
  226. package/shared/definition36.js +147 -0
  227. package/shared/definition37.js +279 -0
  228. package/shared/definition38.js +119 -0
  229. package/shared/definition39.js +77 -0
  230. package/shared/definition4.js +19 -0
  231. package/shared/definition5.js +38 -0
  232. package/shared/definition6.js +60 -0
  233. package/shared/definition7.js +45 -0
  234. package/shared/definition8.js +113 -0
  235. package/shared/definition9.js +107 -0
  236. package/shared/design-system/index.d.ts +1 -2
  237. package/shared/dialog-polyfill.esm.js +858 -0
  238. package/shared/direction.js +20 -0
  239. package/shared/dom.js +8 -0
  240. package/shared/enums.js +70 -0
  241. package/shared/es.object.assign.js +2 -3
  242. package/shared/es.regexp.to-string.js +59 -0
  243. package/shared/focus.js +5 -0
  244. package/shared/focus2.js +11 -0
  245. package/shared/form-associated.js +466 -0
  246. package/shared/form-elements.js +343 -0
  247. package/shared/icon.js +538 -567
  248. package/shared/index.js +1664 -83
  249. package/shared/key-codes.js +97 -0
  250. package/shared/numbers.js +25 -0
  251. package/shared/patterns/affix.d.ts +1 -1
  252. package/shared/patterns/focus.d.ts +3 -0
  253. package/shared/patterns/form-elements/form-elements.d.ts +31 -0
  254. package/shared/patterns/form-elements/index.d.ts +1 -0
  255. package/shared/patterns/index.d.ts +2 -0
  256. package/shared/radio.js +127 -0
  257. package/shared/ref.js +41 -0
  258. package/shared/slotted.js +1 -1
  259. package/shared/start-end.js +50 -0
  260. package/shared/string-trim.js +40 -0
  261. package/shared/text-anchor.js +0 -2
  262. package/shared/text-anchor.template.js +6 -5
  263. package/shared/to-string.js +51 -0
  264. package/side-drawer/index.js +5 -81
  265. package/slider/index.js +17 -0
  266. package/styles/core/all.css +86 -0
  267. package/styles/core/theme.css +11 -0
  268. package/styles/core/typography.css +80 -0
  269. package/styles/fonts/SpeziaCompleteVariableItalicWeb.woff2 +0 -0
  270. package/styles/fonts/SpeziaCompleteVariableUprightWeb.woff2 +0 -0
  271. package/styles/fonts/SpeziaMonoCompleteVariableWeb.woff2 +0 -0
  272. package/styles/fonts/spezia.css +9 -12
  273. package/styles/tokens/theme-dark.css +230 -0
  274. package/styles/tokens/theme-light.css +230 -0
  275. package/switch/index.js +17 -0
  276. package/text-anchor/index.js +12 -7
  277. package/text-area/index.js +22 -0
  278. package/text-field/index.js +22 -0
  279. package/tooltip/index.js +18 -55
  280. package/vivid.api.json +3769 -0
  281. package/lib/sidenav-item/index.d.ts +0 -3
  282. package/lib/text/index.d.ts +0 -2
  283. package/lib/text/text.d.ts +0 -10
  284. package/shared/index2.js +0 -21
  285. package/shared/object-set-prototype-of.js +0 -1009
  286. package/shared/style-inject.es.js +0 -28
  287. package/shared/web.dom-collections.iterator.js +0 -473
  288. package/sidenav-item/index.js +0 -39
  289. package/styles/themes/dark.css +0 -205
  290. package/styles/themes/light.css +0 -205
  291. package/text/index.js +0 -46
@@ -1,3 +1 @@
1
- import '../elevation';
2
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const vividCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
1
+ export {};
@@ -0,0 +1,14 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import type { Appearance, Connotation } from '../enums';
3
+ declare type CalendarEventConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
4
+ declare type CalendarEventAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
5
+ export declare class CalendarEvent extends FoundationElement {
6
+ heading?: string;
7
+ description?: string;
8
+ connotation?: CalendarEventConnotation;
9
+ appearance?: CalendarEventAppearance;
10
+ overlapCount?: number;
11
+ start?: number;
12
+ duration?: number;
13
+ }
14
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { CalendarEvent } from './calendar-event';
4
+ export declare const CalendarEventTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<CalendarEvent>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const calendarEventElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerCalendarEvent: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,10 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ export declare class Card extends FoundationElement {
3
+ headline?: string;
4
+ subtitle?: string;
5
+ text?: string;
6
+ icon?: string;
7
+ elevation?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
8
+ graphicSlottedContent?: HTMLElement[];
9
+ hasMetaSlottedContent?: HTMLElement[];
10
+ }
@@ -1,4 +1,4 @@
1
1
  import type { ViewTemplate } from '@microsoft/fast-element';
2
2
  import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Text } from './text';
4
- export declare const TextTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Text>;
3
+ import type { Card } from './card';
4
+ export declare const CardTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Card>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const cardElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerCard: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ import { Checkbox as FastCheckbox } from '@microsoft/fast-foundation';
2
+ export declare const keySpace: ' ';
3
+ export declare class Checkbox extends FastCheckbox {
4
+ label?: string;
5
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { CheckboxOptions, FoundationElementTemplate } from '@microsoft/fast-foundation';
3
+ import type { Checkbox } from './checkbox';
4
+ export declare const CheckboxTemplate: FoundationElementTemplate<ViewTemplate<Checkbox>, CheckboxOptions>;
@@ -0,0 +1,3 @@
1
+ import type { CheckboxOptions } from '@microsoft/fast-foundation';
2
+ export declare const checkboxElements: (import("@microsoft/fast-foundation").FoundationElementRegistry<CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
3
+ export declare const registerCheckbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,16 +1,38 @@
1
- export * from './text-anchor';
2
- export * from './badge';
3
- export * from './button';
4
- export * from './focus';
5
- export * from './icon';
6
- export * from './layout';
7
- export * from './elevation';
8
- export * from './breadcrumb-item';
9
- export * from './breadcrumb';
10
- export * from './side-drawer';
11
- export * from './calendar';
12
- export * from './popup';
13
- export * from './tooltip';
14
- export * from './banner';
15
- export * from './accordion-item';
16
- export * from './accordion';
1
+ export * from './accordion/definition';
2
+ export * from './accordion-item/definition';
3
+ export * from './action-group/definition';
4
+ export * from './avatar/definition';
5
+ export * from './badge/definition';
6
+ export * from './banner/definition';
7
+ export * from './breadcrumb/definition';
8
+ export * from './breadcrumb-item/definition';
9
+ export * from './button/definition';
10
+ export * from './calendar/definition';
11
+ export * from './calendar-event/definition';
12
+ export * from './card/definition';
13
+ export * from './checkbox/definition';
14
+ export * from './elevation/definition';
15
+ export * from './dialog/definition';
16
+ export * from './divider/definition';
17
+ export * from './fab/definition';
18
+ export * from './icon/definition';
19
+ export * from './layout/definition';
20
+ export * from './listbox/definition';
21
+ export * from './option/definition';
22
+ export * from './menu/definition';
23
+ export * from './menu-item/definition';
24
+ export * from './nav/definition';
25
+ export * from './nav-disclosure/definition';
26
+ export * from './nav-item/definition';
27
+ export * from './note/definition';
28
+ export * from './popup/definition';
29
+ export * from './progress/definition';
30
+ export * from './progress-ring/definition';
31
+ export * from './radio/definition';
32
+ export * from './radio-group/definition';
33
+ export * from './side-drawer/definition';
34
+ export * from './slider/definition';
35
+ export * from './switch/definition';
36
+ export * from './text-field/definition';
37
+ export * from './text-area/definition';
38
+ export * from './tooltip/definition';
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const dialogElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerDialog: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,23 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ declare type IconPlacement = 'top' | 'side';
3
+ export declare class Dialog extends FoundationElement {
4
+ #private;
5
+ open: boolean;
6
+ icon?: string;
7
+ iconPlacement?: IconPlacement;
8
+ text?: string;
9
+ headline?: string;
10
+ ariaLabelledBy: string | null;
11
+ ariaLabel: string | null;
12
+ ariaDescribedBy: string | null;
13
+ set returnValue(value: string);
14
+ get returnValue(): string;
15
+ get modal(): boolean;
16
+ openChanged(oldValue: boolean, newValue: boolean): void;
17
+ close(): void;
18
+ show(): void;
19
+ showModal(): void;
20
+ connectedCallback(): void;
21
+ disconnectedCallback(): void;
22
+ }
23
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Dialog } from './dialog';
4
+ export declare const DialogTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Dialog>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const dividerElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerDivider: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,3 @@
1
+ import { Divider as FoundationDivider } from '@microsoft/fast-foundation';
2
+ export declare class Divider extends FoundationDivider {
3
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Divider } from './divider';
4
+ export declare const DividerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Divider>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const elevationElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerElevation: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,4 +1,5 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  export declare class Elevation extends FoundationElement {
3
3
  dp?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
4
+ noShadow?: boolean;
4
5
  }
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDElevation: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
1
+ export {};
package/lib/enums.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export declare enum Connotation {
2
- Primary = "primary",
2
+ Accent = "accent",
3
3
  CTA = "cta",
4
4
  Success = "success",
5
5
  Alert = "alert",
6
6
  Warning = "warning",
7
- Info = "info",
7
+ Information = "information",
8
8
  Announcement = "announcement"
9
9
  }
10
10
  export declare enum ConnotationDecorative {
@@ -17,17 +17,30 @@ export declare enum Shape {
17
17
  Sharp = "sharp"
18
18
  }
19
19
  export declare enum Appearance {
20
- Text = "text",
21
20
  Filled = "filled",
22
21
  Outlined = "outlined",
23
22
  Duotone = "duotone",
23
+ Fieldset = "fieldset",
24
24
  Subtle = "subtle",
25
25
  Ghost = "ghost"
26
26
  }
27
27
  export declare enum Size {
28
- BaseSmall = "base-small",
29
- Base = "base",
30
- BaseLarge = "base-large"
28
+ UltraCondensed = "ultraCondensed",
29
+ SuperCondensed = "superCondensed",
30
+ ExtraCondensed = "extraCondensed",
31
+ SemiCondensed = "semiCondensed",
32
+ Condensed = "condensed",
33
+ Normal = "normal",
34
+ SemiExpanded = "semiExpanded",
35
+ Expanded = "expanded",
36
+ ExtraExpanded = "extraExpanded",
37
+ SuperExpanded = "superExpanded",
38
+ UltraExpanded = "ultraExpanded"
39
+ }
40
+ export declare enum LayoutSize {
41
+ Small = "small",
42
+ Medium = "medium",
43
+ Large = "large"
31
44
  }
32
45
  export declare enum Position {
33
46
  Top = "TOP",
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const fabElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerFab: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,13 @@
1
+ import { Button as FoundationButton } from '@microsoft/fast-foundation';
2
+ import type { Connotation, Size } from '../enums.js';
3
+ import { AffixIconWithTrailing } from '../../shared/patterns/affix';
4
+ export declare type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
5
+ declare type FABSize = Extract<Size, Size.Normal | Size.Expanded>;
6
+ export declare class Fab extends FoundationButton {
7
+ connotation?: FabConnotation;
8
+ size?: FABSize;
9
+ label?: string;
10
+ }
11
+ export interface Fab extends AffixIconWithTrailing {
12
+ }
13
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Fab } from './fab';
4
+ export declare const FabTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Fab>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const focusElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerFocus: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDFocus: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const headerElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerHeader: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,5 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ export declare class Header extends FoundationElement {
3
+ elevationShadow: boolean;
4
+ alternate: boolean;
5
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Header } from './header';
4
+ export declare const headerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Header>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const iconElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerIcon: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,11 +1,10 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
- import type { Connotation, Size } from '../enums';
3
- declare type IconConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Info>;
2
+ import type { Connotation } from '../enums';
3
+ declare type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Information>;
4
4
  export declare class Icon extends FoundationElement {
5
5
  connotation?: IconConnotation;
6
- size?: Size;
7
- svg?: string;
8
- type?: string;
9
- typeChanged(): Promise<void>;
6
+ size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
7
+ name?: string;
8
+ nameChanged(): Promise<void>;
10
9
  }
11
10
  export {};
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividIcon: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const layoutElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerLayout: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDLayout: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
1
+ export {};
@@ -1,12 +1,12 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
- import type { Size } from '../enums.js';
2
+ import type { LayoutSize } from '../enums.js';
3
3
  export declare enum AUTO_SIZING {
4
4
  Fit = "fit",
5
5
  Fill = "fill"
6
6
  }
7
- declare type Gutters = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
8
- declare type ColumnSpacing = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
9
- declare type ColumnBasis = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge> | 'block';
7
+ declare type Gutters = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
8
+ declare type ColumnSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
9
+ declare type ColumnBasis = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large> | 'block';
10
10
  export declare class Layout extends FoundationElement {
11
11
  gutters?: Gutters;
12
12
  columnBasis?: ColumnBasis;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const listboxElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerListbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,9 @@
1
+ import { ListboxElement as FoundationListboxElement } from '@microsoft/fast-foundation';
2
+ import type { Appearance } from '../enums';
3
+ export declare type LisboxAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
4
+ export declare class Listbox extends FoundationListboxElement {
5
+ #private;
6
+ appearance?: LisboxAppearance;
7
+ slottedOptionsChanged(prev: Element[] | undefined, next: Element[]): void;
8
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
9
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import { type ElementDefinitionContext, type FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Listbox } from './listbox';
4
+ export declare const ListboxTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Listbox>;
@@ -0,0 +1,7 @@
1
+ import { Menu } from './menu';
2
+ export declare const menuElements: (import("@microsoft/fast-foundation").FoundationElementRegistry<{
3
+ baseName: string;
4
+ template: any;
5
+ styles: import("@microsoft/fast-element").ComposableStyles;
6
+ }, typeof Menu> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
7
+ export declare const registerMenu: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,10 @@
1
+ import { Menu as FastMenu } from '@microsoft/fast-foundation';
2
+ import type { Placement } from '@floating-ui/dom';
3
+ import type { Popup } from '../popup/popup';
4
+ export declare class Menu extends FastMenu {
5
+ _popup?: Popup;
6
+ open?: boolean | undefined;
7
+ placement?: Placement;
8
+ anchor?: string;
9
+ popupOpenChanged: () => void;
10
+ }
@@ -0,0 +1,3 @@
1
+ import { type ElementViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ export declare const MenuTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementViewTemplate;
@@ -0,0 +1,3 @@
1
+ import type { MenuItemOptions } from '@microsoft/fast-foundation';
2
+ export declare const menuItemElements: (import("@microsoft/fast-foundation").FoundationElementRegistry<MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
3
+ export declare const registerMenuItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,7 @@
1
+ import { MenuItem as FastMenuItem } from '@microsoft/fast-foundation';
2
+ import { AffixIcon } from '../../shared/patterns/affix';
3
+ export declare class MenuItem extends FastMenuItem {
4
+ text?: string;
5
+ }
6
+ export interface MenuItem extends AffixIcon {
7
+ }
@@ -0,0 +1,5 @@
1
+ import { ViewTemplate } from '@microsoft/fast-element';
2
+ import { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { MenuItemOptions } from '@microsoft/fast-foundation';
4
+ import type { MenuItem } from './menu-item';
5
+ export declare const MenuItemTemplate: (context: ElementDefinitionContext, definition: MenuItemOptions) => ViewTemplate<MenuItem>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const navElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerNav: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ export declare class Nav extends FoundationElement {
3
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Nav } from './nav';
4
+ export declare const NavTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Nav>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const navDisclosureElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerNavDisclosure: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,10 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import { AffixIcon } from '../../shared/patterns/affix';
3
+ export declare class NavDisclosure extends FoundationElement {
4
+ #private;
5
+ details: HTMLDetailsElement;
6
+ label?: string;
7
+ open: boolean;
8
+ }
9
+ export interface NavDisclosure extends AffixIcon {
10
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { NavDisclosure } from './nav-disclosure';
4
+ export declare const NavDisclosureTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavDisclosure>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const navItemElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerNavItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,6 +1,6 @@
1
1
  import { AffixIcon } from '../../shared/patterns/affix';
2
2
  import { TextAnchor } from '../text-anchor/text-anchor';
3
- export declare class SidenavItem extends TextAnchor {
3
+ export declare class NavItem extends TextAnchor {
4
4
  }
5
- export interface SidenavItem extends AffixIcon {
5
+ export interface NavItem extends AffixIcon {
6
6
  }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { NavItem } from './nav-item';
4
+ export declare const NavItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavItem>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const noteElements: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerNote: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,10 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import type { Connotation } from '../enums';
3
+ import { AffixIcon } from '../../shared/patterns';
4
+ export declare type NoteConnotation = Connotation.Information | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
5
+ export declare class Note extends FoundationElement {
6
+ headline?: string;
7
+ connotation?: NoteConnotation;
8
+ }
9
+ export interface Note extends AffixIcon {
10
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Note } from './note';
4
+ export declare const NoteTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Note>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const numberFieldElement: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
3
+ export declare const registerNumberField: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,14 @@
1
+ import { NumberField as FastNumberField } from '@microsoft/fast-foundation';
2
+ import type { Appearance, Shape } from '../enums';
3
+ import { FormElement } from '../../shared/patterns';
4
+ import { AffixIcon } from '../../shared/patterns';
5
+ declare type NumberFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
6
+ declare type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
+ export declare class NumberField extends FastNumberField {
8
+ appearance?: NumberFieldAppearance;
9
+ shape?: NumberFieldShape;
10
+ autoComplete?: string;
11
+ }
12
+ export interface NumberField extends AffixIcon, FormElement {
13
+ }
14
+ export {};