@fluentui/react-tooltip 0.0.0-nightlyf8be6a7c6520220106.1 → 0.0.0-nightlyff78d1e27a20220217.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. package/CHANGELOG.json +174 -27
  2. package/CHANGELOG.md +43 -14
  3. package/dist/react-tooltip.d.ts +28 -46
  4. package/lib/Tooltip.js.map +1 -1
  5. package/lib/components/Tooltip/Tooltip.d.ts +3 -2
  6. package/lib/components/Tooltip/Tooltip.js +9 -9
  7. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  8. package/lib/components/Tooltip/Tooltip.types.d.ts +22 -38
  9. package/lib/components/Tooltip/Tooltip.types.js.map +1 -1
  10. package/lib/components/Tooltip/index.js.map +1 -1
  11. package/lib/components/Tooltip/private/constants.d.ts +12 -0
  12. package/lib/components/Tooltip/private/constants.js +14 -0
  13. package/lib/components/Tooltip/private/constants.js.map +1 -0
  14. package/lib/components/Tooltip/renderTooltip.d.ts +1 -1
  15. package/lib/components/Tooltip/renderTooltip.js +4 -4
  16. package/lib/components/Tooltip/renderTooltip.js.map +1 -1
  17. package/lib/components/Tooltip/useTooltip.d.ts +3 -5
  18. package/lib/components/Tooltip/useTooltip.js +44 -64
  19. package/lib/components/Tooltip/useTooltip.js.map +1 -1
  20. package/lib/components/Tooltip/useTooltipStyles.d.ts +1 -1
  21. package/lib/components/Tooltip/useTooltipStyles.js +38 -25
  22. package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
  23. package/lib/index.js.map +1 -1
  24. package/lib-commonjs/Tooltip.js.map +1 -1
  25. package/lib-commonjs/components/Tooltip/Tooltip.d.ts +3 -2
  26. package/lib-commonjs/components/Tooltip/Tooltip.js +8 -7
  27. package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
  28. package/lib-commonjs/components/Tooltip/Tooltip.types.d.ts +22 -38
  29. package/lib-commonjs/components/Tooltip/Tooltip.types.js.map +1 -1
  30. package/lib-commonjs/components/Tooltip/index.js.map +1 -1
  31. package/lib-commonjs/components/Tooltip/private/constants.d.ts +12 -0
  32. package/lib-commonjs/components/Tooltip/private/constants.js +21 -0
  33. package/lib-commonjs/components/Tooltip/private/constants.js.map +1 -0
  34. package/lib-commonjs/components/Tooltip/renderTooltip.d.ts +1 -1
  35. package/lib-commonjs/components/Tooltip/renderTooltip.js +6 -6
  36. package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
  37. package/lib-commonjs/components/Tooltip/useTooltip.d.ts +3 -5
  38. package/lib-commonjs/components/Tooltip/useTooltip.js +49 -68
  39. package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
  40. package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +1 -1
  41. package/lib-commonjs/components/Tooltip/useTooltipStyles.js +43 -28
  42. package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
  43. package/lib-commonjs/index.js.map +1 -1
  44. package/package.json +9 -11
package/CHANGELOG.json CHANGED
@@ -2,90 +2,237 @@
2
2
  "name": "@fluentui/react-tooltip",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 06 Jan 2022 04:30:11 GMT",
6
- "tag": "@fluentui/react-tooltip_v0.0.0-nightlyf8be6a7c6520220106.1",
7
- "version": "0.0.0-nightlyf8be6a7c6520220106.1",
5
+ "date": "Thu, 17 Feb 2022 11:41:16 GMT",
6
+ "tag": "@fluentui/react-tooltip_v0.0.0-nightlyff78d1e27a20220217.1",
7
+ "version": "0.0.0-nightlyff78d1e27a20220217.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-tooltip",
13
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8",
13
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
16
  {
17
17
  "author": "olfedias@microsoft.com",
18
18
  "package": "@fluentui/react-tooltip",
19
- "commit": "1bbb753830028fbf133858d523ae2d56ceefeecf",
20
- "comment": "update styles to not use CSS shorthands"
19
+ "commit": "2bf88fea066244bc078912bb6e45edb960f3b866",
20
+ "comment": "update trigger implementation to be consistent"
21
21
  },
22
22
  {
23
23
  "author": "beachball",
24
24
  "package": "@fluentui/react-tooltip",
25
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
26
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
25
+ "comment": "Bump @fluentui/react-portal to v0.0.0-nightlyff78d1e27a20220217.1",
26
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
27
27
  },
28
28
  {
29
29
  "author": "beachball",
30
30
  "package": "@fluentui/react-tooltip",
31
- "comment": "Bump @fluentui/react-portal to v0.0.0-nightlyf8be6a7c6520220106.1",
32
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
31
+ "comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyff78d1e27a20220217.1",
32
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
33
33
  },
34
34
  {
35
35
  "author": "beachball",
36
36
  "package": "@fluentui/react-tooltip",
37
- "comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyf8be6a7c6520220106.1",
38
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
37
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyff78d1e27a20220217.1",
38
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
39
39
  },
40
40
  {
41
41
  "author": "beachball",
42
42
  "package": "@fluentui/react-tooltip",
43
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf8be6a7c6520220106.1",
44
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
43
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyff78d1e27a20220217.1",
44
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
45
45
  },
46
46
  {
47
47
  "author": "beachball",
48
48
  "package": "@fluentui/react-tooltip",
49
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyf8be6a7c6520220106.1",
50
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
49
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyff78d1e27a20220217.1",
50
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
51
51
  },
52
52
  {
53
53
  "author": "beachball",
54
54
  "package": "@fluentui/react-tooltip",
55
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyf8be6a7c6520220106.1",
56
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
55
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyff78d1e27a20220217.1",
56
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
57
+ }
58
+ ]
59
+ }
60
+ },
61
+ {
62
+ "date": "Thu, 10 Feb 2022 08:50:30 GMT",
63
+ "tag": "@fluentui/react-tooltip_v9.0.0-rc.1",
64
+ "version": "9.0.0-rc.1",
65
+ "comments": {
66
+ "prerelease": [
67
+ {
68
+ "author": "olfedias@microsoft.com",
69
+ "package": "@fluentui/react-tooltip",
70
+ "commit": "02e6236e4db8e1b591223475896537e905bf3580",
71
+ "comment": "BREAKING: implement `content` slot"
72
+ },
73
+ {
74
+ "author": "olfedias@microsoft.com",
75
+ "package": "@fluentui/react-tooltip",
76
+ "commit": "17c0b18d7983d414095661bf9f57e14c0c22685d",
77
+ "comment": "Replace make-styles packages with griffel equivalents."
78
+ },
79
+ {
80
+ "author": "behowell@microsoft.com",
81
+ "package": "@fluentui/react-tooltip",
82
+ "commit": "58ae40d6817b1fa4e095a94707dfef5050aa4c11",
83
+ "comment": "Replace `triggerAriaAttribute` prop with `relationship` and make it required with no default"
84
+ },
85
+ {
86
+ "author": "behowell@microsoft.com",
87
+ "package": "@fluentui/react-tooltip",
88
+ "commit": "f30e7585a8d2abd9db06c4076f39a779008b0eca",
89
+ "comment": "Update MenuTrigger and Tooltip to work together"
90
+ },
91
+ {
92
+ "author": "mgodbolt@microsoft.com",
93
+ "package": "@fluentui/react-tooltip",
94
+ "commit": "839ec14849e112b85aa321d034739ec421199141",
95
+ "comment": "remove export of commons types"
96
+ },
97
+ {
98
+ "author": "lingfangao@hotmail.com",
99
+ "package": "@fluentui/react-tooltip",
100
+ "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
101
+ "comment": "Bump Fluent UI packages to 9.0.0-rc"
102
+ },
103
+ {
104
+ "author": "behowell@microsoft.com",
105
+ "package": "@fluentui/react-tooltip",
106
+ "commit": "caaf3307f864b04369c13fe69d7dc8fe7ab84735",
107
+ "comment": "Move arrowHeight and tooltipBorderRadius into a shared constants.ts file"
108
+ },
109
+ {
110
+ "author": "behowell@microsoft.com",
111
+ "package": "@fluentui/react-tooltip",
112
+ "commit": "2aacc839785a2f96d84a959aea207dfdb99116f8",
113
+ "comment": "Prevent Tooltip from overriding any aria-label, etc. props on its child"
114
+ },
115
+ {
116
+ "author": "Humberto.Morimoto@microsoft.com",
117
+ "package": "@fluentui/react-tooltip",
118
+ "commit": "9204703d0a42ee34a20ae4cf28952e13872647ba",
119
+ "comment": "Replacing use of functions in makeStyles with direct use of tokens."
120
+ },
121
+ {
122
+ "author": "behowell@microsoft.com",
123
+ "package": "@fluentui/react-tooltip",
124
+ "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
125
+ "comment": "Refactor component Slot typings"
126
+ },
127
+ {
128
+ "author": "olfedias@microsoft.com",
129
+ "package": "@fluentui/react-tooltip",
130
+ "commit": "1bbb753830028fbf133858d523ae2d56ceefeecf",
131
+ "comment": "update styles to not use CSS shorthands"
132
+ },
133
+ {
134
+ "author": "behowell@microsoft.com",
135
+ "package": "@fluentui/react-tooltip",
136
+ "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
137
+ "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
138
+ },
139
+ {
140
+ "author": "behowell@microsoft.com",
141
+ "package": "@fluentui/react-tooltip",
142
+ "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
143
+ "comment": "Remove component's shorthandProps array"
144
+ },
145
+ {
146
+ "author": "Humberto.Morimoto@microsoft.com",
147
+ "package": "@fluentui/react-tooltip",
148
+ "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
149
+ "comment": "Updating based on changes to composition types."
150
+ },
151
+ {
152
+ "author": "behowell@microsoft.com",
153
+ "package": "@fluentui/react-tooltip",
154
+ "commit": "97c3818f7faf8733a0cfc9c91f5e94ddb8652d3a",
155
+ "comment": "Update documentation stories"
156
+ },
157
+ {
158
+ "author": "olfedias@microsoft.com",
159
+ "package": "@fluentui/react-tooltip",
160
+ "commit": "aa6cfd8ac825b5a280206808101de549a91094fc",
161
+ "comment": "update types related to trigger (allow only React.ReactElement & null)"
162
+ },
163
+ {
164
+ "author": "behowell@microsoft.com",
165
+ "package": "@fluentui/react-tooltip",
166
+ "commit": "09804275c7f346db54c33d4ff347bffc33676014",
167
+ "comment": "Fix tooltip arrow rendering, and add high contrast border around Tooltip"
168
+ },
169
+ {
170
+ "author": "behowell@microsoft.com",
171
+ "package": "@fluentui/react-tooltip",
172
+ "commit": "1513362b9adaae5d7dbda6b364e40e736710a79f",
173
+ "comment": "Remove Tooltip's inverted prop in favor of the appearance prop"
57
174
  },
58
175
  {
59
176
  "author": "beachball",
60
177
  "package": "@fluentui/react-tooltip",
61
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
62
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
178
+ "comment": "Bump @fluentui/react-portal to v9.0.0-rc.1",
179
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
63
180
  },
64
181
  {
65
182
  "author": "beachball",
66
183
  "package": "@fluentui/react-tooltip",
67
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
68
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
184
+ "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.1",
185
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
69
186
  },
70
187
  {
71
188
  "author": "beachball",
72
189
  "package": "@fluentui/react-tooltip",
73
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
74
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
190
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.1",
191
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
192
+ },
193
+ {
194
+ "author": "beachball",
195
+ "package": "@fluentui/react-tooltip",
196
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.1",
197
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
198
+ },
199
+ {
200
+ "author": "beachball",
201
+ "package": "@fluentui/react-tooltip",
202
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
203
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
204
+ },
205
+ {
206
+ "author": "beachball",
207
+ "package": "@fluentui/react-tooltip",
208
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
209
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
75
210
  }
76
211
  ],
77
212
  "none": [
78
213
  {
79
- "author": "andredias@microsoft.com",
214
+ "author": "olfedias@microsoft.com",
80
215
  "package": "@fluentui/react-tooltip",
81
- "commit": "b59f44ed5db37b457476fdb3ec86ff273b776646",
82
- "comment": "Migrate package to use solution tsconfigs"
216
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
217
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
83
218
  },
84
219
  {
85
220
  "author": "elcraig@microsoft.com",
86
221
  "package": "@fluentui/react-tooltip",
87
222
  "commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
88
223
  "comment": "Remove outdated boilerplate comment in useTooltip"
224
+ },
225
+ {
226
+ "author": "martinhochel@microsoft.com",
227
+ "package": "@fluentui/react-tooltip",
228
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
229
+ "comment": "chore: use storybook runner for all vNext packages"
230
+ },
231
+ {
232
+ "author": "andredias@microsoft.com",
233
+ "package": "@fluentui/react-tooltip",
234
+ "commit": "b59f44ed5db37b457476fdb3ec86ff273b776646",
235
+ "comment": "Migrate package to use solution tsconfigs"
89
236
  }
90
237
  ]
91
238
  }
package/CHANGELOG.md CHANGED
@@ -1,27 +1,56 @@
1
1
  # Change Log - @fluentui/react-tooltip
2
2
 
3
- This log was last generated on Thu, 06 Jan 2022 04:30:11 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 17 Feb 2022 11:41:16 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlyf8be6a7c6520220106.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightlyf8be6a7c6520220106.1)
7
+ ## [0.0.0-nightlyff78d1e27a20220217.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightlyff78d1e27a20220217.1)
8
8
 
9
- Thu, 06 Jan 2022 04:30:11 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v0.0.0-nightlyf8be6a7c6520220106.1)
9
+ Thu, 17 Feb 2022 11:41:16 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.1..@fluentui/react-tooltip_v0.0.0-nightlyff78d1e27a20220217.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by email not defined)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by email not defined)
15
+ - update trigger implementation to be consistent ([PR #21626](https://github.com/microsoft/fluentui/pull/21626) by olfedias@microsoft.com)
16
+ - Bump @fluentui/react-portal to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
17
+ - Bump @fluentui/react-positioning to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
19
+ - Bump @fluentui/react-theme to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
20
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
21
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
22
+
23
+ ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.1)
24
+
25
+ Thu, 10 Feb 2022 08:50:30 GMT
26
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v9.0.0-rc.1)
27
+
28
+ ### Changes
29
+
30
+ - BREAKING: implement `content` slot ([PR #21470](https://github.com/microsoft/fluentui/pull/21470) by olfedias@microsoft.com)
31
+ - Replace make-styles packages with griffel equivalents. ([PR #21422](https://github.com/microsoft/fluentui/pull/21422) by olfedias@microsoft.com)
32
+ - Replace `triggerAriaAttribute` prop with `relationship` and make it required with no default ([PR #21331](https://github.com/microsoft/fluentui/pull/21331) by behowell@microsoft.com)
33
+ - Update MenuTrigger and Tooltip to work together ([PR #21495](https://github.com/microsoft/fluentui/pull/21495) by behowell@microsoft.com)
34
+ - remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
35
+ - Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
36
+ - Move arrowHeight and tooltipBorderRadius into a shared constants.ts file ([PR #21204](https://github.com/microsoft/fluentui/pull/21204) by behowell@microsoft.com)
37
+ - Prevent Tooltip from overriding any aria-label, etc. props on its child ([PR #21532](https://github.com/microsoft/fluentui/pull/21532) by behowell@microsoft.com)
38
+ - Replacing use of functions in makeStyles with direct use of tokens. ([PR #21058](https://github.com/microsoft/fluentui/pull/21058) by Humberto.Morimoto@microsoft.com)
39
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
15
40
  - update styles to not use CSS shorthands ([PR #20795](https://github.com/microsoft/fluentui/pull/20795) by olfedias@microsoft.com)
16
- - Bump @fluentui/react-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
17
- - Bump @fluentui/react-portal to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
18
- - Bump @fluentui/react-positioning to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
19
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
20
- - Bump @fluentui/react-theme to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
21
- - Bump @fluentui/react-utilities to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
22
- - Bump @fluentui/babel-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
23
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
24
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
41
+ - BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
42
+ - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
43
+ - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
44
+ - Update documentation stories ([PR #21298](https://github.com/microsoft/fluentui/pull/21298) by behowell@microsoft.com)
45
+ - update types related to trigger (allow only React.ReactElement & null) ([PR #21609](https://github.com/microsoft/fluentui/pull/21609) by olfedias@microsoft.com)
46
+ - Fix tooltip arrow rendering, and add high contrast border around Tooltip ([PR #21086](https://github.com/microsoft/fluentui/pull/21086) by behowell@microsoft.com)
47
+ - Remove Tooltip's inverted prop in favor of the appearance prop ([PR #21327](https://github.com/microsoft/fluentui/pull/21327) by behowell@microsoft.com)
48
+ - Bump @fluentui/react-portal to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
49
+ - Bump @fluentui/react-positioning to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
50
+ - Bump @fluentui/react-shared-contexts to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
51
+ - Bump @fluentui/react-theme to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
52
+ - Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
53
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
25
54
 
26
55
  ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.5)
27
56
 
@@ -1,9 +1,9 @@
1
1
  import type { ComponentProps } from '@fluentui/react-utilities';
2
2
  import type { ComponentState } from '@fluentui/react-utilities';
3
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
- import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
3
+ import type { FluentTriggerComponent } from '@fluentui/react-utilities';
5
4
  import type { PositioningShorthand } from '@fluentui/react-positioning';
6
5
  import * as React_2 from 'react';
6
+ import type { Slot } from '@fluentui/react-utilities';
7
7
 
8
8
  /**
9
9
  * Data for the Tooltip's onVisibleChange event.
@@ -15,34 +15,27 @@ export declare type OnVisibleChangeData = {
15
15
  /**
16
16
  * Render the final JSX of Tooltip
17
17
  */
18
- export declare const renderTooltip: (state: TooltipState) => JSX.Element;
18
+ export declare const renderTooltip_unstable: (state: TooltipState) => JSX.Element;
19
19
 
20
20
  /**
21
21
  * A tooltip provides light weight contextual information on top of its target element.
22
22
  */
23
- export declare const Tooltip: ForwardRefComponent<TooltipProps>;
23
+ export declare const Tooltip: React_2.FC<TooltipProps> & FluentTriggerComponent;
24
24
 
25
25
  export declare const tooltipClassName = "fui-Tooltip";
26
26
 
27
27
  /**
28
28
  * Properties and state for Tooltip
29
29
  */
30
- export declare type TooltipCommons = {
30
+ declare type TooltipCommons = {
31
31
  /**
32
- * A tooltip can appear with the default appearance or inverted.
33
- * When not specified, the default appearance is used.
34
- */
35
- appearance?: 'inverted';
36
- /**
37
- * The content displayed inside the tooltip.
38
- */
39
- content: React_2.ReactNode;
40
- /**
41
- * Color variant with inverted colors
32
+ * The tooltip's visual appearance.
33
+ * * `normal` - Uses the theme's background and text colors.
34
+ * * `inverted` - Higher contrast variant that uses the theme's inverted colors.
42
35
  *
43
- * @defaultvalue false
36
+ * @defaultvalue normal
44
37
  */
45
- inverted?: boolean;
38
+ appearance?: 'normal' | 'inverted';
46
39
  /**
47
40
  * Render an arrow pointing to the target element
48
41
  *
@@ -69,15 +62,15 @@ export declare type TooltipCommons = {
69
62
  */
70
63
  onVisibleChange?: (event: React_2.PointerEvent<HTMLElement> | React_2.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
71
64
  /**
72
- * Specifies which aria attribute to set on the trigger element.
73
- * * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
74
- * * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
75
- * * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
76
- * * null - Do not set any aria attributes on the trigger element.
65
+ * (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.
77
66
  *
78
- * @defaultvalue label
67
+ * * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons
68
+ * displaying only an icon, for example.
69
+ * * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.
70
+ * * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to
71
+ * screen readers, and should only be used if the tooltip's text is available by some other means.
79
72
  */
80
- triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
73
+ relationship: 'label' | 'description' | 'inaccessible';
81
74
  /**
82
75
  * Delay before the tooltip is shown, in milliseconds.
83
76
  *
@@ -95,36 +88,26 @@ export declare type TooltipCommons = {
95
88
  /**
96
89
  * Properties for Tooltip
97
90
  */
98
- export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
91
+ export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'relationship'>> & Pick<TooltipCommons, 'relationship'> & {
92
+ children?: (React_2.ReactElement & {
93
+ ref?: React_2.Ref<unknown>;
94
+ }) | ((props: TooltipTriggerProps) => React_2.ReactElement | null) | null;
95
+ };
99
96
 
100
97
  /**
101
98
  * Slot properties for Tooltip
102
99
  */
103
100
  export declare type TooltipSlots = {
104
- root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
105
- /**
106
- * The child is the element that triggers the Tooltip. It will have additional properties added,
107
- * including events and aria properties.
108
- * Alternatively, children can be a render function that takes the props and adds
109
- * them to the appropriate elements.
110
- */
111
- children?: (React_2.ReactElement<React_2.HTMLAttributes<HTMLElement>> & {
112
- ref?: React_2.Ref<unknown>;
113
- }) | ((props: TooltipTriggerProps) => React_2.ReactNode) | null;
114
- };
101
+ content: NonNullable<Slot<'div'>>;
115
102
  };
116
103
 
117
104
  /**
118
105
  * State used in rendering Tooltip
119
106
  */
120
107
  export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
108
+ children?: React_2.ReactElement | null;
121
109
  /**
122
110
  * Whether the tooltip should be rendered to the DOM.
123
- *
124
- * Normally the tooltip will only be rendered when visible. However, if
125
- * triggerAriaAttribute is labelledby or describedby, the tooltip will
126
- * always be rendered even when hidden so that those aria attributes
127
- * to always refer to a valid DOM element.
128
111
  */
129
112
  shouldRenderTooltip?: boolean;
130
113
  /**
@@ -147,17 +130,16 @@ export declare type TooltipTriggerProps = {
147
130
  /**
148
131
  * Create the state required to render Tooltip.
149
132
  *
150
- * The returned state can be modified with hooks such as useTooltipStyles,
151
- * before being passed to renderTooltip.
133
+ * The returned state can be modified with hooks such as useTooltipStyles_unstable,
134
+ * before being passed to renderTooltip_unstable.
152
135
  *
153
136
  * @param props - props from this instance of Tooltip
154
- * @param ref - reference to root HTMLElement of Tooltip
155
137
  */
156
- export declare const useTooltip: (props: TooltipProps, ref: React_2.Ref<HTMLDivElement>) => TooltipState;
138
+ export declare const useTooltip_unstable: (props: TooltipProps) => TooltipState;
157
139
 
158
140
  /**
159
141
  * Apply styling to the Tooltip slots based on the state
160
142
  */
161
- export declare const useTooltipStyles: (state: TooltipState) => TooltipState;
143
+ export declare const useTooltipStyles_unstable: (state: TooltipState) => TooltipState;
162
144
 
163
145
  export { }
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"../src/","sources":["Tooltip.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './components/Tooltip/index';\n"]}
@@ -1,6 +1,7 @@
1
+ import * as React from 'react';
1
2
  import type { TooltipProps } from './Tooltip.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
+ import type { FluentTriggerComponent } from '@fluentui/react-utilities';
3
4
  /**
4
5
  * A tooltip provides light weight contextual information on top of its target element.
5
6
  */
6
- export declare const Tooltip: ForwardRefComponent<TooltipProps>;
7
+ export declare const Tooltip: React.FC<TooltipProps> & FluentTriggerComponent;
@@ -1,15 +1,15 @@
1
- import * as React from 'react';
2
- import { useTooltip } from './useTooltip';
3
- import { renderTooltip } from './renderTooltip';
4
- import { useTooltipStyles } from './useTooltipStyles';
1
+ import { useTooltip_unstable } from './useTooltip';
2
+ import { renderTooltip_unstable } from './renderTooltip';
3
+ import { useTooltipStyles_unstable } from './useTooltipStyles';
5
4
  /**
6
5
  * A tooltip provides light weight contextual information on top of its target element.
7
6
  */
8
7
 
9
- export const Tooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
10
- const state = useTooltip(props, ref);
11
- useTooltipStyles(state);
12
- return renderTooltip(state);
13
- });
8
+ export const Tooltip = props => {
9
+ const state = useTooltip_unstable(props);
10
+ useTooltipStyles_unstable(state);
11
+ return renderTooltip_unstable(state);
12
+ };
14
13
  Tooltip.displayName = 'Tooltip';
14
+ Tooltip.isFluentTriggerComponent = true;
15
15
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,gBAAsC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AACA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CALyD,CAAnD;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}
1
+ {"version":3,"sources":["components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AACA,SAAS,yBAAT,QAA0C,oBAA1C;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAAoD,KAAK,IAAG;AAC9E,QAAM,KAAK,GAAG,mBAAmB,CAAC,KAAD,CAAjC;AAEA,EAAA,yBAAyB,CAAC,KAAD,CAAzB;AACA,SAAO,sBAAsB,CAAC,KAAD,CAA7B;AACD,CALM;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB;AACA,OAAO,CAAC,wBAAR,GAAmC,IAAnC","sourcesContent":["import * as React from 'react';\nimport { useTooltip_unstable } from './useTooltip';\nimport { renderTooltip_unstable } from './renderTooltip';\nimport { useTooltipStyles_unstable } from './useTooltipStyles';\nimport type { TooltipProps } from './Tooltip.types';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\n\n/**\n * A tooltip provides light weight contextual information on top of its target element.\n */\nexport const Tooltip: React.FC<TooltipProps> & FluentTriggerComponent = props => {\n const state = useTooltip_unstable(props);\n\n useTooltipStyles_unstable(state);\n return renderTooltip_unstable(state);\n};\n\nTooltip.displayName = 'Tooltip';\nTooltip.isFluentTriggerComponent = true;\n"],"sourceRoot":"../src/"}
@@ -1,41 +1,24 @@
1
1
  import * as React from 'react';
2
2
  import type { PositioningShorthand } from '@fluentui/react-positioning';
3
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
3
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
4
4
  /**
5
5
  * Slot properties for Tooltip
6
6
  */
7
7
  export declare type TooltipSlots = {
8
- root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
9
- /**
10
- * The child is the element that triggers the Tooltip. It will have additional properties added,
11
- * including events and aria properties.
12
- * Alternatively, children can be a render function that takes the props and adds
13
- * them to the appropriate elements.
14
- */
15
- children?: (React.ReactElement<React.HTMLAttributes<HTMLElement>> & {
16
- ref?: React.Ref<unknown>;
17
- }) | ((props: TooltipTriggerProps) => React.ReactNode) | null;
18
- };
8
+ content: NonNullable<Slot<'div'>>;
19
9
  };
20
10
  /**
21
11
  * Properties and state for Tooltip
22
12
  */
23
- export declare type TooltipCommons = {
13
+ declare type TooltipCommons = {
24
14
  /**
25
- * A tooltip can appear with the default appearance or inverted.
26
- * When not specified, the default appearance is used.
27
- */
28
- appearance?: 'inverted';
29
- /**
30
- * The content displayed inside the tooltip.
31
- */
32
- content: React.ReactNode;
33
- /**
34
- * Color variant with inverted colors
15
+ * The tooltip's visual appearance.
16
+ * * `normal` - Uses the theme's background and text colors.
17
+ * * `inverted` - Higher contrast variant that uses the theme's inverted colors.
35
18
  *
36
- * @defaultvalue false
19
+ * @defaultvalue normal
37
20
  */
38
- inverted?: boolean;
21
+ appearance?: 'normal' | 'inverted';
39
22
  /**
40
23
  * Render an arrow pointing to the target element
41
24
  *
@@ -62,15 +45,15 @@ export declare type TooltipCommons = {
62
45
  */
63
46
  onVisibleChange?: (event: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
64
47
  /**
65
- * Specifies which aria attribute to set on the trigger element.
66
- * * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
67
- * * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
68
- * * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
69
- * * null - Do not set any aria attributes on the trigger element.
48
+ * (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.
70
49
  *
71
- * @defaultvalue label
50
+ * * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons
51
+ * displaying only an icon, for example.
52
+ * * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.
53
+ * * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to
54
+ * screen readers, and should only be used if the tooltip's text is available by some other means.
72
55
  */
73
- triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
56
+ relationship: 'label' | 'description' | 'inaccessible';
74
57
  /**
75
58
  * Delay before the tooltip is shown, in milliseconds.
76
59
  *
@@ -99,18 +82,18 @@ export declare type OnVisibleChangeData = {
99
82
  /**
100
83
  * Properties for Tooltip
101
84
  */
102
- export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
85
+ export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'relationship'>> & Pick<TooltipCommons, 'relationship'> & {
86
+ children?: (React.ReactElement & {
87
+ ref?: React.Ref<unknown>;
88
+ }) | ((props: TooltipTriggerProps) => React.ReactElement | null) | null;
89
+ };
103
90
  /**
104
91
  * State used in rendering Tooltip
105
92
  */
106
93
  export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
94
+ children?: React.ReactElement | null;
107
95
  /**
108
96
  * Whether the tooltip should be rendered to the DOM.
109
- *
110
- * Normally the tooltip will only be rendered when visible. However, if
111
- * triggerAriaAttribute is labelledby or describedby, the tooltip will
112
- * always be rendered even when hidden so that those aria attributes
113
- * to always refer to a valid DOM element.
114
97
  */
115
98
  shouldRenderTooltip?: boolean;
116
99
  /**
@@ -122,3 +105,4 @@ export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons
122
105
  */
123
106
  arrowClassName?: string;
124
107
  };
108
+ export {};