@fluentui/react-alert 9.0.0-beta.13 → 9.0.0-beta.131
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 +1455 -3
- package/README.md +5 -3
- package/dist/index.d.ts +12 -3
- package/lib/Alert.js +1 -2
- package/lib/Alert.js.map +1 -1
- package/lib/components/Alert/Alert.js +13 -8
- package/lib/components/Alert/Alert.js.map +1 -1
- package/lib/components/Alert/Alert.types.js +5 -2
- package/lib/components/Alert/Alert.types.js.map +1 -1
- package/lib/components/Alert/index.js +4 -6
- package/lib/components/Alert/index.js.map +1 -1
- package/lib/components/Alert/renderAlert.js +16 -13
- package/lib/components/Alert/renderAlert.js.map +1 -1
- package/lib/components/Alert/useAlert.js +64 -69
- package/lib/components/Alert/useAlert.js.map +1 -1
- package/lib/components/Alert/useAlertStyles.styles.js +167 -0
- package/lib/components/Alert/useAlertStyles.styles.js.map +1 -0
- package/lib/components/Alert/useAlertStyles.styles.raw.js +107 -0
- package/lib/components/Alert/useAlertStyles.styles.raw.js.map +1 -0
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Alert.js +26 -8
- package/lib-commonjs/Alert.js.map +1 -1
- package/lib-commonjs/components/Alert/Alert.js +23 -23
- package/lib-commonjs/components/Alert/Alert.js.map +1 -1
- package/lib-commonjs/components/Alert/Alert.types.js +5 -3
- package/lib-commonjs/components/Alert/Alert.types.js.map +1 -1
- package/lib-commonjs/components/Alert/index.js +29 -16
- package/lib-commonjs/components/Alert/index.js.map +1 -1
- package/lib-commonjs/components/Alert/renderAlert.js +20 -21
- package/lib-commonjs/components/Alert/renderAlert.js.map +1 -1
- package/lib-commonjs/components/Alert/useAlert.js +74 -92
- package/lib-commonjs/components/Alert/useAlert.js.map +1 -1
- package/lib-commonjs/components/Alert/useAlertStyles.styles.js +258 -0
- package/lib-commonjs/components/Alert/useAlertStyles.styles.js.map +1 -0
- package/lib-commonjs/components/Alert/useAlertStyles.styles.raw.js +120 -0
- package/lib-commonjs/components/Alert/useAlertStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/index.js +25 -36
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +33 -30
- package/CHANGELOG.json +0 -552
- package/Migration.md +0 -0
- package/Spec.md +0 -97
- package/lib/components/Alert/useAlertStyles.js +0 -112
- package/lib/components/Alert/useAlertStyles.js.map +0 -1
- package/lib-commonjs/components/Alert/useAlertStyles.js +0 -123
- package/lib-commonjs/components/Alert/useAlertStyles.js.map +0 -1
package/CHANGELOG.json
DELETED
|
@@ -1,552 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@fluentui/react-alert",
|
|
3
|
-
"entries": [
|
|
4
|
-
{
|
|
5
|
-
"date": "Thu, 13 Oct 2022 12:55:52 GMT",
|
|
6
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.13",
|
|
7
|
-
"version": "9.0.0-beta.13",
|
|
8
|
-
"comments": {
|
|
9
|
-
"prerelease": [
|
|
10
|
-
{
|
|
11
|
-
"author": "beachball",
|
|
12
|
-
"package": "@fluentui/react-alert",
|
|
13
|
-
"comment": "Bump @fluentui/react-avatar to v9.2.2",
|
|
14
|
-
"commit": "e563f3daaea9b7cc62f50bc15edd44edf5045107"
|
|
15
|
-
}
|
|
16
|
-
]
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
"date": "Thu, 13 Oct 2022 11:02:42 GMT",
|
|
21
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.12",
|
|
22
|
-
"version": "9.0.0-beta.12",
|
|
23
|
-
"comments": {
|
|
24
|
-
"prerelease": [
|
|
25
|
-
{
|
|
26
|
-
"author": "olfedias@microsoft.com",
|
|
27
|
-
"package": "@fluentui/react-alert",
|
|
28
|
-
"commit": "1a527d440e0497ef8046b3ce240492241e7a04ac",
|
|
29
|
-
"comment": "chore: Update Griffel to latest version"
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
"author": "beachball",
|
|
33
|
-
"package": "@fluentui/react-alert",
|
|
34
|
-
"comment": "Bump @fluentui/react-avatar to v9.2.1",
|
|
35
|
-
"commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
"author": "beachball",
|
|
39
|
-
"package": "@fluentui/react-alert",
|
|
40
|
-
"comment": "Bump @fluentui/react-button to v9.1.4",
|
|
41
|
-
"commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
"author": "beachball",
|
|
45
|
-
"package": "@fluentui/react-alert",
|
|
46
|
-
"comment": "Bump @fluentui/react-utilities to v9.1.1",
|
|
47
|
-
"commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"author": "beachball",
|
|
51
|
-
"package": "@fluentui/react-alert",
|
|
52
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.15",
|
|
53
|
-
"commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
|
|
54
|
-
}
|
|
55
|
-
]
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"date": "Mon, 03 Oct 2022 22:24:42 GMT",
|
|
60
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.11",
|
|
61
|
-
"version": "9.0.0-beta.11",
|
|
62
|
-
"comments": {
|
|
63
|
-
"prerelease": [
|
|
64
|
-
{
|
|
65
|
-
"author": "beachball",
|
|
66
|
-
"package": "@fluentui/react-alert",
|
|
67
|
-
"comment": "Bump @fluentui/react-avatar to v9.2.0",
|
|
68
|
-
"commit": "67a8c98b8d53cd2fa14d668cf639b867b68ad18a"
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"author": "beachball",
|
|
72
|
-
"package": "@fluentui/react-alert",
|
|
73
|
-
"comment": "Bump @fluentui/react-button to v9.1.3",
|
|
74
|
-
"commit": "67a8c98b8d53cd2fa14d668cf639b867b68ad18a"
|
|
75
|
-
}
|
|
76
|
-
]
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"date": "Tue, 20 Sep 2022 20:55:45 GMT",
|
|
81
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.10",
|
|
82
|
-
"version": "9.0.0-beta.10",
|
|
83
|
-
"comments": {
|
|
84
|
-
"prerelease": [
|
|
85
|
-
{
|
|
86
|
-
"author": "beachball",
|
|
87
|
-
"package": "@fluentui/react-alert",
|
|
88
|
-
"comment": "Bump @fluentui/react-avatar to v9.1.1",
|
|
89
|
-
"commit": "4ceba844c804a2f49b0465389100e7a3dabf116e"
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"author": "beachball",
|
|
93
|
-
"package": "@fluentui/react-alert",
|
|
94
|
-
"comment": "Bump @fluentui/react-button to v9.1.2",
|
|
95
|
-
"commit": "4ceba844c804a2f49b0465389100e7a3dabf116e"
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
"author": "beachball",
|
|
99
|
-
"package": "@fluentui/react-alert",
|
|
100
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14",
|
|
101
|
-
"commit": "4ceba844c804a2f49b0465389100e7a3dabf116e"
|
|
102
|
-
}
|
|
103
|
-
]
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
"date": "Thu, 15 Sep 2022 09:49:47 GMT",
|
|
108
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.9",
|
|
109
|
-
"version": "9.0.0-beta.9",
|
|
110
|
-
"comments": {
|
|
111
|
-
"none": [
|
|
112
|
-
{
|
|
113
|
-
"author": "martinhochel@microsoft.com",
|
|
114
|
-
"package": "@fluentui/react-alert",
|
|
115
|
-
"commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
|
|
116
|
-
"comment": "chore: update package scaffold"
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"author": "rohitpag@microsoft.com",
|
|
120
|
-
"package": "@fluentui/react-alert",
|
|
121
|
-
"commit": "045c66e2a2142e3d2380da05a9aa60b54de6888c",
|
|
122
|
-
"comment": "Adding appearance prop to the alert component"
|
|
123
|
-
}
|
|
124
|
-
],
|
|
125
|
-
"prerelease": [
|
|
126
|
-
{
|
|
127
|
-
"author": "olfedias@microsoft.com",
|
|
128
|
-
"package": "@fluentui/react-alert",
|
|
129
|
-
"commit": "e610024474cfe5d45f61501a8b6a21daf4c794a2",
|
|
130
|
-
"comment": "chore: Update Griffel to latest version"
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
"author": "beachball",
|
|
134
|
-
"package": "@fluentui/react-alert",
|
|
135
|
-
"comment": "Bump @fluentui/react-avatar to v9.1.0",
|
|
136
|
-
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"author": "beachball",
|
|
140
|
-
"package": "@fluentui/react-alert",
|
|
141
|
-
"comment": "Bump @fluentui/react-button to v9.1.1",
|
|
142
|
-
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
"author": "beachball",
|
|
146
|
-
"package": "@fluentui/react-alert",
|
|
147
|
-
"comment": "Bump @fluentui/react-theme to v9.1.0",
|
|
148
|
-
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
"author": "beachball",
|
|
152
|
-
"package": "@fluentui/react-alert",
|
|
153
|
-
"comment": "Bump @fluentui/react-utilities to v9.1.0",
|
|
154
|
-
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
"author": "beachball",
|
|
158
|
-
"package": "@fluentui/react-alert",
|
|
159
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13",
|
|
160
|
-
"commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
|
|
161
|
-
}
|
|
162
|
-
]
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
"date": "Wed, 03 Aug 2022 16:03:36 GMT",
|
|
167
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.8",
|
|
168
|
-
"version": "9.0.0-beta.8",
|
|
169
|
-
"comments": {
|
|
170
|
-
"prerelease": [
|
|
171
|
-
{
|
|
172
|
-
"author": "miroslav.stastny@microsoft.com",
|
|
173
|
-
"package": "@fluentui/react-alert",
|
|
174
|
-
"commit": "08563664778fd80284561d3c9d254307a0a32362",
|
|
175
|
-
"comment": "chore: Bump Griffel dependencies"
|
|
176
|
-
},
|
|
177
|
-
{
|
|
178
|
-
"author": "beachball",
|
|
179
|
-
"package": "@fluentui/react-alert",
|
|
180
|
-
"comment": "Bump @fluentui/react-avatar to v9.0.4",
|
|
181
|
-
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
"author": "beachball",
|
|
185
|
-
"package": "@fluentui/react-alert",
|
|
186
|
-
"comment": "Bump @fluentui/react-button to v9.1.0",
|
|
187
|
-
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
188
|
-
},
|
|
189
|
-
{
|
|
190
|
-
"author": "beachball",
|
|
191
|
-
"package": "@fluentui/react-alert",
|
|
192
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12",
|
|
193
|
-
"commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
|
|
194
|
-
}
|
|
195
|
-
]
|
|
196
|
-
}
|
|
197
|
-
},
|
|
198
|
-
{
|
|
199
|
-
"date": "Thu, 14 Jul 2022 21:21:08 GMT",
|
|
200
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.7",
|
|
201
|
-
"version": "9.0.0-beta.7",
|
|
202
|
-
"comments": {
|
|
203
|
-
"prerelease": [
|
|
204
|
-
{
|
|
205
|
-
"author": "Humberto.Morimoto@microsoft.com",
|
|
206
|
-
"package": "@fluentui/react-alert",
|
|
207
|
-
"commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2",
|
|
208
|
-
"comment": "fix: Fixing bad version bump of @fluentui/react-utilities."
|
|
209
|
-
},
|
|
210
|
-
{
|
|
211
|
-
"author": "beachball",
|
|
212
|
-
"package": "@fluentui/react-alert",
|
|
213
|
-
"comment": "Bump @fluentui/react-avatar to v9.0.3",
|
|
214
|
-
"commit": "79b513146194367544160f364b0a7dd749ed93e4"
|
|
215
|
-
},
|
|
216
|
-
{
|
|
217
|
-
"author": "beachball",
|
|
218
|
-
"package": "@fluentui/react-alert",
|
|
219
|
-
"comment": "Bump @fluentui/react-button to v9.0.3",
|
|
220
|
-
"commit": "79b513146194367544160f364b0a7dd749ed93e4"
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"author": "beachball",
|
|
224
|
-
"package": "@fluentui/react-alert",
|
|
225
|
-
"comment": "Bump @fluentui/react-utilities to v9.0.2",
|
|
226
|
-
"commit": "79b513146194367544160f364b0a7dd749ed93e4"
|
|
227
|
-
}
|
|
228
|
-
]
|
|
229
|
-
}
|
|
230
|
-
},
|
|
231
|
-
{
|
|
232
|
-
"date": "Thu, 14 Jul 2022 17:06:12 GMT",
|
|
233
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.6",
|
|
234
|
-
"version": "9.0.0-beta.6",
|
|
235
|
-
"comments": {
|
|
236
|
-
"prerelease": [
|
|
237
|
-
{
|
|
238
|
-
"author": "ololubek@microsoft.com",
|
|
239
|
-
"package": "@fluentui/react-alert",
|
|
240
|
-
"commit": "63ab03fa7a9b3d02204147ea5356b8f78751df42",
|
|
241
|
-
"comment": "chore: Update @fluentui/react-icons dependency to v2.0.175"
|
|
242
|
-
},
|
|
243
|
-
{
|
|
244
|
-
"author": "sarah.higley@microsoft.com",
|
|
245
|
-
"package": "@fluentui/react-alert",
|
|
246
|
-
"commit": "18cb868b8978fc56b9dc2ded0aaf79d17e6deeee",
|
|
247
|
-
"comment": "update Alert with live region attributes"
|
|
248
|
-
},
|
|
249
|
-
{
|
|
250
|
-
"author": "rohitpag@microsoft.com",
|
|
251
|
-
"package": "@fluentui/react-alert",
|
|
252
|
-
"commit": "b4a1586d84a3f1480327d288b128eb102b44ba5a",
|
|
253
|
-
"comment": "feat: Adding avatar slot support to Alert"
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"author": "beachball",
|
|
257
|
-
"package": "@fluentui/react-alert",
|
|
258
|
-
"comment": "Bump @fluentui/react-avatar to v9.0.2",
|
|
259
|
-
"commit": "35237381e941c8935b1892c9217096cea3e5601f"
|
|
260
|
-
},
|
|
261
|
-
{
|
|
262
|
-
"author": "beachball",
|
|
263
|
-
"package": "@fluentui/react-alert",
|
|
264
|
-
"comment": "Bump @fluentui/react-button to v9.0.2",
|
|
265
|
-
"commit": "35237381e941c8935b1892c9217096cea3e5601f"
|
|
266
|
-
},
|
|
267
|
-
{
|
|
268
|
-
"author": "beachball",
|
|
269
|
-
"package": "@fluentui/react-alert",
|
|
270
|
-
"comment": "Bump @fluentui/react-utilities to v9.0.1-0",
|
|
271
|
-
"commit": "35237381e941c8935b1892c9217096cea3e5601f"
|
|
272
|
-
},
|
|
273
|
-
{
|
|
274
|
-
"author": "beachball",
|
|
275
|
-
"package": "@fluentui/react-alert",
|
|
276
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11",
|
|
277
|
-
"commit": "35237381e941c8935b1892c9217096cea3e5601f"
|
|
278
|
-
}
|
|
279
|
-
]
|
|
280
|
-
}
|
|
281
|
-
},
|
|
282
|
-
{
|
|
283
|
-
"date": "Tue, 28 Jun 2022 17:39:46 GMT",
|
|
284
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.5",
|
|
285
|
-
"version": "9.0.0-beta.5",
|
|
286
|
-
"comments": {
|
|
287
|
-
"prerelease": [
|
|
288
|
-
{
|
|
289
|
-
"author": "lingfangao@hotmail.com",
|
|
290
|
-
"package": "@fluentui/react-alert",
|
|
291
|
-
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b",
|
|
292
|
-
"comment": "fix: Use caret dependency range for Griffel"
|
|
293
|
-
},
|
|
294
|
-
{
|
|
295
|
-
"author": "beachball",
|
|
296
|
-
"package": "@fluentui/react-alert",
|
|
297
|
-
"comment": "Bump @fluentui/react-button to v9.0.1",
|
|
298
|
-
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"author": "beachball",
|
|
302
|
-
"package": "@fluentui/react-alert",
|
|
303
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10",
|
|
304
|
-
"commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
|
|
305
|
-
}
|
|
306
|
-
]
|
|
307
|
-
}
|
|
308
|
-
},
|
|
309
|
-
{
|
|
310
|
-
"date": "Tue, 28 Jun 2022 15:14:12 GMT",
|
|
311
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.4",
|
|
312
|
-
"version": "9.0.0-beta.4",
|
|
313
|
-
"comments": {
|
|
314
|
-
"prerelease": [
|
|
315
|
-
{
|
|
316
|
-
"author": "lingfangao@hotmail.com",
|
|
317
|
-
"package": "@fluentui/react-alert",
|
|
318
|
-
"commit": "e0aabd850b15adf9c151ebd4e332f7c50ad6cfdf",
|
|
319
|
-
"comment": "Update 9.0.0-rc dependencies to use caret range"
|
|
320
|
-
},
|
|
321
|
-
{
|
|
322
|
-
"author": "lingfangao@hotmail.com",
|
|
323
|
-
"package": "@fluentui/react-alert",
|
|
324
|
-
"commit": "675acea49c97f10837ddee9b8c4350ca27750125",
|
|
325
|
-
"comment": "Bump Griffel dependencies"
|
|
326
|
-
},
|
|
327
|
-
{
|
|
328
|
-
"author": "olfedias@microsoft.com",
|
|
329
|
-
"package": "@fluentui/react-alert",
|
|
330
|
-
"commit": "82bd30dd41ad58df1f325e9b721200ed15d674a2",
|
|
331
|
-
"comment": "chore: Update @fluentui/react-icons to latest version"
|
|
332
|
-
},
|
|
333
|
-
{
|
|
334
|
-
"author": "beachball",
|
|
335
|
-
"package": "@fluentui/react-alert",
|
|
336
|
-
"comment": "Bump @fluentui/react-button to v9.0.0",
|
|
337
|
-
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
338
|
-
},
|
|
339
|
-
{
|
|
340
|
-
"author": "beachball",
|
|
341
|
-
"package": "@fluentui/react-alert",
|
|
342
|
-
"comment": "Bump @fluentui/react-theme to v9.0.0",
|
|
343
|
-
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
344
|
-
},
|
|
345
|
-
{
|
|
346
|
-
"author": "beachball",
|
|
347
|
-
"package": "@fluentui/react-alert",
|
|
348
|
-
"comment": "Bump @fluentui/react-utilities to v9.0.0",
|
|
349
|
-
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
350
|
-
},
|
|
351
|
-
{
|
|
352
|
-
"author": "beachball",
|
|
353
|
-
"package": "@fluentui/react-alert",
|
|
354
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9",
|
|
355
|
-
"commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
|
|
356
|
-
}
|
|
357
|
-
],
|
|
358
|
-
"none": [
|
|
359
|
-
{
|
|
360
|
-
"author": "mgodbolt@microsoft.com",
|
|
361
|
-
"package": "@fluentui/react-alert",
|
|
362
|
-
"commit": "262d148f068ea1d3354994dd659ac881b31dda28",
|
|
363
|
-
"comment": "chore: Move alert stories into folder and use index entry point."
|
|
364
|
-
}
|
|
365
|
-
]
|
|
366
|
-
}
|
|
367
|
-
},
|
|
368
|
-
{
|
|
369
|
-
"date": "Thu, 23 Jun 2022 14:25:31 GMT",
|
|
370
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.3",
|
|
371
|
-
"version": "9.0.0-beta.3",
|
|
372
|
-
"comments": {
|
|
373
|
-
"prerelease": [
|
|
374
|
-
{
|
|
375
|
-
"author": "beachball",
|
|
376
|
-
"package": "@fluentui/react-alert",
|
|
377
|
-
"comment": "Bump @fluentui/react-button to v9.0.0-rc.14",
|
|
378
|
-
"commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
|
|
379
|
-
},
|
|
380
|
-
{
|
|
381
|
-
"author": "beachball",
|
|
382
|
-
"package": "@fluentui/react-alert",
|
|
383
|
-
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.10",
|
|
384
|
-
"commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
|
|
385
|
-
}
|
|
386
|
-
]
|
|
387
|
-
}
|
|
388
|
-
},
|
|
389
|
-
{
|
|
390
|
-
"date": "Tue, 31 May 2022 21:28:35 GMT",
|
|
391
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.2",
|
|
392
|
-
"version": "9.0.0-beta.2",
|
|
393
|
-
"comments": {
|
|
394
|
-
"prerelease": [
|
|
395
|
-
{
|
|
396
|
-
"author": "olfedias@microsoft.com",
|
|
397
|
-
"package": "@fluentui/react-alert",
|
|
398
|
-
"commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
|
|
399
|
-
"comment": "chore: Update Griffel to latest version"
|
|
400
|
-
},
|
|
401
|
-
{
|
|
402
|
-
"author": "beachball",
|
|
403
|
-
"package": "@fluentui/react-alert",
|
|
404
|
-
"comment": "Bump @fluentui/react-button to v9.0.0-rc.13",
|
|
405
|
-
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
406
|
-
},
|
|
407
|
-
{
|
|
408
|
-
"author": "beachball",
|
|
409
|
-
"package": "@fluentui/react-alert",
|
|
410
|
-
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
|
|
411
|
-
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
412
|
-
},
|
|
413
|
-
{
|
|
414
|
-
"author": "beachball",
|
|
415
|
-
"package": "@fluentui/react-alert",
|
|
416
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
|
|
417
|
-
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
418
|
-
}
|
|
419
|
-
]
|
|
420
|
-
}
|
|
421
|
-
},
|
|
422
|
-
{
|
|
423
|
-
"date": "Thu, 26 May 2022 21:01:22 GMT",
|
|
424
|
-
"tag": "@fluentui/react-alert_v9.0.0-beta.1",
|
|
425
|
-
"version": "9.0.0-beta.1",
|
|
426
|
-
"comments": {
|
|
427
|
-
"prerelease": [
|
|
428
|
-
{
|
|
429
|
-
"author": "rohitpag@microsoft.com",
|
|
430
|
-
"package": "@fluentui/react-alert",
|
|
431
|
-
"commit": "303947a3e3687058c902a9a8bee1ecd1f19a92c8",
|
|
432
|
-
"comment": "Publish react-alert as unstable component"
|
|
433
|
-
},
|
|
434
|
-
{
|
|
435
|
-
"author": "beachball",
|
|
436
|
-
"package": "@fluentui/react-alert",
|
|
437
|
-
"comment": "Bump @fluentui/react-button to v9.0.0-rc.12",
|
|
438
|
-
"commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
|
|
439
|
-
}
|
|
440
|
-
]
|
|
441
|
-
}
|
|
442
|
-
},
|
|
443
|
-
{
|
|
444
|
-
"date": "Mon, 23 May 2022 18:56:51 GMT",
|
|
445
|
-
"tag": "@fluentui/react-alert_v9.0.0-alpha.0",
|
|
446
|
-
"version": "9.0.0-alpha.0",
|
|
447
|
-
"comments": {
|
|
448
|
-
"prerelease": [
|
|
449
|
-
{
|
|
450
|
-
"author": "beachball",
|
|
451
|
-
"package": "@fluentui/react-alert",
|
|
452
|
-
"comment": "Bump @fluentui/react-button to v9.0.0-rc.11",
|
|
453
|
-
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
454
|
-
},
|
|
455
|
-
{
|
|
456
|
-
"author": "beachball",
|
|
457
|
-
"package": "@fluentui/react-alert",
|
|
458
|
-
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
|
|
459
|
-
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
460
|
-
},
|
|
461
|
-
{
|
|
462
|
-
"author": "beachball",
|
|
463
|
-
"package": "@fluentui/react-alert",
|
|
464
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
|
|
465
|
-
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
466
|
-
}
|
|
467
|
-
]
|
|
468
|
-
}
|
|
469
|
-
},
|
|
470
|
-
{
|
|
471
|
-
"date": "Mon, 23 May 2022 12:14:24 GMT",
|
|
472
|
-
"tag": "@fluentui/react-alert_v9.0.0-alpha.0",
|
|
473
|
-
"version": "9.0.0-alpha.0",
|
|
474
|
-
"comments": {
|
|
475
|
-
"prerelease": [
|
|
476
|
-
{
|
|
477
|
-
"author": "beachball",
|
|
478
|
-
"package": "@fluentui/react-alert",
|
|
479
|
-
"comment": "Bump @fluentui/react-button to v9.0.0-rc.10",
|
|
480
|
-
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
481
|
-
},
|
|
482
|
-
{
|
|
483
|
-
"author": "beachball",
|
|
484
|
-
"package": "@fluentui/react-alert",
|
|
485
|
-
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
|
|
486
|
-
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
487
|
-
},
|
|
488
|
-
{
|
|
489
|
-
"author": "beachball",
|
|
490
|
-
"package": "@fluentui/react-alert",
|
|
491
|
-
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
|
|
492
|
-
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
493
|
-
},
|
|
494
|
-
{
|
|
495
|
-
"author": "beachball",
|
|
496
|
-
"package": "@fluentui/react-alert",
|
|
497
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6",
|
|
498
|
-
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
499
|
-
}
|
|
500
|
-
]
|
|
501
|
-
}
|
|
502
|
-
},
|
|
503
|
-
{
|
|
504
|
-
"date": "Thu, 05 May 2022 18:26:30 GMT",
|
|
505
|
-
"tag": "@fluentui/react-alert_v9.0.0-alpha.0",
|
|
506
|
-
"version": "9.0.0-alpha.0",
|
|
507
|
-
"comments": {
|
|
508
|
-
"prerelease": [
|
|
509
|
-
{
|
|
510
|
-
"author": "beachball",
|
|
511
|
-
"package": "@fluentui/react-alert",
|
|
512
|
-
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.7",
|
|
513
|
-
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
514
|
-
},
|
|
515
|
-
{
|
|
516
|
-
"author": "beachball",
|
|
517
|
-
"package": "@fluentui/react-alert",
|
|
518
|
-
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.8",
|
|
519
|
-
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
520
|
-
},
|
|
521
|
-
{
|
|
522
|
-
"author": "beachball",
|
|
523
|
-
"package": "@fluentui/react-alert",
|
|
524
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5",
|
|
525
|
-
"commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
|
|
526
|
-
}
|
|
527
|
-
]
|
|
528
|
-
}
|
|
529
|
-
},
|
|
530
|
-
{
|
|
531
|
-
"date": "Wed, 04 May 2022 13:26:54 GMT",
|
|
532
|
-
"tag": "@fluentui/react-alert_v9.0.0-alpha.0",
|
|
533
|
-
"version": "9.0.0-alpha.0",
|
|
534
|
-
"comments": {
|
|
535
|
-
"prerelease": [
|
|
536
|
-
{
|
|
537
|
-
"author": "beachball",
|
|
538
|
-
"package": "@fluentui/react-alert",
|
|
539
|
-
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.6",
|
|
540
|
-
"commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
|
|
541
|
-
},
|
|
542
|
-
{
|
|
543
|
-
"author": "beachball",
|
|
544
|
-
"package": "@fluentui/react-alert",
|
|
545
|
-
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7",
|
|
546
|
-
"commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
|
|
547
|
-
}
|
|
548
|
-
]
|
|
549
|
-
}
|
|
550
|
-
}
|
|
551
|
-
]
|
|
552
|
-
}
|
package/Migration.md
DELETED
|
File without changes
|
package/Spec.md
DELETED
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
# Alert
|
|
2
|
-
|
|
3
|
-
## Background
|
|
4
|
-
|
|
5
|
-
An Alert displays a brief, important message to attract a user's attention without interrupting their current task.
|
|
6
|
-
|
|
7
|
-
## Prior Art
|
|
8
|
-
|
|
9
|
-
- [Alert - Open UI](https://open-ui.org/components/toast.research)
|
|
10
|
-
- [Convergence epic issue #22579](https://github.com/microsoft/fluentui/issues/22579)
|
|
11
|
-
|
|
12
|
-
## Sample Code
|
|
13
|
-
|
|
14
|
-
Default Alert
|
|
15
|
-
|
|
16
|
-
```
|
|
17
|
-
import { Alert } from '@fluentui/react-alert'
|
|
18
|
-
|
|
19
|
-
const AlertExample = () => <Alert>This is a default alert</Alert>
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
Success Alert
|
|
23
|
-
|
|
24
|
-
```
|
|
25
|
-
import { Alert } from '@fluentui/react-alert'
|
|
26
|
-
|
|
27
|
-
const AlertExample = () =><Alert intent="success">This is a success alert</Alert>
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
## API
|
|
31
|
-
|
|
32
|
-
See [Alert.types.ts](./src/components/Alert/Alert.types.ts)
|
|
33
|
-
|
|
34
|
-
## Structure
|
|
35
|
-
|
|
36
|
-
### Slots
|
|
37
|
-
|
|
38
|
-
- `root`: The outermost `<div>` that contains the rest of the slots
|
|
39
|
-
- `icon`: (optional) A `<span>` that renders an icon and is inferred by the `intent` prop or passed in via the `icon` prop
|
|
40
|
-
- `action`: (optional) A `<button>` that prompts users to act on it
|
|
41
|
-
- `avatar`: (optional) A slot that renders an `Avatar` component passed in via the `avatar` prop
|
|
42
|
-
|
|
43
|
-
### **Public**
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
<Alert>This is a default alert</Alert>
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
### **Internal**
|
|
50
|
-
|
|
51
|
-
```tsx
|
|
52
|
-
<slots.root {...slotProps.root}>
|
|
53
|
-
{slots.icon && <slots.icon {...slotProps.icon} />}
|
|
54
|
-
{slots.avatar && <slots.avatar {...slotProps.avatar} />}
|
|
55
|
-
{slotProps.root.children}
|
|
56
|
-
{slots.action && <slots.action {...slotProps.action} />}
|
|
57
|
-
</slots.root>
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
### **DOM**
|
|
61
|
-
|
|
62
|
-
```html
|
|
63
|
-
<div class="fui-Alert">
|
|
64
|
-
<span class="fui-Alert__icon">DeletedFilled</span>
|
|
65
|
-
Chat deleted
|
|
66
|
-
<button type="button" class="fui-Button fui-Alert__action">Undo</button>
|
|
67
|
-
</div>
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
## Migration
|
|
71
|
-
|
|
72
|
-
See [Migration.md](./Migration.md)
|
|
73
|
-
|
|
74
|
-
## Behaviors
|
|
75
|
-
|
|
76
|
-
_Explain how the component will behave in use, including:_
|
|
77
|
-
|
|
78
|
-
- _Component States_
|
|
79
|
-
- _Interaction_
|
|
80
|
-
- _Keyboard_
|
|
81
|
-
- _Cursor_
|
|
82
|
-
- _Touch_
|
|
83
|
-
- _Screen readers_
|
|
84
|
-
|
|
85
|
-
## Accessibility
|
|
86
|
-
|
|
87
|
-
Base accessibility information is included in the design document. After the spec is filled and review, outcomes from it need to be communicated to design and incorporated in the design document.
|
|
88
|
-
|
|
89
|
-
- Decide whether to use **native element** or folow **ARIA** and provide reasons
|
|
90
|
-
- Identify the **[ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/) pattern** and, if the component is listed there, follow its specification as possible.
|
|
91
|
-
- Identify accessibility **variants**, the `role` ([ARIA roles](https://www.w3.org/TR/wai-aria-1.1/#role_definitions)) of the component, its `slots` and `aria-*` props.
|
|
92
|
-
- Describe the **keyboard navigation**: Tab Oder and Arrow Key Navigation. Describe any other keyboard **shortcuts** used
|
|
93
|
-
- Specify texts for **state change announcements** - [ARIA live regions
|
|
94
|
-
](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) (number of available items in dropdown, error messages, confirmations, ...)
|
|
95
|
-
- Identify UI parts that appear on **hover or focus** and specify keyboard and screen reader interaction with them
|
|
96
|
-
- List cases when **focus** needs to be **trapped** in sections of the UI (for dialogs and popups or for hierarchical navigation)
|
|
97
|
-
- List cases when **focus** needs to be **moved programatically** (if parts of the UI are appearing/disappearing or other cases)
|