@fluentui/web-components 2.5.8 → 2.5.10
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.json +46 -1
- package/CHANGELOG.md +20 -2
- package/dist/esm/menu/menu.stories.js +8 -1
- package/dist/esm/menu-item/menu-item.styles.js +2 -0
- package/dist/esm/tooltip/tooltip.styles.js +20 -20
- package/dist/web-components.js +388 -5008
- package/dist/web-components.min.js +3 -3
- package/package.json +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,52 @@
|
|
|
2
2
|
"name": "@fluentui/web-components",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 10 Jan 2023 07:47:01 GMT",
|
|
6
|
+
"tag": "@fluentui/web-components_v2.5.10",
|
|
7
|
+
"version": "2.5.10",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "jes@microsoft.com",
|
|
12
|
+
"package": "@fluentui/web-components",
|
|
13
|
+
"commit": "49ead1dcd8c34cf87b151e0c0cc7bd716260f22f",
|
|
14
|
+
"comment": "fix: layering zindex issue with sub menus"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Thu, 05 Jan 2023 07:59:57 GMT",
|
|
21
|
+
"tag": "@fluentui/web-components_v2.5.9",
|
|
22
|
+
"version": "2.5.9",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "abcy@microsoft.com",
|
|
27
|
+
"package": "@fluentui/web-components",
|
|
28
|
+
"commit": "b53326ef8367bbd954237bd039c5520188ed1071",
|
|
29
|
+
"comment": "Fix fluent-tooltip not showing anchor pointer when wc prefix is changed"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Tue, 15 Nov 2022 07:44:58 GMT",
|
|
36
|
+
"tag": "@fluentui/web-components_v2.5.8",
|
|
37
|
+
"version": "2.5.8",
|
|
38
|
+
"comments": {
|
|
39
|
+
"none": [
|
|
40
|
+
{
|
|
41
|
+
"author": "martinhochel@microsoft.com",
|
|
42
|
+
"package": "@fluentui/web-components",
|
|
43
|
+
"commit": "d419dfa7124fb15ebae8a27b30bdad869964301b",
|
|
44
|
+
"comment": "chore(.storybook): disable telemetry"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"date": "Wed, 26 Oct 2022 07:52:54 GMT",
|
|
6
51
|
"tag": "@fluentui/web-components_v2.5.8",
|
|
7
52
|
"version": "2.5.8",
|
|
8
53
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 10 Jan 2023 07:47:01 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [2.5.10](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.10)
|
|
8
|
+
|
|
9
|
+
Tue, 10 Jan 2023 07:47:01 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.9..@fluentui/web-components_v2.5.10)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- fix: layering zindex issue with sub menus ([PR #26260](https://github.com/microsoft/fluentui/pull/26260) by jes@microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [2.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.9)
|
|
17
|
+
|
|
18
|
+
Thu, 05 Jan 2023 07:59:57 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.8..@fluentui/web-components_v2.5.9)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- Fix fluent-tooltip not showing anchor pointer when wc prefix is changed ([PR #26154](https://github.com/microsoft/fluentui/pull/26154) by abcy@microsoft.com)
|
|
24
|
+
|
|
7
25
|
## [2.5.8](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.8)
|
|
8
26
|
|
|
9
|
-
Wed, 26 Oct 2022 07:
|
|
27
|
+
Wed, 26 Oct 2022 07:52:54 GMT
|
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.7..@fluentui/web-components_v2.5.8)
|
|
11
29
|
|
|
12
30
|
### Patches
|
|
@@ -10,7 +10,14 @@ const MenuTemplate = () => `
|
|
|
10
10
|
Menu item 2
|
|
11
11
|
<fluent-menu>
|
|
12
12
|
<fluent-menu-item>Nested Menu item 2.1</fluent-menu-item>
|
|
13
|
-
<fluent-menu-item>
|
|
13
|
+
<fluent-menu-item>
|
|
14
|
+
Nested Menu item 2.2
|
|
15
|
+
<fluent-menu>
|
|
16
|
+
<fluent-menu-item>Nested Menu item 2.2.1</fluent-menu-item>
|
|
17
|
+
<fluent-menu-item>Nested Menu item 2.2.2</fluent-menu-item>
|
|
18
|
+
<fluent-menu-item>Nested Menu item 2.2.3</fluent-menu-item>
|
|
19
|
+
</fluent-menu>
|
|
20
|
+
</fluent-menu-item>
|
|
14
21
|
<fluent-menu-item>Nested Menu item 2.3</fluent-menu-item>
|
|
15
22
|
</fluent-menu>
|
|
16
23
|
</fluent-menu-item>
|
|
@@ -23,6 +23,7 @@ export const menuItemStyles = (context, definition) => css `
|
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
border-radius: calc(${controlCornerRadius} * 1px);
|
|
25
25
|
border: calc(${strokeWidth} * 1px) solid transparent;
|
|
26
|
+
position: relative;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
:host(.indent-0) {
|
|
@@ -75,6 +76,7 @@ export const menuItemStyles = (context, definition) => css `
|
|
|
75
76
|
:host(.expanded) {
|
|
76
77
|
background: ${neutralFillStealthActive};
|
|
77
78
|
color: ${neutralForegroundRest};
|
|
79
|
+
z-index: 2;
|
|
78
80
|
}
|
|
79
81
|
|
|
80
82
|
:host([disabled]) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import {
|
|
2
|
+
import { AnchoredRegion, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
|
|
3
3
|
import { elevationShadowTooltip } from '../styles/index';
|
|
4
4
|
import { controlCornerRadius, fillColor, neutralForegroundRest, neutralStrokeLayerRest, strokeWidth, } from '../design-tokens';
|
|
5
5
|
import { typeRampBase } from '../styles/patterns/type-ramp';
|
|
@@ -27,7 +27,7 @@ export const tooltipStyles = (context, definition) => css `
|
|
|
27
27
|
box-shadow: ${elevationShadowTooltip};
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
${context.tagFor(AnchoredRegion)} {
|
|
31
31
|
display: flex;
|
|
32
32
|
justify-content: center;
|
|
33
33
|
align-items: center;
|
|
@@ -35,15 +35,15 @@ export const tooltipStyles = (context, definition) => css `
|
|
|
35
35
|
flex-direction: row;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
${context.tagFor(AnchoredRegion)}.right,
|
|
39
|
+
${context.tagFor(AnchoredRegion)}.left {
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
${context.tagFor(AnchoredRegion)}.top .tooltip::after,
|
|
44
|
+
${context.tagFor(AnchoredRegion)}.bottom .tooltip::after,
|
|
45
|
+
${context.tagFor(AnchoredRegion)}.left .tooltip::after,
|
|
46
|
+
${context.tagFor(AnchoredRegion)}.right .tooltip::after {
|
|
47
47
|
content: '';
|
|
48
48
|
width: 12px;
|
|
49
49
|
height: 12px;
|
|
@@ -53,53 +53,53 @@ export const tooltipStyles = (context, definition) => css `
|
|
|
53
53
|
position: absolute;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
${context.tagFor(AnchoredRegion)}.top .tooltip::after {
|
|
57
57
|
transform: translateX(-50%) rotate(225deg);
|
|
58
58
|
bottom: 5px;
|
|
59
59
|
left: 50%;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
${context.tagFor(AnchoredRegion)}.top .tooltip {
|
|
63
63
|
margin-bottom: 12px;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
${context.tagFor(AnchoredRegion)}.bottom .tooltip::after {
|
|
67
67
|
transform: translateX(-50%) rotate(45deg);
|
|
68
68
|
top: 5px;
|
|
69
69
|
left: 50%;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
${context.tagFor(AnchoredRegion)}.bottom .tooltip {
|
|
73
73
|
margin-top: 12px;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
|
|
76
|
+
${context.tagFor(AnchoredRegion)}.left .tooltip::after {
|
|
77
77
|
transform: translateY(-50%) rotate(135deg);
|
|
78
78
|
top: 50%;
|
|
79
79
|
right: 5px;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
|
|
82
|
+
${context.tagFor(AnchoredRegion)}.left .tooltip {
|
|
83
83
|
margin-right: 12px;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
${context.tagFor(AnchoredRegion)}.right .tooltip::after {
|
|
87
87
|
transform: translateY(-50%) rotate(-45deg);
|
|
88
88
|
top: 50%;
|
|
89
89
|
left: 5px;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
|
|
92
|
+
${context.tagFor(AnchoredRegion)}.right .tooltip {
|
|
93
93
|
margin-left: 12px;
|
|
94
94
|
}
|
|
95
95
|
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
96
96
|
:host([disabled]) {
|
|
97
97
|
opacity: 1;
|
|
98
98
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
99
|
+
${context.tagFor(AnchoredRegion)}.top .tooltip::after,
|
|
100
|
+
${context.tagFor(AnchoredRegion)}.bottom .tooltip::after,
|
|
101
|
+
${context.tagFor(AnchoredRegion)}.left .tooltip::after,
|
|
102
|
+
${context.tagFor(AnchoredRegion)}.right .tooltip::after {
|
|
103
103
|
content: '';
|
|
104
104
|
width: unset;
|
|
105
105
|
height: unset;
|