@fluentui/react-badge 0.0.0-nightly0bc161458e20220126.1 → 0.0.0-nightly2170ed575f20220223.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 (60) hide show
  1. package/CHANGELOG.json +144 -30
  2. package/CHANGELOG.md +38 -8
  3. package/dist/react-badge.d.ts +8 -8
  4. package/lib/Badge.js.map +1 -1
  5. package/lib/CounterBadge.js.map +1 -1
  6. package/lib/PresenceBadge.js.map +1 -1
  7. package/lib/components/Badge/Badge.js.map +1 -1
  8. package/lib/components/Badge/Badge.types.d.ts +4 -4
  9. package/lib/components/Badge/Badge.types.js.map +1 -1
  10. package/lib/components/Badge/index.d.ts +1 -1
  11. package/lib/components/Badge/index.js +0 -1
  12. package/lib/components/Badge/index.js.map +1 -1
  13. package/lib/components/Badge/renderBadge.js +2 -2
  14. package/lib/components/Badge/renderBadge.js.map +1 -1
  15. package/lib/components/Badge/useBadge.js.map +1 -1
  16. package/lib/components/Badge/useBadgeStyles.js +149 -182
  17. package/lib/components/Badge/useBadgeStyles.js.map +1 -1
  18. package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
  19. package/lib/components/CounterBadge/CounterBadge.types.d.ts +2 -1
  20. package/lib/components/CounterBadge/CounterBadge.types.js.map +1 -1
  21. package/lib/components/CounterBadge/index.js.map +1 -1
  22. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
  23. package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  24. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
  25. package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +4 -3
  26. package/lib/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  27. package/lib/components/PresenceBadge/index.js.map +1 -1
  28. package/lib/components/PresenceBadge/presenceIcons.js.map +1 -1
  29. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  30. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  31. package/lib/index.js.map +1 -1
  32. package/lib-commonjs/Badge.js.map +1 -1
  33. package/lib-commonjs/CounterBadge.js.map +1 -1
  34. package/lib-commonjs/PresenceBadge.js.map +1 -1
  35. package/lib-commonjs/components/Badge/Badge.js.map +1 -1
  36. package/lib-commonjs/components/Badge/Badge.types.d.ts +4 -4
  37. package/lib-commonjs/components/Badge/Badge.types.js.map +1 -1
  38. package/lib-commonjs/components/Badge/index.d.ts +1 -1
  39. package/lib-commonjs/components/Badge/index.js +0 -2
  40. package/lib-commonjs/components/Badge/index.js.map +1 -1
  41. package/lib-commonjs/components/Badge/renderBadge.js +2 -2
  42. package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
  43. package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
  44. package/lib-commonjs/components/Badge/useBadgeStyles.js +149 -182
  45. package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
  46. package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
  47. package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts +2 -1
  48. package/lib-commonjs/components/CounterBadge/CounterBadge.types.js.map +1 -1
  49. package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
  50. package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
  51. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  52. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
  53. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +4 -3
  54. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  55. package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
  56. package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -1
  57. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  58. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  59. package/lib-commonjs/index.js.map +1 -1
  60. package/package.json +9 -9
package/CHANGELOG.json CHANGED
@@ -2,29 +2,139 @@
2
2
  "name": "@fluentui/react-badge",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 26 Jan 2022 04:16:44 GMT",
6
- "tag": "@fluentui/react-badge_v0.0.0-nightly0bc161458e20220126.1",
7
- "version": "0.0.0-nightly0bc161458e20220126.1",
5
+ "date": "Wed, 23 Feb 2022 04:16:20 GMT",
6
+ "tag": "@fluentui/react-badge_v0.0.0-nightly2170ed575f20220223.1",
7
+ "version": "0.0.0-nightly2170ed575f20220223.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-badge",
13
- "commit": "68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c",
13
+ "commit": "d95e2014fb1257eac783ce505fc7a7652da408c2",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-badge",
19
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly2170ed575f20220223.1",
20
+ "commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-badge",
25
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly2170ed575f20220223.1",
26
+ "commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-badge",
31
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly2170ed575f20220223.1",
32
+ "commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
33
+ }
34
+ ]
35
+ }
36
+ },
37
+ {
38
+ "date": "Fri, 18 Feb 2022 13:35:28 GMT",
39
+ "tag": "@fluentui/react-badge_v9.0.0-rc.3",
40
+ "version": "9.0.0-rc.3",
41
+ "comments": {
42
+ "prerelease": [
43
+ {
44
+ "author": "lingfangao@hotmail.com",
45
+ "package": "@fluentui/react-badge",
46
+ "commit": "1aa9e691fcccd9a64168cea7941c0f1e71fa1d14",
47
+ "comment": "fix: Source maps contain original source code"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui/react-badge",
52
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.3",
53
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-badge",
58
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.3",
59
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-badge",
64
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3",
65
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
66
+ }
67
+ ]
68
+ }
69
+ },
70
+ {
71
+ "date": "Thu, 10 Feb 2022 08:51:40 GMT",
72
+ "tag": "@fluentui/react-badge_v9.0.0-rc.1",
73
+ "version": "9.0.0-rc.1",
74
+ "comments": {
75
+ "none": [
76
+ {
77
+ "author": "olfedias@microsoft.com",
78
+ "package": "@fluentui/react-badge",
79
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
80
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
81
+ },
82
+ {
83
+ "author": "bsunderhus@microsoft.com",
84
+ "package": "@fluentui/react-badge",
85
+ "commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
86
+ "comment": "Updates components with nullRender changes"
87
+ },
88
+ {
89
+ "author": "tkrasniqi@microsoft.com",
90
+ "package": "@fluentui/react-badge",
91
+ "commit": "87e12a2e3a9d90b4ff95d3ed333739756d190f6c",
92
+ "comment": "Updated best practices for long text"
93
+ },
94
+ {
95
+ "author": "elcraig@microsoft.com",
96
+ "package": "@fluentui/react-badge",
97
+ "commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
98
+ "comment": "Remove outdated boilerplate comments"
99
+ },
100
+ {
101
+ "author": "martinhochel@microsoft.com",
102
+ "package": "@fluentui/react-badge",
103
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
104
+ "comment": "chore: use storybook runner for all vNext packages"
105
+ }
106
+ ],
107
+ "prerelease": [
16
108
  {
17
109
  "author": "ololubek@microsoft.com",
18
110
  "package": "@fluentui/react-badge",
19
111
  "commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
20
112
  "comment": "(fix): Update react-icons dependency to latest version"
21
113
  },
114
+ {
115
+ "author": "lingfangao@hotmail.com",
116
+ "package": "@fluentui/react-badge",
117
+ "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
118
+ "comment": "Bump Fluent UI packages to 9.0.0-rc"
119
+ },
120
+ {
121
+ "author": "behowell@microsoft.com",
122
+ "package": "@fluentui/react-badge",
123
+ "commit": "f5e7fa7a2129d3a4637a2ce777cecec435c256ec",
124
+ "comment": "Refactor and re-organize Badge styles; no visual changes."
125
+ },
22
126
  {
23
127
  "author": "behowell@microsoft.com",
24
128
  "package": "@fluentui/react-badge",
25
129
  "commit": "3bc0517363984081469903ee137a06543f825f1c",
26
130
  "comment": "Add fontSize styling to icon slot, to automatically size user-provided icons"
27
131
  },
132
+ {
133
+ "author": "Humberto.Morimoto@microsoft.com",
134
+ "package": "@fluentui/react-badge",
135
+ "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
136
+ "comment": "Updating based on changes to composition types."
137
+ },
28
138
  {
29
139
  "author": "olfedias@microsoft.com",
30
140
  "package": "@fluentui/react-badge",
@@ -43,12 +153,30 @@
43
153
  "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
44
154
  "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
45
155
  },
156
+ {
157
+ "author": "tristan.watanabe@gmail.com",
158
+ "package": "@fluentui/react-badge",
159
+ "commit": "13f940ea4687d769dd2faf61edc27ff75f6bb565",
160
+ "comment": "Allow React 17 in peerDependencies."
161
+ },
46
162
  {
47
163
  "author": "ololubek@microsoft.com",
48
164
  "package": "@fluentui/react-badge",
49
165
  "commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
50
166
  "comment": "Update react-icons usage to resizable icons"
51
167
  },
168
+ {
169
+ "author": "mgodbolt@microsoft.com",
170
+ "package": "@fluentui/react-badge",
171
+ "commit": "839ec14849e112b85aa321d034739ec421199141",
172
+ "comment": "remove export of commons types"
173
+ },
174
+ {
175
+ "author": "behowell@microsoft.com",
176
+ "package": "@fluentui/react-badge",
177
+ "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
178
+ "comment": "Refactor component Slot typings"
179
+ },
52
180
  {
53
181
  "author": "behowell@microsoft.com",
54
182
  "package": "@fluentui/react-badge",
@@ -61,6 +189,12 @@
61
189
  "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
62
190
  "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
63
191
  },
192
+ {
193
+ "author": "olfedias@microsoft.com",
194
+ "package": "@fluentui/react-badge",
195
+ "commit": "b23239743c4f5518bcf7dcad496a36fc16bbd2e5",
196
+ "comment": "update @fluentui/react-icons package"
197
+ },
64
198
  {
65
199
  "author": "olfedias@microsoft.com",
66
200
  "package": "@fluentui/react-badge",
@@ -88,40 +222,20 @@
88
222
  {
89
223
  "author": "beachball",
90
224
  "package": "@fluentui/react-badge",
91
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightly0bc161458e20220126.1",
92
- "commit": "68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c"
225
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.1",
226
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
93
227
  },
94
228
  {
95
229
  "author": "beachball",
96
230
  "package": "@fluentui/react-badge",
97
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly0bc161458e20220126.1",
98
- "commit": "68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c"
231
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
232
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
99
233
  },
100
234
  {
101
235
  "author": "beachball",
102
236
  "package": "@fluentui/react-badge",
103
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly0bc161458e20220126.1",
104
- "commit": "68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c"
105
- }
106
- ],
107
- "none": [
108
- {
109
- "author": "elcraig@microsoft.com",
110
- "package": "@fluentui/react-badge",
111
- "commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
112
- "comment": "Remove outdated boilerplate comments"
113
- },
114
- {
115
- "author": "martinhochel@microsoft.com",
116
- "package": "@fluentui/react-badge",
117
- "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
118
- "comment": "chore: use storybook runner for all vNext packages"
119
- },
120
- {
121
- "author": "olfedias@microsoft.com",
122
- "package": "@fluentui/react-badge",
123
- "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
124
- "comment": "remove inline-style-expand-shorthand from tsconfigs"
237
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
238
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
125
239
  }
126
240
  ]
127
241
  }
package/CHANGELOG.md CHANGED
@@ -1,32 +1,62 @@
1
1
  # Change Log - @fluentui/react-badge
2
2
 
3
- This log was last generated on Wed, 26 Jan 2022 04:16:44 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 23 Feb 2022 04:16:20 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly0bc161458e20220126.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly0bc161458e20220126.1)
7
+ ## [0.0.0-nightly2170ed575f20220223.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly2170ed575f20220223.1)
8
8
 
9
- Wed, 26 Jan 2022 04:16:44 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.4..@fluentui/react-badge_v0.0.0-nightly0bc161458e20220126.1)
9
+ Wed, 23 Feb 2022 04:16:20 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-rc.3..@fluentui/react-badge_v0.0.0-nightly2170ed575f20220223.1)
11
+
12
+ ### Changes
13
+
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by email not defined)
15
+ - Bump @fluentui/react-theme to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
16
+ - Bump @fluentui/react-utilities to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
17
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
18
+
19
+ ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-rc.3)
20
+
21
+ Fri, 18 Feb 2022 13:35:28 GMT
22
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-rc.1..@fluentui/react-badge_v9.0.0-rc.3)
23
+
24
+ ### Changes
25
+
26
+ - fix: Source maps contain original source code ([PR #21690](https://github.com/microsoft/fluentui/pull/21690) by lingfangao@hotmail.com)
27
+ - Bump @fluentui/react-theme to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
28
+ - Bump @fluentui/react-utilities to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
29
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
30
+
31
+ ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-rc.1)
32
+
33
+ Thu, 10 Feb 2022 08:51:40 GMT
34
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.4..@fluentui/react-badge_v9.0.0-rc.1)
11
35
 
12
36
  ### Changes
13
37
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c) by email not defined)
15
38
  - (fix): Update react-icons dependency to latest version ([PR #20943](https://github.com/microsoft/fluentui/pull/20943) by ololubek@microsoft.com)
39
+ - Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
40
+ - Refactor and re-organize Badge styles; no visual changes. ([PR #21271](https://github.com/microsoft/fluentui/pull/21271) by behowell@microsoft.com)
16
41
  - 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)
42
+ - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
17
43
  - update styles to not use CSS shorthands ([PR #20802](https://github.com/microsoft/fluentui/pull/20802) by olfedias@microsoft.com)
18
44
  - fix: use updated tokens for ghost and outline variants ([PR #20893](https://github.com/microsoft/fluentui/pull/20893) by lingfangao@hotmail.com)
19
45
  - 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)
46
+ - Allow React 17 in peerDependencies. ([PR #21544](https://github.com/microsoft/fluentui/pull/21544) by tristan.watanabe@gmail.com)
20
47
  - Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
48
+ - remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
49
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
21
50
  - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
22
51
  - Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
52
+ - update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
23
53
  - use Griffel packages ([PR #21437](https://github.com/microsoft/fluentui/pull/21437) by olfedias@microsoft.com)
24
54
  - 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)
25
55
  - 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)
26
56
  - fix: Add uniform padding and modify gaps ([PR #20974](https://github.com/microsoft/fluentui/pull/20974) by lingfangao@hotmail.com)
27
- - Bump @fluentui/react-theme to v0.0.0-nightly0bc161458e20220126.1 ([commit](https://github.com/microsoft/fluentui/commit/68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c) by beachball)
28
- - Bump @fluentui/react-utilities to v0.0.0-nightly0bc161458e20220126.1 ([commit](https://github.com/microsoft/fluentui/commit/68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c) by beachball)
29
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly0bc161458e20220126.1 ([commit](https://github.com/microsoft/fluentui/commit/68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c) by beachball)
57
+ - Bump @fluentui/react-theme to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
58
+ - Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
59
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
30
60
 
31
61
  ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.4)
32
62
 
package/dist/react-badge.d.ts CHANGED
@@ -1,8 +1,8 @@
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 { IntrinsicShorthandProps } 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
8
  * Define a styled Badge, using the `useBadge_unstable` hook.
@@ -11,7 +11,7 @@ export declare const Badge: ForwardRefComponent<BadgeProps>;
11
11
 
12
12
  export declare const badgeClassName = "fui-Badge";
13
13
 
14
- export declare type BadgeCommons = {
14
+ declare type BadgeCommons = {
15
15
  /**
16
16
  * A Badge can be filled, outline, ghost, inverted
17
17
  * @defaultvalue filled
@@ -39,11 +39,11 @@ export declare type BadgeCommons = {
39
39
  size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
40
40
  };
41
41
 
42
- export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
42
+ export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
43
43
 
44
44
  export declare type BadgeSlots = {
45
- root: Omit<IntrinsicShorthandProps<'div'>, 'color'>;
46
- icon?: IntrinsicShorthandProps<'span'>;
45
+ root: Slot<'div'>;
46
+ icon?: Slot<'span'>;
47
47
  };
48
48
 
49
49
  export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
@@ -55,7 +55,7 @@ export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
55
55
 
56
56
  export declare const counterBadgeClassName = "fui-CounterBadge";
57
57
 
58
- export declare type CounterBadgeCommons = {
58
+ declare type CounterBadgeCommons = {
59
59
  /**
60
60
  * Max number to be displayed
61
61
  * @default 99
@@ -104,7 +104,7 @@ export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
104
104
 
105
105
  export declare const presenceBadgeClassName = "fui-PresenceBadge";
106
106
 
107
- export declare type PresenceBadgeCommons = {
107
+ declare type PresenceBadgeCommons = {
108
108
  /**
109
109
  * Represents several status
110
110
  * @default available
@@ -118,7 +118,7 @@ export declare type PresenceBadgeCommons = {
118
118
  outOfOffice: boolean;
119
119
  } & BadgeCommons;
120
120
 
121
- export declare type PresenceBadgeProps = ComponentProps<Partial<Pick<BadgeSlots, 'root'>>> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
121
+ export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
122
122
 
123
123
  export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
124
124
 
package/lib/Badge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
1
+ {"version":3,"file":"Badge.js","sourceRoot":"../src/","sources":["Badge.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './components/Badge/index';\n"]}
package/lib/CounterBadge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CounterBadge.js","sourceRoot":"","sources":["../src/CounterBadge.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}
1
+ {"version":3,"file":"CounterBadge.js","sourceRoot":"../src/","sources":["CounterBadge.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './components/CounterBadge/index';\n"]}
package/lib/PresenceBadge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PresenceBadge.js","sourceRoot":"","sources":["../src/PresenceBadge.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}
1
+ {"version":3,"file":"PresenceBadge.js","sourceRoot":"../src/","sources":["PresenceBadge.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC","sourcesContent":["export * from './components/PresenceBadge/index';\n"]}
package/lib/components/Badge/Badge.js.map CHANGED
@@ -1 +1 @@
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
+ {"version":3,"sources":["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","sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles';\nimport { renderBadge_unstable } from './renderBadge';\nimport type { BadgeProps } from './Badge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge: ForwardRefComponent<BadgeProps> = React.forwardRef((props, ref) => {\n const state = useBadge_unstable(props, ref);\n useBadgeStyles_unstable(state);\n\n return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"],"sourceRoot":"../src/"}
package/lib/components/Badge/Badge.types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
2
  export declare type BadgeSlots = {
3
- root: Omit<IntrinsicShorthandProps<'div'>, 'color'>;
4
- icon?: IntrinsicShorthandProps<'span'>;
3
+ root: Slot<'div'>;
4
+ icon?: Slot<'span'>;
5
5
  };
6
6
  export declare type BadgeCommons = {
7
7
  /**
@@ -30,5 +30,5 @@ export declare type BadgeCommons = {
30
30
  */
31
31
  size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
32
32
  };
33
- export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
33
+ export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
34
34
  export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
package/lib/components/Badge/Badge.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.types.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"Badge.types.js","sourceRoot":"../src/","sources":["components/Badge/Badge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type BadgeSlots = {\n root: Slot<'div'>;\n icon?: Slot<'span'>;\n};\n\nexport type BadgeCommons = {\n /**\n * A Badge can be filled, outline, ghost, inverted\n * @defaultvalue filled\n */\n appearance: 'filled' | 'ghost' | 'outline' | 'tint';\n\n /**\n * A Badge can be one of preset colors\n * @defaultvalue brand\n */\n color: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';\n\n /**\n * A Badge can position the icon before or after the content.\n * @defaultvalue before\n */\n iconPosition: 'before' | 'after';\n\n /**\n * A Badge can be square, circular or rounded.\n * @defaultvalue circular\n */\n shape: 'circular' | 'rounded' | 'square';\n\n /**\n * A Badge can be on of several preset sizes.\n * @defaultvalue medium\n */\n size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n};\n\n// react has a non-standard `color` attribute in its types\n// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/a4ab0fa432320e70da9e51c8ae2e47377f65804b/types/react/index.d.ts#L1868\nexport type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;\nexport type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;\n"]}
package/lib/components/Badge/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export * from './Badge';
2
- export * from './Badge.types';
2
+ export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';
3
3
  export * from './renderBadge';
4
4
  export * from './useBadge';
5
5
  export * from './useBadgeStyles';
package/lib/components/Badge/index.js CHANGED
@@ -1,5 +1,4 @@
1
1
  export * from './Badge';
2
- export * from './Badge.types';
3
2
  export * from './renderBadge';
4
3
  export * from './useBadge';
5
4
  export * from './useBadgeStyles';
package/lib/components/Badge/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAGxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './Badge';\n// Explicit exports to omit BadgeCommons\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles';\n"]}
package/lib/components/Badge/renderBadge.js CHANGED
@@ -6,8 +6,8 @@ export const renderBadge_unstable = state => {
6
6
  slotProps
7
7
  } = getSlots(state);
8
8
  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
9
- }, state.iconPosition === 'before' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
10
- }), state.root.children, state.iconPosition === 'after' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
9
+ }, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
10
+ }), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
11
11
  }));
12
12
  };
13
13
  //# sourceMappingURL=renderBadge.js.map
package/lib/components/Badge/renderBadge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,iBAAmC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADtC,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,iBAAkC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAHrC,CADF;AAOD,CAVM","sourceRoot":""}
1
+ {"version":3,"sources":["components/Badge/renderBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,IAAmC,KAAK,CAAC,IAAzC,iBAAiD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADpD,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,IAAkC,KAAK,CAAC,IAAxC,iBAAgD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAHnD,CADF;AAOD,CAVM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { BadgeState, BadgeSlots } from './Badge.types';\n\nexport const renderBadge_unstable = (state: BadgeState) => {\n const { slots, slotProps } = getSlots<BadgeSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {state.iconPosition === 'before' && slots.icon && <slots.icon {...slotProps.icon} />}\n {state.root.children}\n {state.iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
package/lib/components/Badge/useBadge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Badge/useBadge.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AAC9F,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,IAAI,GAAG,QAFH;AAGJ,IAAA,YAAY,GAAG,QAHX;AAIJ,IAAA,UAAU,GAAG,QAJT;AAKJ,IAAA,KAAK,GAAG;AALJ,MAMF,KANJ;AAQA,QAAM,KAAK,GAAe;AACxB,IAAA,KADwB;AAExB,IAAA,IAFwB;AAGxB,IAAA,YAHwB;AAIxB,IAAA,UAJwB;AAKxB,IAAA,KALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KANY;AAUxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,qBAAe,IAFkB;AAGjC,SAAG;AAH8B,KAAR,CAVH;AAexB,IAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP;AAfE,GAA1B;AAkBA,SAAO,KAAP;AACD,CA5BM","sourceRoot":""}
1
+ {"version":3,"sources":["components/Badge/useBadge.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AAC9F,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,IAAI,GAAG,QAFH;AAGJ,IAAA,YAAY,GAAG,QAHX;AAIJ,IAAA,UAAU,GAAG,QAJT;AAKJ,IAAA,KAAK,GAAG;AALJ,MAMF,KANJ;AAQA,QAAM,KAAK,GAAe;AACxB,IAAA,KADwB;AAExB,IAAA,IAFwB;AAGxB,IAAA,YAHwB;AAIxB,IAAA,UAJwB;AAKxB,IAAA,KALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KANY;AAUxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,qBAAe,IAFkB;AAGjC,SAAG;AAH8B,KAAR,CAVH;AAexB,IAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP;AAfE,GAA1B;AAkBA,SAAO,KAAP;AACD,CA5BM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n const {\n shape = 'circular',\n size = 'medium',\n iconPosition = 'before',\n appearance = 'filled',\n color = 'brand',\n } = props;\n\n const state: BadgeState = {\n shape,\n size,\n iconPosition,\n appearance,\n color,\n components: {\n root: 'div',\n icon: 'span',\n },\n root: getNativeElementProps('div', {\n ref,\n 'aria-hidden': true,\n ...props,\n }),\n icon: resolveShorthand(props.icon),\n };\n\n return state;\n};\n"],"sourceRoot":"../src/"}