@fluentui/web-components 3.0.0-beta.1 → 3.0.0-beta.3
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.
- package/CHANGELOG.md +20 -2
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/menu/define.d.ts +1 -0
- package/dist/dts/menu/index.d.ts +4 -0
- package/dist/dts/menu/menu.d.ts +194 -0
- package/dist/dts/menu/menu.definition.d.ts +9 -0
- package/dist/dts/menu/menu.styles.d.ts +4 -0
- package/dist/dts/menu/menu.template.d.ts +4 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/menu/define.js +4 -0
- package/dist/esm/menu/define.js.map +1 -0
- package/dist/esm/menu/index.js +5 -0
- package/dist/esm/menu/index.js.map +1 -0
- package/dist/esm/menu/menu.definition.js +17 -0
- package/dist/esm/menu/menu.definition.js.map +1 -0
- package/dist/esm/menu/menu.js +413 -0
- package/dist/esm/menu/menu.js.map +1 -0
- package/dist/esm/menu/menu.styles.js +17 -0
- package/dist/esm/menu/menu.styles.js.map +1 -0
- package/dist/esm/menu/menu.template.js +24 -0
- package/dist/esm/menu/menu.template.js.map +1 -0
- package/dist/fluent-web-components.api.json +1081 -0
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +2 -0
- package/dist/storybook/677.939f187f.iframe.bundle.js +462 -0
- package/dist/storybook/{885.6558041f.iframe.bundle.js.map → 677.939f187f.iframe.bundle.js.map} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.html +1 -1
- package/dist/storybook/{main.18c2c615e57574af12cd.manager.bundle.js → main.5d7b916dc1e37293b1d8.manager.bundle.js} +1 -1
- package/dist/storybook/main.b782e9fb.iframe.bundle.js +2 -0
- package/dist/storybook/main.b782e9fb.iframe.bundle.js.LICENSE.txt +1 -0
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +1 -0
- package/dist/web-components.d.ts +209 -0
- package/dist/web-components.js +558 -222
- package/dist/web-components.min.js +67 -66
- package/docs/api-report.md +40 -0
- package/package.json +33 -29
- package/dist/storybook/761.21909e5ef44f985ae0d4.manager.bundle.js +0 -2
- package/dist/storybook/885.6558041f.iframe.bundle.js +0 -462
- package/dist/storybook/main.2c02ce39.iframe.bundle.js +0 -1
- package/dist/storybook/runtime~main.8db883e762072830487f.manager.bundle.js +0 -1
- /package/dist/storybook/{761.21909e5ef44f985ae0d4.manager.bundle.js.LICENSE.txt → 591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt} +0 -0
- /package/dist/storybook/{885.6558041f.iframe.bundle.js.LICENSE.txt → 677.939f187f.iframe.bundle.js.LICENSE.txt} +0 -0
package/docs/api-report.md
CHANGED
|
@@ -1765,6 +1765,37 @@ export const lineHeightHero800: CSSDesignToken<string>;
|
|
|
1765
1765
|
// @public (undocumented)
|
|
1766
1766
|
export const lineHeightHero900: CSSDesignToken<string>;
|
|
1767
1767
|
|
|
1768
|
+
// @public
|
|
1769
|
+
export class Menu extends FASTElement {
|
|
1770
|
+
cleanup?: () => void;
|
|
1771
|
+
closeMenu: () => void;
|
|
1772
|
+
closeOnScroll?: boolean;
|
|
1773
|
+
closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
|
|
1774
|
+
connectedCallback(): void;
|
|
1775
|
+
disconnectedCallback(): void;
|
|
1776
|
+
focusMenuList(): void;
|
|
1777
|
+
focusTrigger(): void;
|
|
1778
|
+
handleMenuKeydown(e: KeyboardEvent): boolean | void;
|
|
1779
|
+
handleTriggerKeydown: (e: KeyboardEvent) => boolean | void;
|
|
1780
|
+
open: boolean;
|
|
1781
|
+
openChanged(oldValue: boolean, newValue: boolean): void;
|
|
1782
|
+
openMenu: (e?: Event) => void;
|
|
1783
|
+
openOnContext?: boolean;
|
|
1784
|
+
openOnContextChanged(oldValue: boolean, newValue: boolean): void;
|
|
1785
|
+
openOnHover?: boolean;
|
|
1786
|
+
openOnHoverChanged(oldValue: boolean, newValue: boolean): void;
|
|
1787
|
+
persistOnItemClick?: boolean;
|
|
1788
|
+
persistOnItemClickChanged(oldValue: boolean, newValue: boolean): void;
|
|
1789
|
+
// @internal
|
|
1790
|
+
positioningContainer?: HTMLElement;
|
|
1791
|
+
setComponent(): void;
|
|
1792
|
+
protected setPositioning(): void;
|
|
1793
|
+
protected setPositioningTask: () => void;
|
|
1794
|
+
slottedMenuList: MenuList[];
|
|
1795
|
+
slottedTriggers: HTMLElement[];
|
|
1796
|
+
toggleMenu: () => void;
|
|
1797
|
+
}
|
|
1798
|
+
|
|
1768
1799
|
// @public
|
|
1769
1800
|
export class MenuButton extends Button {
|
|
1770
1801
|
}
|
|
@@ -1807,6 +1838,9 @@ export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
|
|
|
1807
1838
|
// @public
|
|
1808
1839
|
export const MenuButtonTemplate: ElementViewTemplate<MenuButton>;
|
|
1809
1840
|
|
|
1841
|
+
// @public
|
|
1842
|
+
export const MenuDefinition: FASTElementDefinition<typeof Menu>;
|
|
1843
|
+
|
|
1810
1844
|
// @public
|
|
1811
1845
|
export class MenuItem extends FASTMenuItem {
|
|
1812
1846
|
}
|
|
@@ -1840,6 +1874,12 @@ export const MenuListStyles: ElementStyles;
|
|
|
1840
1874
|
// @public (undocumented)
|
|
1841
1875
|
export const MenuListTemplate: ElementViewTemplate<MenuList>;
|
|
1842
1876
|
|
|
1877
|
+
// @public
|
|
1878
|
+
export const MenuStyles: ElementStyles;
|
|
1879
|
+
|
|
1880
|
+
// @public (undocumented)
|
|
1881
|
+
export const MenuTemplate: ElementViewTemplate<Menu>;
|
|
1882
|
+
|
|
1843
1883
|
// @public
|
|
1844
1884
|
class ProgressBar_2 extends FASTProgress {
|
|
1845
1885
|
shape?: ProgressBarShape;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/web-components",
|
|
3
3
|
"description": "A library of Fluent Web Components",
|
|
4
|
-
"version": "3.0.0-beta.
|
|
4
|
+
"version": "3.0.0-beta.3",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Microsoft",
|
|
7
7
|
"url": "https://discord.gg/FcSNfg4"
|
|
@@ -24,115 +24,119 @@
|
|
|
24
24
|
"default": "./dist/esm/index.js"
|
|
25
25
|
},
|
|
26
26
|
"./accordion.js": {
|
|
27
|
-
"types": "./dist/
|
|
27
|
+
"types": "./dist/dts/accordion/define.d.ts",
|
|
28
28
|
"default": "./dist/esm/accordion/define.js"
|
|
29
29
|
},
|
|
30
30
|
"./accordion-item.js": {
|
|
31
|
-
"types": "./dist/
|
|
31
|
+
"types": "./dist/dts/accordion-item/define.d.ts",
|
|
32
32
|
"default": "./dist/esm/accordion-item/define.js"
|
|
33
33
|
},
|
|
34
34
|
"./anchor-button.js": {
|
|
35
|
-
"types": "./dist/
|
|
35
|
+
"types": "./dist/dts/anchor-button/define.d.ts",
|
|
36
36
|
"default": "./dist/esm/anchor-button/define.js"
|
|
37
37
|
},
|
|
38
38
|
"./avatar.js": {
|
|
39
|
-
"types": "./dist/
|
|
39
|
+
"types": "./dist/dts/avatar/define.d.ts",
|
|
40
40
|
"default": "./dist/esm/avatar/define.js"
|
|
41
41
|
},
|
|
42
42
|
"./badge.js": {
|
|
43
|
-
"types": "./dist/
|
|
43
|
+
"types": "./dist/dts/badge/define.d.ts",
|
|
44
44
|
"default": "./dist/esm/badge/define.js"
|
|
45
45
|
},
|
|
46
46
|
"./button.js": {
|
|
47
|
-
"types": "./dist/
|
|
47
|
+
"types": "./dist/dts/button/define.d.ts",
|
|
48
48
|
"default": "./dist/esm/button/define.js"
|
|
49
49
|
},
|
|
50
50
|
"./checkbox.js": {
|
|
51
|
-
"types": "./dist/
|
|
51
|
+
"types": "./dist/dts/checkbox/define.d.ts",
|
|
52
52
|
"default": "./dist/esm/checkbox/define.js"
|
|
53
53
|
},
|
|
54
54
|
"./compound-button.js": {
|
|
55
|
-
"types": "./dist/
|
|
55
|
+
"types": "./dist/dts/compound-button/define.d.ts",
|
|
56
56
|
"default": "./dist/esm/compound-button/define.js"
|
|
57
57
|
},
|
|
58
58
|
"./counter-badge.js": {
|
|
59
|
-
"types": "./dist/
|
|
59
|
+
"types": "./dist/dts/counter-badge/define.d.ts",
|
|
60
60
|
"default": "./dist/esm/counter-badge/define.js"
|
|
61
61
|
},
|
|
62
62
|
"./divider.js": {
|
|
63
|
-
"types": "./dist/
|
|
63
|
+
"types": "./dist/dts/divider/define.d.ts",
|
|
64
64
|
"default": "./dist/esm/divider/define.js"
|
|
65
65
|
},
|
|
66
66
|
"./image.js": {
|
|
67
|
-
"types": "./dist/
|
|
67
|
+
"types": "./dist/dts/image/define.d.ts",
|
|
68
68
|
"default": "./dist/esm/image/define.js"
|
|
69
69
|
},
|
|
70
70
|
"./label.js": {
|
|
71
|
-
"types": "./dist/
|
|
71
|
+
"types": "./dist/dts/label/define.d.ts",
|
|
72
72
|
"default": "./dist/esm/label/define.js"
|
|
73
73
|
},
|
|
74
|
+
"./menu.js": {
|
|
75
|
+
"types": "./dist/dts/menu/define.d.ts",
|
|
76
|
+
"default": "./dist/esm/menu/define.js"
|
|
77
|
+
},
|
|
74
78
|
"./menu-list.js": {
|
|
75
|
-
"types": "./dist/
|
|
79
|
+
"types": "./dist/dts/menu-list/define.d.ts",
|
|
76
80
|
"default": "./dist/esm/menu-list/define.js"
|
|
77
81
|
},
|
|
78
82
|
"./menu-button.js": {
|
|
79
|
-
"types": "./dist/
|
|
83
|
+
"types": "./dist/dts/menu-button/define.d.ts",
|
|
80
84
|
"default": "./dist/esm/menu-button/define.js"
|
|
81
85
|
},
|
|
82
86
|
"./menu-item.js": {
|
|
83
|
-
"types": "./dist/
|
|
87
|
+
"types": "./dist/dts/menu-item/define.d.ts",
|
|
84
88
|
"default": "./dist/esm/menu-item/define.js"
|
|
85
89
|
},
|
|
86
90
|
"./progress-bar.js": {
|
|
87
|
-
"types": "./dist/
|
|
91
|
+
"types": "./dist/dts/progress-bar/define.d.ts",
|
|
88
92
|
"default": "./dist/esm/progress-bar/define.js"
|
|
89
93
|
},
|
|
90
94
|
"./radio.js": {
|
|
91
|
-
"types": "./dist/
|
|
95
|
+
"types": "./dist/dts/radio/define.d.ts",
|
|
92
96
|
"default": "./dist/esm/radio/define.js"
|
|
93
97
|
},
|
|
94
98
|
"./radio-group.js": {
|
|
95
|
-
"types": "./dist/
|
|
99
|
+
"types": "./dist/dts/radio-group/define.d.ts",
|
|
96
100
|
"default": "./dist/esm/radio-group/define.js"
|
|
97
101
|
},
|
|
98
102
|
"./slider.js": {
|
|
99
|
-
"types": "./dist/
|
|
103
|
+
"types": "./dist/dts/slider/define.d.ts",
|
|
100
104
|
"default": "./dist/esm/slider/define.js"
|
|
101
105
|
},
|
|
102
106
|
"./spinner.js": {
|
|
103
|
-
"types": "./dist/
|
|
107
|
+
"types": "./dist/dts/spinner/define.d.ts",
|
|
104
108
|
"default": "./dist/esm/spinner/define.js"
|
|
105
109
|
},
|
|
106
110
|
"./switch.js": {
|
|
107
|
-
"types": "./dist/
|
|
111
|
+
"types": "./dist/dts/switch/define.d.ts",
|
|
108
112
|
"default": "./dist/esm/switch/define.js"
|
|
109
113
|
},
|
|
110
114
|
"./tab.js": {
|
|
111
|
-
"types": "./dist/
|
|
115
|
+
"types": "./dist/dts/tab/define.d.ts",
|
|
112
116
|
"default": "./dist/esm/tab/define.js"
|
|
113
117
|
},
|
|
114
118
|
"./tabs.js": {
|
|
115
|
-
"types": "./dist/
|
|
119
|
+
"types": "./dist/dts/tabs/define.d.ts",
|
|
116
120
|
"default": "./dist/esm/tabs/define.js"
|
|
117
121
|
},
|
|
118
122
|
"./tab-panel.js": {
|
|
119
|
-
"types": "./dist/
|
|
123
|
+
"types": "./dist/dts/tab-panel/define.d.ts",
|
|
120
124
|
"default": "./dist/esm/tab-panel/define.js"
|
|
121
125
|
},
|
|
122
126
|
"./text.js": {
|
|
123
|
-
"types": "./dist/
|
|
127
|
+
"types": "./dist/dts/text/define.d.ts",
|
|
124
128
|
"default": "./dist/esm/text/define.js"
|
|
125
129
|
},
|
|
126
130
|
"./text-input.js": {
|
|
127
|
-
"types": "./dist/
|
|
131
|
+
"types": "./dist/dts/text-input/define.d.ts",
|
|
128
132
|
"default": "./dist/esm/text-input/define.js"
|
|
129
133
|
},
|
|
130
134
|
"./toggle-button.js": {
|
|
131
|
-
"types": "./dist/
|
|
135
|
+
"types": "./dist/dts/toggle-button/define.d.ts",
|
|
132
136
|
"default": "./dist/esm/toggle-button/define.js"
|
|
133
137
|
},
|
|
134
138
|
"./theme.js": {
|
|
135
|
-
"types": "./dist/
|
|
139
|
+
"types": "./dist/dts/theme/index.d.ts",
|
|
136
140
|
"default": "./dist/esm/theme/index.js"
|
|
137
141
|
}
|
|
138
142
|
},
|