@vonage/vivid 3.3.0 → 3.5.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 (130) hide show
  1. package/custom-elements.json +412 -1
  2. package/data-grid/index.js +7 -1047
  3. package/dialog/index.js +2 -1
  4. package/divider/index.js +1 -1
  5. package/fab/index.js +1 -1
  6. package/header/index.js +1 -1
  7. package/index.d.ts +1 -0
  8. package/index.js +32 -31
  9. package/layout/index.js +1 -1
  10. package/lib/accordion/definition.d.ts +1 -0
  11. package/lib/action-group/action-group.d.ts +1 -2
  12. package/lib/action-group/definition.d.ts +1 -0
  13. package/lib/avatar/avatar.d.ts +2 -3
  14. package/lib/avatar/definition.d.ts +1 -0
  15. package/lib/badge/badge.d.ts +3 -4
  16. package/lib/badge/definition.d.ts +1 -0
  17. package/lib/banner/definition.d.ts +1 -0
  18. package/lib/button/button.d.ts +3 -4
  19. package/lib/button/definition.d.ts +1 -0
  20. package/lib/calendar-event/calendar-event.d.ts +2 -3
  21. package/lib/calendar-event/definition.d.ts +1 -0
  22. package/lib/combobox/combobox.d.ts +1 -2
  23. package/lib/combobox/definition.d.ts +1 -0
  24. package/lib/components.d.ts +1 -0
  25. package/lib/data-grid/data-grid.d.ts +8 -0
  26. package/lib/dialog/definition.d.ts +1 -0
  27. package/lib/dialog/dialog.d.ts +3 -2
  28. package/lib/fab/definition.d.ts +1 -0
  29. package/lib/fab/fab.d.ts +1 -2
  30. package/lib/icon/definition.d.ts +1 -0
  31. package/lib/icon/icon.d.ts +1 -2
  32. package/lib/layout/definition.d.ts +1 -0
  33. package/lib/layout/layout.d.ts +3 -4
  34. package/lib/listbox/definition.d.ts +1 -0
  35. package/lib/menu/definition.d.ts +1 -0
  36. package/lib/menu/menu.d.ts +1 -0
  37. package/lib/note/definition.d.ts +1 -0
  38. package/lib/number-field/definition.d.ts +1 -0
  39. package/lib/number-field/number-field.d.ts +2 -3
  40. package/lib/popup/definition.d.ts +2 -0
  41. package/lib/progress/definition.d.ts +1 -0
  42. package/lib/progress-ring/definition.d.ts +1 -0
  43. package/lib/select/definition.d.ts +1 -0
  44. package/lib/select/select.d.ts +2 -3
  45. package/lib/switch/definition.d.ts +1 -0
  46. package/lib/text-area/definition.d.ts +1 -0
  47. package/lib/text-area/text-area.d.ts +1 -2
  48. package/lib/text-field/definition.d.ts +1 -0
  49. package/lib/text-field/text-field.d.ts +2 -3
  50. package/listbox/index.js +1 -1
  51. package/menu/index.js +2 -2
  52. package/menu-item/index.js +1 -1
  53. package/nav/index.js +1 -1
  54. package/nav-disclosure/index.js +1 -1
  55. package/nav-item/index.js +1 -1
  56. package/note/index.js +1 -1
  57. package/number-field/index.js +2 -2
  58. package/package.json +1 -1
  59. package/progress/index.js +1 -1
  60. package/progress-ring/index.js +1 -1
  61. package/radio/index.js +1 -1
  62. package/radio-group/index.js +1 -1
  63. package/select/index.js +1 -1
  64. package/shared/definition.js +1 -1
  65. package/shared/definition11.js +1 -1
  66. package/shared/definition12.js +1 -1
  67. package/shared/definition13.js +1 -1
  68. package/shared/definition14.js +1 -1
  69. package/shared/definition16.js +1 -1
  70. package/shared/definition17.js +1 -1
  71. package/shared/definition18.js +2 -2
  72. package/shared/definition19.js +1 -1
  73. package/shared/definition2.js +1 -1
  74. package/shared/definition20.js +1038 -203
  75. package/shared/definition21.js +226 -67
  76. package/shared/definition22.js +68 -77
  77. package/shared/definition23.js +76 -47
  78. package/shared/definition24.js +46 -32
  79. package/shared/definition25.js +35 -49
  80. package/shared/definition26.js +48 -338
  81. package/shared/definition27.js +273 -282
  82. package/shared/definition28.js +356 -14
  83. package/shared/definition29.js +13 -67
  84. package/shared/definition30.js +65 -21
  85. package/shared/definition31.js +21 -39
  86. package/shared/definition32.js +31 -432
  87. package/shared/definition33.js +432 -76
  88. package/shared/definition34.js +76 -59
  89. package/shared/definition35.js +67 -35
  90. package/shared/definition36.js +31 -422
  91. package/shared/definition37.js +357 -560
  92. package/shared/definition38.js +624 -74
  93. package/shared/definition39.js +70 -573
  94. package/shared/definition4.js +1 -1
  95. package/shared/definition40.js +527 -81
  96. package/shared/definition41.js +127 -47
  97. package/shared/definition42.js +51 -16
  98. package/shared/definition43.js +17 -425
  99. package/shared/definition44.js +367 -209
  100. package/shared/definition45.js +248 -85
  101. package/shared/definition46.js +110 -68
  102. package/shared/definition47.js +65 -67
  103. package/shared/definition48.js +69 -295
  104. package/shared/definition49.js +305 -0
  105. package/shared/definition5.js +1 -1
  106. package/shared/definition6.js +1 -1
  107. package/shared/definition7.js +1 -1
  108. package/shared/definition8.js +1 -1
  109. package/shared/definition9.js +1 -1
  110. package/shared/enums.js +1 -1
  111. package/shared/form-elements.js +1 -1
  112. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  113. package/shared/text-field.js +1 -1
  114. package/side-drawer/index.js +1 -1
  115. package/slider/index.js +1 -1
  116. package/styles/core/all.css +1 -1
  117. package/styles/core/theme.css +1 -1
  118. package/styles/core/typography.css +1 -1
  119. package/styles/tokens/theme-dark.css +4 -4
  120. package/styles/tokens/theme-light.css +4 -4
  121. package/switch/index.js +1 -1
  122. package/tab/index.js +1 -1
  123. package/tab-panel/index.js +1 -1
  124. package/tabs/index.js +3 -3
  125. package/text-area/index.js +1 -1
  126. package/text-field/index.js +1 -1
  127. package/tooltip/index.js +1 -1
  128. package/tree-item/index.js +1 -1
  129. package/tree-view/index.js +1 -1
  130. package/vivid.api.json +4526 -336
package/dialog/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerDialog } from '../shared/definition20.js';
1
+ import { r as registerDialog } from '../shared/definition21.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
@@ -20,5 +20,6 @@ import '../shared/start-end.js';
20
20
  import '../shared/ref.js';
21
21
  import '../shared/focus2.js';
22
22
  import '../shared/definition15.js';
23
+ import '../shared/slotted.js';
23
24
 
24
25
  registerDialog();
package/divider/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerDivider } from '../shared/definition21.js';
1
+ import { r as registerDivider } from '../shared/definition22.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/aria.js';
4
4
  import '../shared/class-names.js';
package/fab/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerFab } from '../shared/definition22.js';
1
+ import { r as registerFab } from '../shared/definition23.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
package/header/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerHeader } from '../shared/definition23.js';
1
+ import { r as registerHeader } from '../shared/definition24.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition15.js';
4
4
  import '../shared/class-names.js';
package/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './lib/components';
2
+ export * from './lib/enums';
2
3
  export * from './shared/design-system';
package/index.js CHANGED
@@ -13,38 +13,40 @@ export { c as cardDefinition, a as cardRegistries, r as registerCard } from './s
13
13
  export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition16.js';
14
14
  export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition17.js';
15
15
  export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition15.js';
16
- export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition20.js';
17
- export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition21.js';
18
- export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition22.js';
19
- export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition23.js';
16
+ export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition21.js';
17
+ export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition22.js';
18
+ export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition20.js';
19
+ export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition23.js';
20
+ export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition24.js';
20
21
  export { a as iconDefinition, i as iconRegistries, r as registerIcon } from './shared/definition3.js';
21
- export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition24.js';
22
- export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition25.js';
22
+ export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition25.js';
23
+ export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition26.js';
23
24
  export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition19.js';
24
- export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition26.js';
25
- export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition27.js';
26
- export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition28.js';
27
- export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition29.js';
28
- export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition30.js';
29
- export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition31.js';
30
- export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition32.js';
25
+ export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition27.js';
26
+ export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition28.js';
27
+ export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition29.js';
28
+ export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition30.js';
29
+ export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition31.js';
30
+ export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition32.js';
31
+ export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition33.js';
31
32
  export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition18.js';
32
- export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition33.js';
33
- export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition34.js';
34
- export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition35.js';
35
- export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition36.js';
36
- export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition37.js';
37
- export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition38.js';
38
- export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition39.js';
39
- export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition40.js';
40
- export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition45.js';
41
- export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition44.js';
42
- export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition46.js';
43
- export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition43.js';
44
- export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition41.js';
45
- export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition42.js';
46
- export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition48.js';
47
- export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition47.js';
33
+ export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition34.js';
34
+ export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition35.js';
35
+ export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition36.js';
36
+ export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition37.js';
37
+ export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition38.js';
38
+ export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition39.js';
39
+ export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition40.js';
40
+ export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition41.js';
41
+ export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition46.js';
42
+ export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition45.js';
43
+ export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition47.js';
44
+ export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition44.js';
45
+ export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition42.js';
46
+ export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition43.js';
47
+ export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition49.js';
48
+ export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition48.js';
49
+ export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, b as Size } from './shared/enums.js';
48
50
  export { a7 as designSystem, r as registerFactory } from './shared/index.js';
49
51
  import './shared/key-codes.js';
50
52
  import './shared/numbers.js';
@@ -62,7 +64,6 @@ import './shared/ref.js';
62
64
  import './shared/apply-mixins.js';
63
65
  import './shared/focus2.js';
64
66
  import './shared/when.js';
65
- import './shared/enums.js';
66
67
  import './shared/breadcrumb-item.js';
67
68
  import './shared/anchor.js';
68
69
  import './shared/aria-global.js';
@@ -78,6 +79,7 @@ import './shared/listbox.js';
78
79
  import './shared/strings.js';
79
80
  import './shared/select.options.js';
80
81
  import './shared/aria.js';
82
+ import './shared/children.js';
81
83
  import './shared/dom.js';
82
84
  import './shared/direction.js';
83
85
  import './shared/text-anchor.js';
@@ -87,4 +89,3 @@ import './shared/base-progress.js';
87
89
  import './shared/radio.js';
88
90
  import './shared/aria2.js';
89
91
  import './shared/tree-item.js';
90
- import './shared/children.js';
package/layout/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerLayout } from '../shared/definition24.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
 
@@ -1 +1,2 @@
1
+ export type { AccordionExpandMode } from '@microsoft/fast-foundation';
1
2
  export declare const registerAccordion: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,10 +1,9 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import type { Appearance, Shape } from '../enums.js';
3
3
  export declare type ActionGroupAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
4
- declare type ActionGroupShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
4
+ export declare type ActionGroupShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
5
5
  export declare class ActionGroup extends FoundationElement {
6
6
  shape?: ActionGroupShape;
7
7
  appearance?: ActionGroupAppearance;
8
8
  tight: boolean;
9
9
  }
10
- export {};
@@ -1 +1,2 @@
1
+ export type { ActionGroupShape, ActionGroupAppearance } from './action-group';
1
2
  export declare const registerActionGroup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -2,8 +2,8 @@ import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import type { Appearance, Connotation, Shape, Size } from '../enums.js';
3
3
  export declare type AvatarConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
4
4
  export declare type AvatarAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined>;
5
- declare type AvatarShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
6
- declare type AvatarSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
5
+ export declare type AvatarShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
6
+ export declare type AvatarSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
7
7
  export declare class Avatar extends FoundationElement {
8
8
  connotation?: AvatarConnotation;
9
9
  shape?: AvatarShape;
@@ -12,4 +12,3 @@ export declare class Avatar extends FoundationElement {
12
12
  icon?: string;
13
13
  initials?: string;
14
14
  }
15
- export {};
@@ -1 +1,2 @@
1
+ export type { AvatarConnotation, AvatarShape, AvatarAppearance, AvatarSize } from './avatar';
1
2
  export declare const registerAvatar: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,9 +1,9 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import { AffixIconWithTrailing } from '../../shared/patterns/affix';
3
3
  import type { Appearance, Connotation, Shape } from '../enums.js';
4
- declare type BadgeConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information>;
5
- declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
6
- declare type BadgeShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
4
+ export declare type BadgeConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information>;
5
+ export declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
6
+ export declare type BadgeShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
7
  export declare class Badge extends FoundationElement {
8
8
  connotation?: BadgeConnotation;
9
9
  shape?: BadgeShape;
@@ -12,4 +12,3 @@ export declare class Badge extends FoundationElement {
12
12
  }
13
13
  export interface Badge extends AffixIconWithTrailing {
14
14
  }
15
- export {};
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { BadgeConnotation, BadgeAppearance, BadgeShape } from './badge';
2
3
  export declare const badgeDefinition: (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
4
  export declare const registerBadge: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1 +1,2 @@
1
+ export type { BannerConnotation } from './banner';
1
2
  export declare const registerBanner: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,10 +1,10 @@
1
1
  import { Button as FoundationButton } from '@microsoft/fast-foundation';
2
2
  import type { Appearance, Connotation, Shape, Size } from '../enums.js';
3
3
  import { AffixIconWithTrailing } from '../../shared/patterns/affix';
4
- declare type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
4
+ export declare type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
5
5
  export declare type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
6
- declare type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
- declare type ButtonSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
6
+ export declare type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
+ export declare type ButtonSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
8
8
  export declare class Button extends FoundationButton {
9
9
  connotation?: ButtonConnotation;
10
10
  shape?: ButtonShape;
@@ -15,4 +15,3 @@ export declare class Button extends FoundationButton {
15
15
  }
16
16
  export interface Button extends AffixIconWithTrailing {
17
17
  }
18
- export {};
@@ -1 +1,2 @@
1
+ export type { ButtonAppearance, ButtonConnotation, ButtonShape, ButtonSize } from './button';
1
2
  export declare const registerButton: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,7 +1,7 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
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>;
3
+ export declare type CalendarEventConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
4
+ export declare type CalendarEventAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
5
5
  export declare class CalendarEvent extends FoundationElement {
6
6
  heading?: string;
7
7
  description?: string;
@@ -11,4 +11,3 @@ export declare class CalendarEvent extends FoundationElement {
11
11
  start?: number;
12
12
  duration?: number;
13
13
  }
14
- export {};
@@ -1 +1,2 @@
1
+ export type { CalendarEventAppearance, CalendarEventConnotation } from './calendar-event';
1
2
  export declare const registerCalendarEvent: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -2,7 +2,7 @@ import { Combobox as FoundationCombobox } from '@microsoft/fast-foundation';
2
2
  import type { Popup } from '../popup/popup';
3
3
  import { FormElement } from '../../shared/patterns';
4
4
  import { AffixIcon } from '../../shared/patterns';
5
- declare type PopupPlacement = 'top' | 'bottom';
5
+ export declare type PopupPlacement = 'top' | 'bottom';
6
6
  export declare class Combobox extends FoundationCombobox {
7
7
  placement?: PopupPlacement;
8
8
  _popup: Popup;
@@ -11,4 +11,3 @@ export declare class Combobox extends FoundationCombobox {
11
11
  }
12
12
  export interface Combobox extends AffixIcon, FormElement {
13
13
  }
14
- export {};
@@ -1,3 +1,4 @@
1
1
  import type { ComboboxOptions } from '@microsoft/fast-foundation';
2
+ export type { PopupPlacement } from './combobox';
2
3
  export declare const comboboxRegistries: (import("@microsoft/fast-foundation").FoundationElementRegistry<ComboboxOptions, 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
4
  export declare const registerCombobox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -15,6 +15,7 @@ export * from './combobox/definition';
15
15
  export * from './elevation/definition';
16
16
  export * from './dialog/definition';
17
17
  export * from './divider/definition';
18
+ export * from './data-grid/definition';
18
19
  export * from './fab/definition';
19
20
  export * from './header/definition';
20
21
  export * from './icon/definition';
@@ -1,3 +1,11 @@
1
1
  import { DataGrid as FoundationElement } from '@microsoft/fast-foundation';
2
+ export declare const DataGridSelectionMode: {
3
+ readonly none: "none";
4
+ readonly singleRow: "single-row";
5
+ readonly multiRow: "multi-row";
6
+ };
7
+ export declare type ValueOf<T> = T[keyof T];
8
+ export declare type DataGridSelectionMode = ValueOf<typeof DataGridSelectionMode>;
2
9
  export declare class DataGrid extends FoundationElement {
10
+ selectionMode?: DataGridSelectionMode;
3
11
  }
@@ -1 +1,2 @@
1
+ export type { IconPlacement } from './dialog';
1
2
  export declare const registerDialog: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,5 +1,5 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
- declare type IconPlacement = 'top' | 'side';
2
+ export declare type IconPlacement = 'top' | 'side';
3
3
  export declare class Dialog extends FoundationElement {
4
4
  #private;
5
5
  open: boolean;
@@ -7,6 +7,7 @@ export declare class Dialog extends FoundationElement {
7
7
  iconPlacement?: IconPlacement;
8
8
  subtitle?: string;
9
9
  headline?: string;
10
+ fullWidthBody: boolean;
10
11
  ariaLabelledBy: string | null;
11
12
  ariaLabel: string | null;
12
13
  ariaDescribedBy: string | null;
@@ -19,5 +20,5 @@ export declare class Dialog extends FoundationElement {
19
20
  showModal(): void;
20
21
  connectedCallback(): void;
21
22
  disconnectedCallback(): void;
23
+ footerSlottedContent?: HTMLElement[];
22
24
  }
23
- export {};
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { FabConnotation, FABSize } from './fab';
2
3
  export declare const fabDefinition: (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
4
  export declare const registerFab: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
package/lib/fab/fab.d.ts CHANGED
@@ -2,7 +2,7 @@ import { Button as FoundationButton } from '@microsoft/fast-foundation';
2
2
  import type { Connotation, Size } from '../enums.js';
3
3
  import { AffixIconWithTrailing } from '../../shared/patterns/affix';
4
4
  export declare type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
5
- declare type FABSize = Extract<Size, Size.Normal | Size.Expanded>;
5
+ export declare type FABSize = Extract<Size, Size.Normal | Size.Expanded>;
6
6
  export declare class Fab extends FoundationButton {
7
7
  connotation?: FabConnotation;
8
8
  size?: FABSize;
@@ -10,4 +10,3 @@ export declare class Fab extends FoundationButton {
10
10
  }
11
11
  export interface Fab extends AffixIconWithTrailing {
12
12
  }
13
- export {};
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { IconConnotation } from './icon';
2
3
  export declare const iconDefinition: (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
4
  export declare const registerIcon: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,10 +1,9 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import type { Connotation } from '../enums';
3
- declare type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Information>;
3
+ export 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
6
  size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
7
7
  name?: string;
8
8
  nameChanged(): Promise<void>;
9
9
  }
10
- export {};
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { AUTO_SIZING, ColumnBasis, ColumnSpacing, Gutters } from './layout';
2
3
  export declare const layoutDefinition: (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
4
  export declare const registerLayout: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -4,13 +4,12 @@ export declare enum AUTO_SIZING {
4
4
  Fit = "fit",
5
5
  Fill = "fill"
6
6
  }
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';
7
+ export declare type Gutters = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
8
+ export declare type ColumnSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
9
+ export 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;
13
13
  columnSpacing?: ColumnSpacing;
14
14
  autoSizing?: AUTO_SIZING;
15
15
  }
16
- export {};
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { LisboxAppearance } from './listbox';
2
3
  export declare const listboxDefinition: (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
4
  export declare const registerListbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,4 +1,5 @@
1
1
  import { Menu } from './menu';
2
+ export type { Placement } from '@floating-ui/dom';
2
3
  export declare const menuDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
3
4
  baseName: string;
4
5
  template: any;
@@ -6,5 +6,6 @@ export declare class Menu extends FastMenu {
6
6
  open?: boolean | undefined;
7
7
  placement?: Placement;
8
8
  anchor?: string;
9
+ anchorChanged(prevAnchor: string, newAnchor: string): void;
9
10
  popupOpenChanged: () => void;
10
11
  }
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { NoteConnotation } from './note';
2
3
  export declare const noteDefinition: (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
4
  export declare const registerNote: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,4 +1,5 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { NumberFieldAppearance, NumberFieldShape } from './number-field';
2
3
  export declare const numberFieldDefinition: (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
4
  export declare const numberFieldRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
4
5
  export declare const registerNumberField: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -2,8 +2,8 @@ import { NumberField as FastNumberField } from '@microsoft/fast-foundation';
2
2
  import type { Appearance, Shape } from '../enums';
3
3
  import { FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
4
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>;
5
+ export declare type NumberFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
6
+ export declare type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
7
  export declare class NumberField extends FastNumberField {
8
8
  appearance?: NumberFieldAppearance;
9
9
  shape?: NumberFieldShape;
@@ -11,4 +11,3 @@ export declare class NumberField extends FastNumberField {
11
11
  }
12
12
  export interface NumberField extends AffixIcon, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
13
13
  }
14
- export {};
@@ -1,3 +1,5 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { Popup } from './popup';
3
+ export type { Strategy } from '@floating-ui/dom';
2
4
  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
5
  export declare const registerPopup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { ProgressConnotation, ProgressShape } from './progress';
2
3
  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
4
  export declare const registerProgress: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { ProgressRingConnotation } from './progress-ring';
2
3
  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
4
  export declare const registerProgressRing: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,3 +1,4 @@
1
1
  import type { SelectOptions } from '@microsoft/fast-foundation';
2
+ export type { SelectAppearance, SelectShape } from './select';
2
3
  export declare const selectDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SelectOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SelectOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
4
  export declare const registerSelect: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -3,8 +3,8 @@ import type { Popup } from '../popup/popup';
3
3
  import { FormElement } from '../../shared/patterns';
4
4
  import { AffixIcon } from '../../shared/patterns';
5
5
  import type { Appearance, Shape } from '../enums';
6
- declare type SelectAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
7
- declare type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
6
+ export declare type SelectAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
7
+ export declare type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
8
8
  export declare class Select extends FoundationSelect {
9
9
  appearance?: SelectAppearance;
10
10
  shape?: SelectShape;
@@ -15,4 +15,3 @@ export declare class Select extends FoundationSelect {
15
15
  }
16
16
  export interface Select extends AffixIcon, FormElement {
17
17
  }
18
- export {};
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { SwitchConnotation } from './switch';
2
3
  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
4
  export declare const registerSwitch: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { TextAreaWrap } from './text-area';
2
3
  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
4
  export declare const registerTextArea: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,9 +1,8 @@
1
1
  import { TextArea as FoundationElement } from '@microsoft/fast-foundation';
2
2
  import { FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
3
- declare type TextAreaWrap = 'hard' | 'soft' | 'off';
3
+ export declare type TextAreaWrap = 'hard' | 'soft' | 'off';
4
4
  export declare class TextArea extends FoundationElement {
5
5
  wrap?: TextAreaWrap;
6
6
  }
7
7
  export interface TextArea extends FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
8
8
  }
9
- export {};
@@ -1,3 +1,4 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export type { TextFieldAppearance, TextFieldShape } from './text-field';
2
3
  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
4
  export declare const registerTextField: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -2,8 +2,8 @@ import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
2
2
  import type { Appearance, Shape } from '../enums';
3
3
  import { AffixIcon, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
4
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>;
5
+ export declare type TextFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
6
+ export declare type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
7
  export declare class TextField extends FoundationTextfield {
8
8
  appearance?: TextFieldAppearance;
9
9
  shape?: TextFieldShape;
@@ -11,4 +11,3 @@ export declare class TextField extends FoundationTextfield {
11
11
  }
12
12
  export interface TextField extends AffixIcon, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
13
13
  }
14
- export {};
package/listbox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerListbox } from '../shared/definition25.js';
1
+ import { r as registerListbox } from '../shared/definition26.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition4.js';
4
4
  import '../shared/focus.js';
package/menu/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerMenu } from '../shared/definition26.js';
1
+ import { r as registerMenu } from '../shared/definition27.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition18.js';
4
4
  import '../shared/definition9.js';
@@ -22,7 +22,7 @@ import '../shared/ref.js';
22
22
  import '../shared/focus2.js';
23
23
  import '../shared/definition15.js';
24
24
  import '../shared/es.object.assign.js';
25
- import '../shared/definition27.js';
25
+ import '../shared/definition28.js';
26
26
  import '../shared/direction.js';
27
27
  import '../shared/dom.js';
28
28
  import '../shared/slotted.js';
@@ -1,4 +1,4 @@
1
- import { b as registerMenuItem } from '../shared/definition27.js';
1
+ import { b as registerMenuItem } from '../shared/definition28.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
package/nav/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerNav } from '../shared/definition28.js';
1
+ import { r as registerNav } from '../shared/definition29.js';
2
2
  import '../shared/index.js';
3
3
 
4
4
  registerNav();
@@ -1,4 +1,4 @@
1
- import { r as registerNavDisclosure } from '../shared/definition29.js';
1
+ import { r as registerNavDisclosure } from '../shared/definition30.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';
package/nav-item/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerNavItem } from '../shared/definition30.js';
1
+ import { r as registerNavItem } from '../shared/definition31.js';
2
2
  import '../shared/index.js';
3
3
  import '../shared/definition3.js';
4
4
  import '../shared/icon.js';