@fluentui/react-badge 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightly3082edf34720220208.1

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 (95) hide show
  1. package/CHANGELOG.json +278 -16
  2. package/CHANGELOG.md +59 -11
  3. package/dist/react-badge.d.ts +31 -26
  4. package/lib/components/Badge/Badge.d.ts +1 -1
  5. package/lib/components/Badge/Badge.js +8 -8
  6. package/lib/components/Badge/Badge.js.map +1 -1
  7. package/lib/components/Badge/Badge.types.d.ts +4 -5
  8. package/lib/components/Badge/renderBadge.d.ts +1 -1
  9. package/lib/components/Badge/renderBadge.js +9 -7
  10. package/lib/components/Badge/renderBadge.js.map +1 -1
  11. package/lib/components/Badge/useBadge.d.ts +1 -1
  12. package/lib/components/Badge/useBadge.js +19 -22
  13. package/lib/components/Badge/useBadge.js.map +1 -1
  14. package/lib/components/Badge/useBadgeStyles.d.ts +2 -1
  15. package/lib/components/Badge/useBadgeStyles.js +210 -203
  16. package/lib/components/Badge/useBadgeStyles.js.map +1 -1
  17. package/lib/components/CounterBadge/CounterBadge.d.ts +1 -1
  18. package/lib/components/CounterBadge/CounterBadge.js +8 -8
  19. package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
  20. package/lib/components/CounterBadge/CounterBadge.types.d.ts +7 -8
  21. package/lib/components/CounterBadge/useCounterBadge.d.ts +1 -1
  22. package/lib/components/CounterBadge/useCounterBadge.js +19 -25
  23. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
  24. package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts +2 -1
  25. package/lib/components/CounterBadge/useCounterBadgeStyles.js +10 -40
  26. package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  27. package/lib/components/PresenceBadge/PresenceBadge.d.ts +1 -1
  28. package/lib/components/PresenceBadge/PresenceBadge.js +8 -8
  29. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
  30. package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +6 -5
  31. package/lib/components/PresenceBadge/presenceIcons.d.ts +11 -0
  32. package/lib/components/PresenceBadge/presenceIcons.js +128 -0
  33. package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
  34. package/lib/components/PresenceBadge/usePresenceBadge.d.ts +1 -1
  35. package/lib/components/PresenceBadge/usePresenceBadge.js +36 -25
  36. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  37. package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts +2 -1
  38. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +43 -46
  39. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  40. package/lib-commonjs/Badge.js +1 -1
  41. package/lib-commonjs/CounterBadge.js +1 -1
  42. package/lib-commonjs/PresenceBadge.js +1 -1
  43. package/lib-commonjs/components/Badge/Badge.d.ts +1 -1
  44. package/lib-commonjs/components/Badge/Badge.js +9 -9
  45. package/lib-commonjs/components/Badge/Badge.js.map +1 -1
  46. package/lib-commonjs/components/Badge/Badge.types.d.ts +4 -5
  47. package/lib-commonjs/components/Badge/index.js +1 -1
  48. package/lib-commonjs/components/Badge/renderBadge.d.ts +1 -1
  49. package/lib-commonjs/components/Badge/renderBadge.js +13 -12
  50. package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
  51. package/lib-commonjs/components/Badge/useBadge.d.ts +1 -1
  52. package/lib-commonjs/components/Badge/useBadge.js +22 -26
  53. package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
  54. package/lib-commonjs/components/Badge/useBadgeStyles.d.ts +2 -1
  55. package/lib-commonjs/components/Badge/useBadgeStyles.js +214 -205
  56. package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
  57. package/lib-commonjs/components/CounterBadge/CounterBadge.d.ts +1 -1
  58. package/lib-commonjs/components/CounterBadge/CounterBadge.js +9 -9
  59. package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
  60. package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts +7 -8
  61. package/lib-commonjs/components/CounterBadge/index.js +1 -1
  62. package/lib-commonjs/components/CounterBadge/useCounterBadge.d.ts +1 -1
  63. package/lib-commonjs/components/CounterBadge/useCounterBadge.js +21 -28
  64. package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
  65. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts +2 -1
  66. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +13 -42
  67. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  68. package/lib-commonjs/components/PresenceBadge/PresenceBadge.d.ts +1 -1
  69. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +9 -9
  70. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
  71. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +6 -5
  72. package/lib-commonjs/components/PresenceBadge/index.js +1 -1
  73. package/lib-commonjs/components/PresenceBadge/presenceIcons.d.ts +11 -0
  74. package/lib-commonjs/components/PresenceBadge/presenceIcons.js +136 -0
  75. package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -0
  76. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.d.ts +1 -1
  77. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +38 -28
  78. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  79. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.d.ts +2 -1
  80. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +46 -48
  81. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  82. package/lib-commonjs/index.js +1 -1
  83. package/package.json +14 -15
  84. package/lib/common/isConformant.d.ts +0 -4
  85. package/lib/common/isConformant.js +0 -13
  86. package/lib/common/isConformant.js.map +0 -1
  87. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
  88. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -111
  89. package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
  90. package/lib-commonjs/common/isConformant.d.ts +0 -4
  91. package/lib-commonjs/common/isConformant.js +0 -24
  92. package/lib-commonjs/common/isConformant.js.map +0 -1
  93. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
  94. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -127
  95. package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,52 +2,302 @@
2
2
  "name": "@fluentui/react-badge",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 29 Oct 2021 06:39:56 GMT",
6
- "tag": "@fluentui/react-badge_v0.0.0-nightly0e0cf06c3420211029.1",
7
- "version": "0.0.0-nightly0e0cf06c3420211029.1",
5
+ "date": "Tue, 08 Feb 2022 04:14:23 GMT",
6
+ "tag": "@fluentui/react-badge_v0.0.0-nightly3082edf34720220208.1",
7
+ "version": "0.0.0-nightly3082edf34720220208.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-badge",
13
- "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de",
13
+ "commit": "2995e3262243608331236b8d12b1652c84d313bc",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
+ {
17
+ "author": "ololubek@microsoft.com",
18
+ "package": "@fluentui/react-badge",
19
+ "commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
20
+ "comment": "(fix): Update react-icons dependency to latest version"
21
+ },
22
+ {
23
+ "author": "behowell@microsoft.com",
24
+ "package": "@fluentui/react-badge",
25
+ "commit": "f5e7fa7a2129d3a4637a2ce777cecec435c256ec",
26
+ "comment": "Refactor and re-organize Badge styles; no visual changes."
27
+ },
28
+ {
29
+ "author": "behowell@microsoft.com",
30
+ "package": "@fluentui/react-badge",
31
+ "commit": "3bc0517363984081469903ee137a06543f825f1c",
32
+ "comment": "Add fontSize styling to icon slot, to automatically size user-provided icons"
33
+ },
34
+ {
35
+ "author": "Humberto.Morimoto@microsoft.com",
36
+ "package": "@fluentui/react-badge",
37
+ "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
38
+ "comment": "Updating based on changes to composition types."
39
+ },
40
+ {
41
+ "author": "olfedias@microsoft.com",
42
+ "package": "@fluentui/react-badge",
43
+ "commit": "5a49512b8e33d5a588212069a1f2827b806d584c",
44
+ "comment": "update styles to not use CSS shorthands"
45
+ },
46
+ {
47
+ "author": "lingfangao@hotmail.com",
48
+ "package": "@fluentui/react-badge",
49
+ "commit": "4e5e955acede0fc79334ef90a563de4bd35ee231",
50
+ "comment": "fix: use updated tokens for ghost and outline variants"
51
+ },
52
+ {
53
+ "author": "Humberto.Morimoto@microsoft.com",
54
+ "package": "@fluentui/react-badge",
55
+ "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
56
+ "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
57
+ },
58
+ {
59
+ "author": "tristan.watanabe@gmail.com",
60
+ "package": "@fluentui/react-badge",
61
+ "commit": "13f940ea4687d769dd2faf61edc27ff75f6bb565",
62
+ "comment": "Allow React 17 in peerDependencies."
63
+ },
64
+ {
65
+ "author": "ololubek@microsoft.com",
66
+ "package": "@fluentui/react-badge",
67
+ "commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
68
+ "comment": "Update react-icons usage to resizable icons"
69
+ },
70
+ {
71
+ "author": "behowell@microsoft.com",
72
+ "package": "@fluentui/react-badge",
73
+ "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
74
+ "comment": "Refactor component Slot typings"
75
+ },
76
+ {
77
+ "author": "behowell@microsoft.com",
78
+ "package": "@fluentui/react-badge",
79
+ "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
80
+ "comment": "Remove component's shorthandProps array"
81
+ },
82
+ {
83
+ "author": "Humberto.Morimoto@microsoft.com",
84
+ "package": "@fluentui/react-badge",
85
+ "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
86
+ "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
87
+ },
88
+ {
89
+ "author": "olfedias@microsoft.com",
90
+ "package": "@fluentui/react-badge",
91
+ "commit": "b23239743c4f5518bcf7dcad496a36fc16bbd2e5",
92
+ "comment": "update @fluentui/react-icons package"
93
+ },
94
+ {
95
+ "author": "olfedias@microsoft.com",
96
+ "package": "@fluentui/react-badge",
97
+ "commit": "8c75114e82b205810c9ac3692af71f6f7748225c",
98
+ "comment": "use Griffel packages"
99
+ },
100
+ {
101
+ "author": "Humberto.Morimoto@microsoft.com",
102
+ "package": "@fluentui/react-badge",
103
+ "commit": "2c54271f07c30f65718e085084c2e5b213268dfd",
104
+ "comment": "react-badge: Replacing use of functions in makeStyles with direct use of tokens."
105
+ },
106
+ {
107
+ "author": "behowell@microsoft.com",
108
+ "package": "@fluentui/react-badge",
109
+ "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
110
+ "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
111
+ },
112
+ {
113
+ "author": "lingfangao@hotmail.com",
114
+ "package": "@fluentui/react-badge",
115
+ "commit": "4e7acd7ff3c437663de70206416d3c19b6a87cfa",
116
+ "comment": "fix: Add uniform padding and modify gaps"
117
+ },
118
+ {
119
+ "author": "beachball",
120
+ "package": "@fluentui/react-badge",
121
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly3082edf34720220208.1",
122
+ "commit": "2995e3262243608331236b8d12b1652c84d313bc"
123
+ },
124
+ {
125
+ "author": "beachball",
126
+ "package": "@fluentui/react-badge",
127
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly3082edf34720220208.1",
128
+ "commit": "2995e3262243608331236b8d12b1652c84d313bc"
129
+ },
130
+ {
131
+ "author": "beachball",
132
+ "package": "@fluentui/react-badge",
133
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly3082edf34720220208.1",
134
+ "commit": "2995e3262243608331236b8d12b1652c84d313bc"
135
+ }
136
+ ],
137
+ "none": [
138
+ {
139
+ "author": "elcraig@microsoft.com",
140
+ "package": "@fluentui/react-badge",
141
+ "commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
142
+ "comment": "Remove outdated boilerplate comments"
143
+ },
144
+ {
145
+ "author": "martinhochel@microsoft.com",
146
+ "package": "@fluentui/react-badge",
147
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
148
+ "comment": "chore: use storybook runner for all vNext packages"
149
+ },
150
+ {
151
+ "author": "olfedias@microsoft.com",
152
+ "package": "@fluentui/react-badge",
153
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
154
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
155
+ },
156
+ {
157
+ "author": "bsunderhus@microsoft.com",
158
+ "package": "@fluentui/react-badge",
159
+ "commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
160
+ "comment": "Updates components with nullRender changes"
161
+ },
162
+ {
163
+ "author": "tkrasniqi@microsoft.com",
164
+ "package": "@fluentui/react-badge",
165
+ "commit": "87e12a2e3a9d90b4ff95d3ed333739756d190f6c",
166
+ "comment": "Updated best practices for long text"
167
+ }
168
+ ]
169
+ }
170
+ },
171
+ {
172
+ "date": "Thu, 25 Nov 2021 08:34:11 GMT",
173
+ "tag": "@fluentui/react-badge_v9.0.0-beta.4",
174
+ "version": "9.0.0-beta.4",
175
+ "comments": {
176
+ "none": [
177
+ {
178
+ "author": "lingfangao@hotmail.com",
179
+ "package": "@fluentui/react-badge",
180
+ "commit": "cc3fe8e29cbb4b9d03f26e9a06b58d7aa24ffb65",
181
+ "comment": "Migrate package to use solution style ts-config"
182
+ }
183
+ ],
184
+ "prerelease": [
185
+ {
186
+ "author": "lingfangao@hotmail.com",
187
+ "package": "@fluentui/react-badge",
188
+ "commit": "6183f8ae46233d7ecec2a3d12e7348b7b41eea0c",
189
+ "comment": "various styling fixes for base Badge component"
190
+ },
191
+ {
192
+ "author": "lingfangao@hotmail.com",
193
+ "package": "@fluentui/react-badge",
194
+ "commit": "c5c66cb39e6906f506bf30c9e56c0839f10e2d51",
195
+ "comment": "Reduce colour set and align with base badge colours"
196
+ },
197
+ {
198
+ "author": "ololubek@microsoft.com",
199
+ "package": "@fluentui/react-badge",
200
+ "commit": "ecab13cfd6ac22657020db8f86eb89f952b0f953",
201
+ "comment": "update react-icons dependency"
202
+ },
203
+ {
204
+ "author": "lingfangao@hotmail.com",
205
+ "package": "@fluentui/react-badge",
206
+ "commit": "48e52fc91e41ab721c9842f8f68ac84ad569a851",
207
+ "comment": "Remove props and return correct presence icons"
208
+ },
209
+ {
210
+ "author": "beachball",
211
+ "package": "@fluentui/react-badge",
212
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
213
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
214
+ },
215
+ {
216
+ "author": "beachball",
217
+ "package": "@fluentui/react-badge",
218
+ "comment": "Bump @fluentui/react-theme to v9.0.0-beta.4",
219
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
220
+ },
16
221
  {
17
222
  "author": "beachball",
18
223
  "package": "@fluentui/react-badge",
19
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
20
- "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
224
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
225
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
21
226
  },
22
227
  {
23
228
  "author": "beachball",
24
229
  "package": "@fluentui/react-badge",
25
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightly0e0cf06c3420211029.1",
26
- "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
230
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
231
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
27
232
  },
28
233
  {
29
234
  "author": "beachball",
30
235
  "package": "@fluentui/react-badge",
31
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly0e0cf06c3420211029.1",
32
- "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
236
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
237
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
33
238
  },
34
239
  {
35
240
  "author": "beachball",
36
241
  "package": "@fluentui/react-badge",
37
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
38
- "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
242
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
243
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
244
+ }
245
+ ]
246
+ }
247
+ },
248
+ {
249
+ "date": "Fri, 12 Nov 2021 13:25:15 GMT",
250
+ "tag": "@fluentui/react-badge_v9.0.0-beta.3",
251
+ "version": "9.0.0-beta.3",
252
+ "comments": {
253
+ "prerelease": [
254
+ {
255
+ "author": "olfedias@microsoft.com",
256
+ "package": "@fluentui/react-badge",
257
+ "commit": "e42f50656c1b703d88c398b114f225ba5f1f5f22",
258
+ "comment": "export static classes for components"
259
+ },
260
+ {
261
+ "author": "gcox@microsoft.com",
262
+ "package": "@fluentui/react-badge",
263
+ "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
264
+ "comment": "Updated beta and RC components to ES2019"
39
265
  },
40
266
  {
41
267
  "author": "beachball",
42
268
  "package": "@fluentui/react-badge",
43
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
44
- "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
269
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
270
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
45
271
  },
46
272
  {
47
273
  "author": "beachball",
48
274
  "package": "@fluentui/react-badge",
49
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly0e0cf06c3420211029.1",
50
- "commit": "3535f78f7af73f13f2c1e7470293fb5e592866de"
275
+ "comment": "Bump @fluentui/react-theme to v9.0.0-beta.3",
276
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
277
+ },
278
+ {
279
+ "author": "beachball",
280
+ "package": "@fluentui/react-badge",
281
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
282
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
283
+ },
284
+ {
285
+ "author": "beachball",
286
+ "package": "@fluentui/react-badge",
287
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
288
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
289
+ },
290
+ {
291
+ "author": "beachball",
292
+ "package": "@fluentui/react-badge",
293
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
294
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
295
+ },
296
+ {
297
+ "author": "beachball",
298
+ "package": "@fluentui/react-badge",
299
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
300
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
51
301
  }
52
302
  ],
53
303
  "none": [
@@ -56,6 +306,18 @@
56
306
  "package": "@fluentui/react-badge",
57
307
  "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
58
308
  "comment": "update docs descriptions"
309
+ },
310
+ {
311
+ "author": "lingfangao@hotmail.com",
312
+ "package": "@fluentui/react-badge",
313
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
314
+ "comment": "Remove beta release tag"
315
+ },
316
+ {
317
+ "author": "me@levithomason.com",
318
+ "package": "@fluentui/react-badge",
319
+ "commit": "cdbe0769d2a6ee91a98a3e62c6ac9329a714355c",
320
+ "comment": "Docs update"
59
321
  }
60
322
  ]
61
323
  }
package/CHANGELOG.md CHANGED
@@ -1,23 +1,71 @@
1
1
  # Change Log - @fluentui/react-badge
2
2
 
3
- This log was last generated on Fri, 29 Oct 2021 06:39:56 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 08 Feb 2022 04:14:23 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly0e0cf06c3420211029.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly0e0cf06c3420211029.1)
7
+ ## [0.0.0-nightly3082edf34720220208.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly3082edf34720220208.1)
8
8
 
9
- Fri, 29 Oct 2021 06:39:56 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.2..@fluentui/react-badge_v0.0.0-nightly0e0cf06c3420211029.1)
9
+ Tue, 08 Feb 2022 04:14:23 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.4..@fluentui/react-badge_v0.0.0-nightly3082edf34720220208.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by email not defined)
15
- - Bump @fluentui/react-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
16
- - Bump @fluentui/react-theme to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
17
- - Bump @fluentui/react-utilities to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
18
- - Bump @fluentui/babel-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
19
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
20
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly0e0cf06c3420211029.1 ([commit](https://github.com/microsoft/fluentui/commit/3535f78f7af73f13f2c1e7470293fb5e592866de) by beachball)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/2995e3262243608331236b8d12b1652c84d313bc) by email not defined)
15
+ - (fix): Update react-icons dependency to latest version ([PR #20943](https://github.com/microsoft/fluentui/pull/20943) by ololubek@microsoft.com)
16
+ - Refactor and re-organize Badge styles; no visual changes. ([PR #21271](https://github.com/microsoft/fluentui/pull/21271) by behowell@microsoft.com)
17
+ - Add fontSize styling to icon slot, to automatically size user-provided icons ([PR #21219](https://github.com/microsoft/fluentui/pull/21219) by behowell@microsoft.com)
18
+ - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
19
+ - update styles to not use CSS shorthands ([PR #20802](https://github.com/microsoft/fluentui/pull/20802) by olfedias@microsoft.com)
20
+ - fix: use updated tokens for ghost and outline variants ([PR #20893](https://github.com/microsoft/fluentui/pull/20893) by lingfangao@hotmail.com)
21
+ - Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
22
+ - Allow React 17 in peerDependencies. ([PR #21544](https://github.com/microsoft/fluentui/pull/21544) by tristan.watanabe@gmail.com)
23
+ - Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
24
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
25
+ - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
26
+ - Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
27
+ - update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
28
+ - use Griffel packages ([PR #21437](https://github.com/microsoft/fluentui/pull/21437) by olfedias@microsoft.com)
29
+ - react-badge: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21038](https://github.com/microsoft/fluentui/pull/21038) by Humberto.Morimoto@microsoft.com)
30
+ - 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)
31
+ - fix: Add uniform padding and modify gaps ([PR #20974](https://github.com/microsoft/fluentui/pull/20974) by lingfangao@hotmail.com)
32
+ - Bump @fluentui/react-theme to v0.0.0-nightly3082edf34720220208.1 ([commit](https://github.com/microsoft/fluentui/commit/2995e3262243608331236b8d12b1652c84d313bc) by beachball)
33
+ - Bump @fluentui/react-utilities to v0.0.0-nightly3082edf34720220208.1 ([commit](https://github.com/microsoft/fluentui/commit/2995e3262243608331236b8d12b1652c84d313bc) by beachball)
34
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly3082edf34720220208.1 ([commit](https://github.com/microsoft/fluentui/commit/2995e3262243608331236b8d12b1652c84d313bc) by beachball)
35
+
36
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.4)
37
+
38
+ Thu, 25 Nov 2021 08:34:11 GMT
39
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.3..@fluentui/react-badge_v9.0.0-beta.4)
40
+
41
+ ### Changes
42
+
43
+ - various styling fixes for base Badge component ([PR #20693](https://github.com/microsoft/fluentui/pull/20693) by lingfangao@hotmail.com)
44
+ - Reduce colour set and align with base badge colours ([PR #20596](https://github.com/microsoft/fluentui/pull/20596) by lingfangao@hotmail.com)
45
+ - update react-icons dependency ([PR #20563](https://github.com/microsoft/fluentui/pull/20563) by ololubek@microsoft.com)
46
+ - Remove props and return correct presence icons ([PR #20630](https://github.com/microsoft/fluentui/pull/20630) by lingfangao@hotmail.com)
47
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
48
+ - Bump @fluentui/react-theme to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
49
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
50
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
51
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
52
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
53
+
54
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.3)
55
+
56
+ Fri, 12 Nov 2021 13:25:15 GMT
57
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.2..@fluentui/react-badge_v9.0.0-beta.3)
58
+
59
+ ### Changes
60
+
61
+ - export static classes for components ([PR #20453](https://github.com/microsoft/fluentui/pull/20453) by olfedias@microsoft.com)
62
+ - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
63
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
64
+ - Bump @fluentui/react-theme to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
65
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
66
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
67
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
68
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
21
69
 
22
70
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.2)
23
71
 
@@ -1,14 +1,16 @@
1
1
  import type { ComponentProps } from '@fluentui/react-utilities';
2
2
  import type { ComponentState } from '@fluentui/react-utilities';
3
3
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
- import type { ObjectShorthandProps } from '@fluentui/react-utilities';
5
4
  import * as React_2 from 'react';
5
+ import type { Slot } from '@fluentui/react-utilities';
6
6
 
7
7
  /**
8
- * Define a styled Badge, using the `useBadge` hook.
8
+ * Define a styled Badge, using the `useBadge_unstable` hook.
9
9
  */
10
10
  export declare const Badge: ForwardRefComponent<BadgeProps>;
11
11
 
12
+ export declare const badgeClassName = "fui-Badge";
13
+
12
14
  export declare type BadgeCommons = {
13
15
  /**
14
16
  * A Badge can be filled, outline, ghost, inverted
@@ -37,20 +39,22 @@ export declare type BadgeCommons = {
37
39
  size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
38
40
  };
39
41
 
40
- export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
42
+ export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
41
43
 
42
44
  export declare type BadgeSlots = {
43
- root: ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>>;
44
- icon?: ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>>;
45
+ root: Slot<'div'>;
46
+ icon?: Slot<'span'>;
45
47
  };
46
48
 
47
49
  export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
48
50
 
49
51
  /**
50
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
52
+ * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
51
53
  */
52
54
  export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
53
55
 
56
+ export declare const counterBadgeClassName = "fui-CounterBadge";
57
+
54
58
  export declare type CounterBadgeCommons = {
55
59
  /**
56
60
  * Max number to be displayed
@@ -82,24 +86,25 @@ export declare type CounterBadgeCommons = {
82
86
  * @default filled
83
87
  */
84
88
  appearance: 'filled' | 'ghost';
89
+ /**
90
+ * Semantic colors for a counter badge
91
+ * @default brand
92
+ */
93
+ color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
85
94
  };
86
95
 
87
- /**
88
- * {@docCategory CounterBadge}
89
- */
90
- export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & Partial<CounterBadgeCommons>;
96
+ export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
91
97
 
92
- /**
93
- * {@docCategory CounterBadge}
94
- */
95
- export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape'> & CounterBadgeCommons;
98
+ export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
96
99
 
97
100
  /**
98
- * Define a styled Badge, using the `useBadge` hook.
101
+ * Define a styled Badge, using the `useBadge_unstable` hook.
99
102
  */
100
103
  export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
101
104
 
102
- export declare interface PresenceBadgeCommons {
105
+ export declare const presenceBadgeClassName = "fui-PresenceBadge";
106
+
107
+ export declare type PresenceBadgeCommons = {
103
108
  /**
104
109
  * Represents several status
105
110
  * @default available
@@ -111,44 +116,44 @@ export declare interface PresenceBadgeCommons {
111
116
  * @default false
112
117
  */
113
118
  outOfOffice: boolean;
114
- }
119
+ } & BadgeCommons;
115
120
 
116
- export declare type PresenceBadgeProps = BadgeProps & Partial<PresenceBadgeCommons>;
121
+ export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
117
122
 
118
- export declare type PresenceBadgeState = BadgeState & PresenceBadgeCommons;
123
+ export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
119
124
 
120
125
  export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
121
126
 
122
- export declare const renderBadge: (state: BadgeState) => JSX.Element;
127
+ export declare const renderBadge_unstable: (state: BadgeState) => JSX.Element;
123
128
 
124
129
  /**
125
130
  * Returns the props and state required to render the component
126
131
  */
127
- export declare const useBadge: (props: BadgeProps, ref: React_2.Ref<HTMLElement>) => BadgeState;
132
+ export declare const useBadge_unstable: (props: BadgeProps, ref: React_2.Ref<HTMLElement>) => BadgeState;
128
133
 
129
134
  /**
130
135
  * Applies style classnames to slots
131
136
  */
132
- export declare const useBadgeStyles: (state: BadgeState) => BadgeState;
137
+ export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;
133
138
 
134
139
  /**
135
140
  * Returns the props and state required to render the component
136
141
  */
137
- export declare const useCounterBadge: (props: CounterBadgeProps, ref: React_2.Ref<HTMLElement>) => CounterBadgeState;
142
+ export declare const useCounterBadge_unstable: (props: CounterBadgeProps, ref: React_2.Ref<HTMLElement>) => CounterBadgeState;
138
143
 
139
144
  /**
140
145
  * Applies style classnames to slots
141
146
  */
142
- export declare const useCounterBadgeStyles: (state: CounterBadgeState) => CounterBadgeState;
147
+ export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;
143
148
 
144
149
  /**
145
150
  * Returns the props and state required to render the component
146
151
  */
147
- export declare const usePresenceBadge: (props: PresenceBadgeProps, ref: React_2.Ref<HTMLElement>) => PresenceBadgeState;
152
+ export declare const usePresenceBadge_unstable: (props: PresenceBadgeProps, ref: React_2.Ref<HTMLElement>) => PresenceBadgeState;
148
153
 
149
154
  /**
150
155
  * Applies style classnames to slots
151
156
  */
152
- export declare const usePresenceBadgeStyles: (state: PresenceBadgeState) => PresenceBadgeState;
157
+ export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;
153
158
 
154
159
  export { }
@@ -1,6 +1,6 @@
1
1
  import type { BadgeProps } from './Badge.types';
2
2
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
3
  /**
4
- * Define a styled Badge, using the `useBadge` hook.
4
+ * Define a styled Badge, using the `useBadge_unstable` hook.
5
5
  */
6
6
  export declare const Badge: ForwardRefComponent<BadgeProps>;
@@ -1,15 +1,15 @@
1
1
  import * as React from 'react';
2
- import { useBadge } from './useBadge';
3
- import { useBadgeStyles } from './useBadgeStyles';
4
- import { renderBadge } from './renderBadge';
2
+ import { useBadge_unstable } from './useBadge';
3
+ import { useBadgeStyles_unstable } from './useBadgeStyles';
4
+ import { renderBadge_unstable } from './renderBadge';
5
5
  /**
6
- * Define a styled Badge, using the `useBadge` hook.
6
+ * Define a styled Badge, using the `useBadge_unstable` hook.
7
7
  */
8
8
 
9
- export var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useBadge(props, ref);
11
- useBadgeStyles(state);
12
- return renderBadge(state);
9
+ export const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useBadge_unstable(props, ref);
11
+ useBadgeStyles_unstable(state);
12
+ return renderBadge_unstable(state);
13
13
  });
14
14
  Badge.displayName = 'Badge';
15
15
  //# sourceMappingURL=Badge.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,YAAzB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AACA,SAAS,WAAT,QAA4B,eAA5B;AAIA;;AAEG;;AACH,OAAO,IAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChF,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAD,EAAQ,GAAR,CAAtB;AACA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,iBAAT,QAAkC,YAAlC;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AACA,SAAS,oBAAT,QAAqC,eAArC;AAIA;;AAEG;;AACH,OAAO,MAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AACA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}
@@ -1,8 +1,7 @@
1
- import * as React from 'react';
2
- import type { ComponentProps, ComponentState, ObjectShorthandProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
3
2
  export declare type BadgeSlots = {
4
- root: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
5
- icon?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
3
+ root: Slot<'div'>;
4
+ icon?: Slot<'span'>;
6
5
  };
7
6
  export declare type BadgeCommons = {
8
7
  /**
@@ -31,5 +30,5 @@ export declare type BadgeCommons = {
31
30
  */
32
31
  size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
33
32
  };
34
- export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
33
+ export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
35
34
  export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
@@ -1,2 +1,2 @@
1
1
  import type { BadgeState } from './Badge.types';
2
- export declare const renderBadge: (state: BadgeState) => JSX.Element;
2
+ export declare const renderBadge_unstable: (state: BadgeState) => JSX.Element;