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

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 (290) 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 +5465 -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 +1 -0
  26. package/lib/accordion/index.d.ts +1 -2
  27. package/lib/accordion-item/definition.d.ts +1 -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 +1 -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 +1 -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 +1 -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 +1 -0
  46. package/lib/breadcrumb/index.d.ts +1 -2
  47. package/lib/breadcrumb-item/definition.d.ts +1 -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 +1 -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 +1 -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 +1 -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 +1 -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 +1 -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 +1 -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 +1 -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 +1 -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/{sidenav-item/index.d.ts → header/definition.d.ts} +2 -2
  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 +11 -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 +4 -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 +3 -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 +11 -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 -1
  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 +11 -6
  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 +3047 -0
  281. package/lib/text/index.d.ts +0 -2
  282. package/lib/text/text.d.ts +0 -10
  283. package/shared/index2.js +0 -21
  284. package/shared/object-set-prototype-of.js +0 -1009
  285. package/shared/style-inject.es.js +0 -28
  286. package/shared/web.dom-collections.iterator.js +0 -473
  287. package/sidenav-item/index.js +0 -39
  288. package/styles/themes/dark.css +0 -205
  289. package/styles/themes/light.css +0 -205
  290. package/text/index.js +0 -46
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,9 @@
1
+ import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
2
+ import { AffixIconWithTrailing } from '../../shared/patterns/affix';
3
+ export declare class ListboxOption extends FoundationListboxOption {
4
+ _text?: string;
5
+ set text(value: string);
6
+ get text(): string;
7
+ }
8
+ export interface ListboxOption extends AffixIconWithTrailing {
9
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { ListboxOption } from './option';
4
+ export declare const ListboxOptionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ListboxOption>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const popupDefinition: (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 registerPopup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,4 +1 @@
1
- import '../elevation';
2
- import '../button';
3
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
- export declare const VIVIDPopup: (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,16 +1,18 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
- import type { Placement } from '@floating-ui/dom';
2
+ import type { Placement, Strategy } from '@floating-ui/dom';
3
3
  export declare class Popup extends FoundationElement {
4
4
  #private;
5
+ protected anchorEl: Element | null | undefined;
5
6
  popupEl: HTMLElement;
6
7
  arrowEl: HTMLElement;
7
8
  open: boolean;
9
+ openChanged(_: boolean, newValue: boolean): void;
8
10
  dismissible: boolean;
9
11
  arrow: boolean;
10
12
  alternate: boolean;
11
- corner?: Placement;
12
- anchor: string;
13
- constructor();
13
+ placement?: Placement;
14
+ strategy?: Strategy;
15
+ anchor: string | HTMLElement;
14
16
  disconnectedCallback(): void;
15
17
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
16
18
  updatePosition(): Promise<void>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const progressDefinition: (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 registerProgress: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividProgress: (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,6 +1,6 @@
1
1
  import { BaseProgress } from '@microsoft/fast-foundation';
2
2
  import type { Connotation, ConnotationDecorative, Shape } from '../enums';
3
- export declare type ProgressConnotation = Connotation.Primary | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
3
+ export declare type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
4
4
  export declare type ProgressShape = Shape.Rounded | Shape.Sharp;
5
5
  export declare class Progress extends BaseProgress {
6
6
  shape?: ProgressShape;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const progressRingDefinition: (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 registerProgressRing: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividProgressRing: (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,6 +1,7 @@
1
1
  import { BaseProgress } from '@microsoft/fast-foundation';
2
2
  import type { Connotation } from '../enums';
3
- export declare type ProgressRingConnotation = Connotation.Primary | Connotation.Success | Connotation.Alert | Connotation.CTA;
3
+ export declare type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
4
4
  export declare class ProgressRing extends BaseProgress {
5
5
  connotation?: ProgressRingConnotation;
6
+ size?: -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
6
7
  }
@@ -0,0 +1,3 @@
1
+ import type { RadioOptions } from '@microsoft/fast-foundation';
2
+ export declare const radioDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<RadioOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerRadio: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ import { Radio as FastRadio } from '@microsoft/fast-foundation';
2
+ export declare class Radio extends FastRadio {
3
+ label?: string;
4
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { Radio } from './radio';
4
+ export declare const RadioTemplate: (context: ElementDefinitionContext) => ViewTemplate<Radio>;
@@ -0,0 +1,11 @@
1
+ import { RadioGroup } from './radio-group';
2
+ export declare const radioGroupDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
3
+ baseName: string;
4
+ template: any;
5
+ styles: import("@microsoft/fast-element").ComposableStyles;
6
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
7
+ baseName: string;
8
+ template: any;
9
+ styles: import("@microsoft/fast-element").ComposableStyles;
10
+ }, typeof RadioGroup>;
11
+ export declare const registerRadioGroup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ import { RadioGroup as FastRadioGroup } from '@microsoft/fast-foundation';
2
+ export declare class RadioGroup extends FastRadioGroup {
3
+ label?: string;
4
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { RadioGroup } from './radio-group';
4
+ export declare const RadioGroupTemplate: (context: ElementDefinitionContext) => ViewTemplate<RadioGroup>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const sideDrawerDefinition: (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 registerSideDrawer: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDSideDrawer: (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,8 +1,9 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  export declare class SideDrawer extends FoundationElement {
3
+ #private;
3
4
  alternate: boolean;
4
5
  modal: boolean;
5
6
  open: boolean;
6
- position?: 'start' | 'end';
7
- hasTopBar: HTMLElement[] | undefined;
7
+ trailing: boolean;
8
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
8
9
  }
@@ -0,0 +1,3 @@
1
+ import type { SliderOptions } from '@microsoft/fast-foundation';
2
+ export declare const sliderDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SliderOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SliderOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerSlider: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ import { Slider as FastSlider } from '@microsoft/fast-foundation';
2
+ export declare class Slider extends FastSlider {
3
+ markers: boolean;
4
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { Slider } from './slider';
4
+ export declare const SliderTemplate: (context: ElementDefinitionContext) => ViewTemplate<Slider>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const switchDefinition: (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 registerSwitch: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,7 @@
1
+ import { Switch as FoundationElement } from '@microsoft/fast-foundation';
2
+ import type { Connotation } from '../enums';
3
+ export declare type SwitchConnotation = Connotation.Accent | Connotation.Alert | Connotation.Success | Connotation.CTA;
4
+ export declare class Switch extends FoundationElement {
5
+ label?: string;
6
+ connotation?: SwitchConnotation;
7
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Switch } from './switch';
4
+ export declare const SwitchTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Switch>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const textAnchorDefinition: (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 registerTextAnchor: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividTextAnchor: (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 textAreaDefinition: (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 registerTextArea: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,9 @@
1
+ import { TextArea as FoundationElement } from '@microsoft/fast-foundation';
2
+ import { FormElement } from '../../shared/patterns';
3
+ declare type TextAreaWrap = 'hard' | 'soft' | 'off';
4
+ export declare class TextArea extends FoundationElement {
5
+ wrap?: TextAreaWrap;
6
+ }
7
+ export interface TextArea extends FormElement {
8
+ }
9
+ 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 { TextArea } from './text-area';
4
+ export declare const TextAreaTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextArea>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const textFieldDefinition: (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 registerTextField: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,14 @@
1
+ import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
2
+ import type { Appearance, Shape } from '../enums';
3
+ import { AffixIcon } from '../../shared/patterns';
4
+ import { FormElement } from '../../shared/patterns';
5
+ declare type TextFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
6
+ declare type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
+ export declare class TextField extends FoundationTextfield {
8
+ appearance?: TextFieldAppearance;
9
+ shape?: TextFieldShape;
10
+ autoComplete?: string;
11
+ }
12
+ export interface TextField extends AffixIcon, FormElement {
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 { TextField } from './text-field';
4
+ export declare const TextfieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextField>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const tooltipDefinition: (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 registerTooltip: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,3 +1 @@
1
- import '../popup';
2
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const vividTooltip: (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,8 +1,8 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- import type { Placement } from '@floating-ui/dom';
3
- export declare class Tooltip extends FoundationElement {
1
+ import { Popup } from '../popup/popup';
2
+ export declare class Tooltip extends Popup {
3
+ #private;
4
4
  text?: string;
5
- open: boolean;
6
- corner?: Placement;
7
- anchor?: string;
5
+ connectedCallback(): void;
6
+ disconnectedCallback(): void;
7
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
8
8
  }
@@ -0,0 +1,24 @@
1
+ import { r as registerListbox } from '../shared/definition21.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition4.js';
4
+ import '../shared/focus.js';
5
+ import '../shared/definition22.js';
6
+ import '../shared/definition3.js';
7
+ import '../shared/icon.js';
8
+ import '../shared/to-string.js';
9
+ import '../shared/string-trim.js';
10
+ import '../shared/_has.js';
11
+ import '../shared/when.js';
12
+ import '../shared/class-names.js';
13
+ import '../shared/affix.js';
14
+ import '../shared/aria-global.js';
15
+ import '../shared/start-end.js';
16
+ import '../shared/ref.js';
17
+ import '../shared/apply-mixins.js';
18
+ import '../shared/dom.js';
19
+ import '../shared/focus2.js';
20
+ import '../shared/key-codes.js';
21
+ import '../shared/numbers.js';
22
+ import '../shared/slotted.js';
23
+
24
+ registerListbox();
package/menu/index.js ADDED
@@ -0,0 +1,30 @@
1
+ import { r as registerMenu } from '../shared/definition23.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition24.js';
4
+ import '../shared/definition9.js';
5
+ import '../shared/definition3.js';
6
+ import '../shared/icon.js';
7
+ import '../shared/to-string.js';
8
+ import '../shared/string-trim.js';
9
+ import '../shared/_has.js';
10
+ import '../shared/when.js';
11
+ import '../shared/class-names.js';
12
+ import '../shared/definition4.js';
13
+ import '../shared/focus.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/definition15.js';
24
+ import '../shared/es.object.assign.js';
25
+ import '../shared/definition25.js';
26
+ import '../shared/direction.js';
27
+ import '../shared/dom.js';
28
+ import '../shared/slotted.js';
29
+
30
+ registerMenu();
@@ -0,0 +1,20 @@
1
+ import { b as registerMenuItem } from '../shared/definition25.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition3.js';
4
+ import '../shared/icon.js';
5
+ import '../shared/to-string.js';
6
+ import '../shared/string-trim.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/when.js';
9
+ import '../shared/class-names.js';
10
+ import '../shared/definition4.js';
11
+ import '../shared/focus.js';
12
+ import '../shared/affix.js';
13
+ import '../shared/start-end.js';
14
+ import '../shared/ref.js';
15
+ import '../shared/direction.js';
16
+ import '../shared/apply-mixins.js';
17
+ import '../shared/key-codes.js';
18
+ import '../shared/focus2.js';
19
+
20
+ registerMenuItem();
package/nav/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import { r as registerNav } from '../shared/definition26.js';
2
+ import '../shared/index.js';
3
+
4
+ registerNav();
@@ -0,0 +1,17 @@
1
+ import { r as registerNavDisclosure } from '../shared/definition27.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition3.js';
4
+ import '../shared/icon.js';
5
+ import '../shared/to-string.js';
6
+ import '../shared/string-trim.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/when.js';
9
+ import '../shared/class-names.js';
10
+ import '../shared/definition4.js';
11
+ import '../shared/focus.js';
12
+ import '../shared/affix.js';
13
+ import '../shared/apply-mixins.js';
14
+ import '../shared/focus2.js';
15
+ import '../shared/ref.js';
16
+
17
+ registerNavDisclosure();
@@ -0,0 +1,22 @@
1
+ import { r as registerNavItem } from '../shared/definition28.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition3.js';
4
+ import '../shared/icon.js';
5
+ import '../shared/to-string.js';
6
+ import '../shared/string-trim.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/when.js';
9
+ import '../shared/class-names.js';
10
+ import '../shared/definition4.js';
11
+ import '../shared/focus.js';
12
+ import '../shared/affix.js';
13
+ import '../shared/text-anchor.js';
14
+ import '../shared/anchor.js';
15
+ import '../shared/apply-mixins.js';
16
+ import '../shared/aria-global.js';
17
+ import '../shared/start-end.js';
18
+ import '../shared/ref.js';
19
+ import '../shared/text-anchor.template.js';
20
+ import '../shared/focus2.js';
21
+
22
+ registerNavItem();
package/note/index.js ADDED
@@ -0,0 +1,15 @@
1
+ import { r as registerNote } from '../shared/definition29.js';
2
+ import '../shared/index.js';
3
+ import '../shared/definition3.js';
4
+ import '../shared/icon.js';
5
+ import '../shared/to-string.js';
6
+ import '../shared/string-trim.js';
7
+ import '../shared/_has.js';
8
+ import '../shared/when.js';
9
+ import '../shared/class-names.js';
10
+ import '../shared/affix.js';
11
+ import '../shared/focus.js';
12
+ import '../shared/apply-mixins.js';
13
+ import '../shared/enums.js';
14
+
15
+ registerNote();