@fluentui/react-divider 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.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.
- package/CHANGELOG.json +277 -16
- package/CHANGELOG.md +65 -10
- package/Spec.md +22 -132
- package/dist/react-divider.d.ts +20 -19
- package/lib/components/Divider/Divider.d.ts +2 -2
- package/lib/components/Divider/Divider.js +8 -8
- package/lib/components/Divider/Divider.js.map +1 -1
- package/lib/components/Divider/Divider.types.d.ts +12 -11
- package/lib/components/Divider/renderDivider.d.ts +2 -2
- package/lib/components/Divider/renderDivider.js +9 -8
- package/lib/components/Divider/renderDivider.js.map +1 -1
- package/lib/components/Divider/useDivider.d.ts +3 -3
- package/lib/components/Divider/useDivider.js +21 -20
- package/lib/components/Divider/useDivider.js.map +1 -1
- package/lib/components/Divider/useDividerStyles.d.ts +2 -2
- package/lib/components/Divider/useDividerStyles.js +140 -108
- package/lib/components/Divider/useDividerStyles.js.map +1 -1
- package/lib-commonjs/Divider.js +1 -1
- package/lib-commonjs/components/Divider/Divider.d.ts +2 -2
- package/lib-commonjs/components/Divider/Divider.js +9 -9
- package/lib-commonjs/components/Divider/Divider.js.map +1 -1
- package/lib-commonjs/components/Divider/Divider.types.d.ts +12 -11
- package/lib-commonjs/components/Divider/index.js +1 -1
- package/lib-commonjs/components/Divider/renderDivider.d.ts +2 -2
- package/lib-commonjs/components/Divider/renderDivider.js +13 -13
- package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDivider.d.ts +3 -3
- package/lib-commonjs/components/Divider/useDivider.js +24 -24
- package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
- package/lib-commonjs/components/Divider/useDividerStyles.d.ts +2 -2
- package/lib-commonjs/components/Divider/useDividerStyles.js +144 -110
- package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +8 -10
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -11
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -22
- package/lib-commonjs/common/isConformant.js.map +0 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,46 +2,307 @@
|
|
|
2
2
|
"name": "@fluentui/react-divider",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-divider_v9.0.0-
|
|
7
|
-
"version": "9.0.0-
|
|
5
|
+
"date": "Thu, 10 Feb 2022 08:44:24 GMT",
|
|
6
|
+
"tag": "@fluentui/react-divider_v9.0.0-rc.1",
|
|
7
|
+
"version": "9.0.0-rc.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
|
-
"author": "
|
|
11
|
+
"author": "gcox@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-divider",
|
|
13
|
+
"commit": "f6116328d6599342eef231f81d3c0724478a3d47",
|
|
14
|
+
"comment": "set minimum line length based on a11y review"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "olfedias@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-divider",
|
|
19
|
+
"commit": "203cf1b61b1238c81ebe502678fe4714722cb435",
|
|
20
|
+
"comment": "update styles to not use CSS shorthands"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-divider",
|
|
25
|
+
"commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
|
|
26
|
+
"comment": "Updating based on changes to composition types."
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
30
|
+
"package": "@fluentui/react-divider",
|
|
31
|
+
"commit": "034044d59be68915df76c57a84edc8299d3ca175",
|
|
32
|
+
"comment": "react-divider: Replacing use of functions in makeStyles with direct use of tokens."
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "behowell@microsoft.com",
|
|
36
|
+
"package": "@fluentui/react-divider",
|
|
37
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
|
38
|
+
"comment": "Remove component's shorthandProps array"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "mgodbolt@microsoft.com",
|
|
42
|
+
"package": "@fluentui/react-divider",
|
|
43
|
+
"commit": "839ec14849e112b85aa321d034739ec421199141",
|
|
44
|
+
"comment": "remove export of commons types"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "lingfangao@hotmail.com",
|
|
48
|
+
"package": "@fluentui/react-divider",
|
|
49
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
|
50
|
+
"comment": "Bump Fluent UI packages to 9.0.0-rc"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "gcox@microsoft.com",
|
|
54
|
+
"package": "@fluentui/react-divider",
|
|
55
|
+
"commit": "ae269d1c40fce9dcfb41d9dafa4678d025576201",
|
|
56
|
+
"comment": "Added aria-orientation to divider"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "gcox@microsoft.com",
|
|
60
|
+
"package": "@fluentui/react-divider",
|
|
61
|
+
"commit": "cc44f3625c6c6b5775bc08f00c5b8f52145ad52b",
|
|
62
|
+
"comment": "Added missing descriptions to divider stories"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "behowell@microsoft.com",
|
|
66
|
+
"package": "@fluentui/react-divider",
|
|
67
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
|
68
|
+
"comment": "Refactor component Slot typings"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "behowell@microsoft.com",
|
|
72
|
+
"package": "@fluentui/react-divider",
|
|
73
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
|
74
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
12
78
|
"package": "@fluentui/react-divider",
|
|
13
|
-
"
|
|
14
|
-
"
|
|
79
|
+
"commit": "00a5d945904c896a0664de6ba72c145a255f0848",
|
|
80
|
+
"comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"author": "olfedias@microsoft.com",
|
|
84
|
+
"package": "@fluentui/react-divider",
|
|
85
|
+
"commit": "7f2bb0ceb2a4d079c34fb58ebc9a5e15245a2cbe",
|
|
86
|
+
"comment": "Replace make-styles packages with griffel equivalents."
|
|
15
87
|
},
|
|
16
88
|
{
|
|
17
89
|
"author": "beachball",
|
|
18
90
|
"package": "@fluentui/react-divider",
|
|
19
|
-
"comment": "Bump @fluentui/react-
|
|
20
|
-
"commit": "
|
|
91
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
|
92
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
21
93
|
},
|
|
22
94
|
{
|
|
23
95
|
"author": "beachball",
|
|
24
96
|
"package": "@fluentui/react-divider",
|
|
25
|
-
"comment": "Bump @fluentui/react-
|
|
26
|
-
"commit": "
|
|
97
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
|
98
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"none": [
|
|
102
|
+
{
|
|
103
|
+
"author": "tkrasniqi@microsoft.com",
|
|
104
|
+
"package": "@fluentui/react-divider",
|
|
105
|
+
"commit": "57677496452840365886d4f12a98b62739e65286",
|
|
106
|
+
"comment": "Migration to ts config solution"
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"author": "olfedias@microsoft.com",
|
|
110
|
+
"package": "@fluentui/react-divider",
|
|
111
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
|
112
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"author": "martinhochel@microsoft.com",
|
|
116
|
+
"package": "@fluentui/react-divider",
|
|
117
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
|
118
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
|
119
|
+
}
|
|
120
|
+
]
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"date": "Thu, 25 Nov 2021 08:34:17 GMT",
|
|
125
|
+
"tag": "@fluentui/react-divider_v9.0.0-beta.4",
|
|
126
|
+
"version": "9.0.0-beta.4",
|
|
127
|
+
"comments": {
|
|
128
|
+
"prerelease": [
|
|
129
|
+
{
|
|
130
|
+
"author": "beachball",
|
|
131
|
+
"package": "@fluentui/react-divider",
|
|
132
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
|
|
133
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
27
134
|
},
|
|
28
135
|
{
|
|
29
136
|
"author": "beachball",
|
|
30
137
|
"package": "@fluentui/react-divider",
|
|
31
|
-
"comment": "Bump @fluentui/
|
|
32
|
-
"commit": "
|
|
138
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
|
|
139
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
33
140
|
},
|
|
34
141
|
{
|
|
35
142
|
"author": "beachball",
|
|
36
143
|
"package": "@fluentui/react-divider",
|
|
37
|
-
"comment": "Bump @fluentui/
|
|
38
|
-
"commit": "
|
|
144
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
|
|
145
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
39
146
|
},
|
|
40
147
|
{
|
|
41
148
|
"author": "beachball",
|
|
42
149
|
"package": "@fluentui/react-divider",
|
|
43
|
-
"comment": "Bump @fluentui/
|
|
44
|
-
"commit": "
|
|
150
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
|
|
151
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"author": "beachball",
|
|
155
|
+
"package": "@fluentui/react-divider",
|
|
156
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
|
|
157
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
158
|
+
}
|
|
159
|
+
]
|
|
160
|
+
}
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"date": "Fri, 12 Nov 2021 13:25:23 GMT",
|
|
164
|
+
"tag": "@fluentui/react-divider_v9.0.0-beta.3",
|
|
165
|
+
"version": "9.0.0-beta.3",
|
|
166
|
+
"comments": {
|
|
167
|
+
"prerelease": [
|
|
168
|
+
{
|
|
169
|
+
"author": "gcox@microsoft.com",
|
|
170
|
+
"package": "@fluentui/react-divider",
|
|
171
|
+
"commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
|
|
172
|
+
"comment": "Updated beta and RC components to ES2019"
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"author": "gcox@microsoft.com",
|
|
176
|
+
"package": "@fluentui/react-divider",
|
|
177
|
+
"commit": "d8c3066ef1fd265cc8d76882c1245e82b1097c4f",
|
|
178
|
+
"comment": "Refactored divider stories for codesandbox"
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"author": "olfedias@microsoft.com",
|
|
182
|
+
"package": "@fluentui/react-divider",
|
|
183
|
+
"commit": "7eb7d2daebaa11dbdcd555b0b962407013a7ca80",
|
|
184
|
+
"comment": "export static classes for components"
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
188
|
+
"package": "@fluentui/react-divider",
|
|
189
|
+
"commit": "0e0cf06c34f78d54db4468a602a17b0a5a30ac87",
|
|
190
|
+
"comment": "Divider: Updating the component to the latest patterns."
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
194
|
+
"package": "@fluentui/react-divider",
|
|
195
|
+
"commit": "627ad67f1163946f1c539002bdcd63eda760c9c6",
|
|
196
|
+
"comment": "Divider: Updating Spec to reflect changes that have happened since it was first created."
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"author": "beachball",
|
|
200
|
+
"package": "@fluentui/react-divider",
|
|
201
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
|
202
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"author": "beachball",
|
|
206
|
+
"package": "@fluentui/react-divider",
|
|
207
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
|
208
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"author": "beachball",
|
|
212
|
+
"package": "@fluentui/react-divider",
|
|
213
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
|
|
214
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"author": "beachball",
|
|
218
|
+
"package": "@fluentui/react-divider",
|
|
219
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
|
220
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"author": "beachball",
|
|
224
|
+
"package": "@fluentui/react-divider",
|
|
225
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
|
226
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
227
|
+
}
|
|
228
|
+
],
|
|
229
|
+
"none": [
|
|
230
|
+
{
|
|
231
|
+
"author": "lingfangao@hotmail.com",
|
|
232
|
+
"package": "@fluentui/react-divider",
|
|
233
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
|
234
|
+
"comment": "Remove beta release tag"
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"author": "mgodbolt@microsoft.com",
|
|
238
|
+
"package": "@fluentui/react-divider",
|
|
239
|
+
"commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
|
|
240
|
+
"comment": "update docs descriptions"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"author": "lingfangao@hotmail.com",
|
|
244
|
+
"package": "@fluentui/react-divider",
|
|
245
|
+
"commit": "4398bf56796f354a3210f5babff1b04f612abcaa",
|
|
246
|
+
"comment": "chore(Divider): Remove unthemed white background in stories"
|
|
247
|
+
}
|
|
248
|
+
]
|
|
249
|
+
}
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"date": "Wed, 27 Oct 2021 12:14:17 GMT",
|
|
253
|
+
"tag": "@fluentui/react-divider_v9.0.0-beta.2",
|
|
254
|
+
"version": "9.0.0-beta.2",
|
|
255
|
+
"comments": {
|
|
256
|
+
"prerelease": [
|
|
257
|
+
{
|
|
258
|
+
"author": "gcox@microsoft.com",
|
|
259
|
+
"package": "@fluentui/react-divider",
|
|
260
|
+
"commit": "989d2382c1b8087cac2bb4bc30fa56c237c07a13",
|
|
261
|
+
"comment": "Removed duplicate 'Divider' from story names"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"author": "peter@draxler.ml",
|
|
265
|
+
"package": "@fluentui/react-divider",
|
|
266
|
+
"commit": "f6db7c8d6b7db0902775e7857b62b745be35b59a",
|
|
267
|
+
"comment": "added styling of documentation"
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"author": "beachball",
|
|
271
|
+
"package": "@fluentui/react-divider",
|
|
272
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.2",
|
|
273
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"author": "beachball",
|
|
277
|
+
"package": "@fluentui/react-divider",
|
|
278
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.2",
|
|
279
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"author": "beachball",
|
|
283
|
+
"package": "@fluentui/react-divider",
|
|
284
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.2",
|
|
285
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"author": "beachball",
|
|
289
|
+
"package": "@fluentui/react-divider",
|
|
290
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2",
|
|
291
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"author": "beachball",
|
|
295
|
+
"package": "@fluentui/react-divider",
|
|
296
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2",
|
|
297
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
298
|
+
}
|
|
299
|
+
],
|
|
300
|
+
"none": [
|
|
301
|
+
{
|
|
302
|
+
"author": "olfedias@microsoft.com",
|
|
303
|
+
"package": "@fluentui/react-divider",
|
|
304
|
+
"commit": "193af6527f202f11efdd71da7581cc6e76ca2925",
|
|
305
|
+
"comment": "replace temporary icons in stories"
|
|
45
306
|
}
|
|
46
307
|
]
|
|
47
308
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,22 +1,77 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-divider
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 10 Feb 2022 08:44:24 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [9.0.0-
|
|
7
|
+
## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-rc.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.
|
|
9
|
+
Thu, 10 Feb 2022 08:44:24 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.4..@fluentui/react-divider_v9.0.0-rc.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
-
|
|
15
|
-
-
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
14
|
+
- set minimum line length based on a11y review ([PR #21362](https://github.com/microsoft/fluentui/pull/21362) by gcox@microsoft.com)
|
|
15
|
+
- update styles to not use CSS shorthands ([PR #20817](https://github.com/microsoft/fluentui/pull/20817) by olfedias@microsoft.com)
|
|
16
|
+
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
|
17
|
+
- react-divider: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21043](https://github.com/microsoft/fluentui/pull/21043) by Humberto.Morimoto@microsoft.com)
|
|
18
|
+
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
19
|
+
- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
|
|
20
|
+
- Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
|
21
|
+
- Added aria-orientation to divider ([PR #21292](https://github.com/microsoft/fluentui/pull/21292) by gcox@microsoft.com)
|
|
22
|
+
- Added missing descriptions to divider stories ([PR #21067](https://github.com/microsoft/fluentui/pull/21067) by gcox@microsoft.com)
|
|
23
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
|
24
|
+
- 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)
|
|
25
|
+
- 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)
|
|
26
|
+
- Replace make-styles packages with griffel equivalents. ([PR #21433](https://github.com/microsoft/fluentui/pull/21433) by olfedias@microsoft.com)
|
|
27
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
28
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
29
|
+
|
|
30
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-beta.4)
|
|
31
|
+
|
|
32
|
+
Thu, 25 Nov 2021 08:34:17 GMT
|
|
33
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.3..@fluentui/react-divider_v9.0.0-beta.4)
|
|
34
|
+
|
|
35
|
+
### Changes
|
|
36
|
+
|
|
37
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
38
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
39
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
40
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
41
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
42
|
+
|
|
43
|
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-beta.3)
|
|
44
|
+
|
|
45
|
+
Fri, 12 Nov 2021 13:25:23 GMT
|
|
46
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.2..@fluentui/react-divider_v9.0.0-beta.3)
|
|
47
|
+
|
|
48
|
+
### Changes
|
|
49
|
+
|
|
50
|
+
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
|
51
|
+
- Refactored divider stories for codesandbox ([PR #20393](https://github.com/microsoft/fluentui/pull/20393) by gcox@microsoft.com)
|
|
52
|
+
- export static classes for components ([PR #20454](https://github.com/microsoft/fluentui/pull/20454) by olfedias@microsoft.com)
|
|
53
|
+
- Divider: Updating the component to the latest patterns. ([PR #20273](https://github.com/microsoft/fluentui/pull/20273) by Humberto.Morimoto@microsoft.com)
|
|
54
|
+
- Divider: Updating Spec to reflect changes that have happened since it was first created. ([PR #20441](https://github.com/microsoft/fluentui/pull/20441) by Humberto.Morimoto@microsoft.com)
|
|
55
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
56
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
57
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
58
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
59
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
60
|
+
|
|
61
|
+
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-beta.2)
|
|
62
|
+
|
|
63
|
+
Wed, 27 Oct 2021 12:14:17 GMT
|
|
64
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.1..@fluentui/react-divider_v9.0.0-beta.2)
|
|
65
|
+
|
|
66
|
+
### Changes
|
|
67
|
+
|
|
68
|
+
- Removed duplicate 'Divider' from story names ([PR #20267](https://github.com/microsoft/fluentui/pull/20267) by gcox@microsoft.com)
|
|
69
|
+
- added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
|
|
70
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
71
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
72
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
73
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
74
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
20
75
|
|
|
21
76
|
## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-beta.1)
|
|
22
77
|
|
package/Spec.md
CHANGED
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
## Background
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
The purpose of redoing the component is to add minor structural updates and new engineering practices and update the naming conventions in the API to match naming conventions indicated by OpenUI research.
|
|
5
|
+
A `Divider` is used to visually segment content into groups.
|
|
7
6
|
|
|
8
7
|
## Prior Art
|
|
9
8
|
|
|
@@ -30,7 +29,7 @@ The purpose of redoing the component is to add minor structural updates and new
|
|
|
30
29
|
|
|
31
30
|
Basic Examples:
|
|
32
31
|
|
|
33
|
-
```
|
|
32
|
+
```tsx
|
|
34
33
|
<Divider />
|
|
35
34
|
<Divider vertical />
|
|
36
35
|
<Divider>This is a divider with content</Divider>
|
|
@@ -38,144 +37,33 @@ Basic Examples:
|
|
|
38
37
|
|
|
39
38
|
## Variants
|
|
40
39
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
Standard default horizontal
|
|
44
|
-
|
|
45
|
-
```html
|
|
46
|
-
<Divider />
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
Vertical
|
|
50
|
-
|
|
51
|
-
```html
|
|
52
|
-
<Divider vertical />
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
Color
|
|
40
|
+
### Layout
|
|
56
41
|
|
|
57
|
-
|
|
58
|
-
<Divider color="black" />
|
|
59
|
-
```
|
|
42
|
+
The `Divider` component has two layout variants:
|
|
60
43
|
|
|
61
|
-
|
|
44
|
+
- The default `Divider` is separates contents by rendering a horizontal line.
|
|
45
|
+
- A `Divider` with the `vertical` prop set to true separates contents by rendering a vertical line.
|
|
62
46
|
|
|
63
|
-
|
|
64
|
-
<Divider>My Content</Divider>
|
|
65
|
-
```
|
|
47
|
+
### Inset
|
|
66
48
|
|
|
67
|
-
|
|
49
|
+
A `Divider` with the `inset` prop adds padding to the beginning and end of the component.
|
|
68
50
|
|
|
69
|
-
|
|
70
|
-
<Divider><Icon /></Divider>
|
|
71
|
-
```
|
|
51
|
+
### Appearance
|
|
72
52
|
|
|
73
|
-
|
|
53
|
+
The `Divider` component has four appearance variants:
|
|
74
54
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
Appearance
|
|
80
|
-
|
|
81
|
-
```html
|
|
82
|
-
<Divider apperance="subtle" />
|
|
83
|
-
<Divider apperance="brand" />
|
|
84
|
-
<Divider apperance="strong" />
|
|
85
|
-
```
|
|
55
|
+
- The default `Divider` is styled with the neutral foreground color from the theme.
|
|
56
|
+
- appearance="brand": The `Divider` is styled with the brand color from the theme.
|
|
57
|
+
- appearance="strong": The `Divider` is styled with a strong color that emphasizes the visual separation.
|
|
58
|
+
- appearance="subtle": The `Divider` is styled with a subtle color to de-emphasize the visual separation.
|
|
86
59
|
|
|
87
60
|
## API
|
|
88
61
|
|
|
89
62
|
From [Divider.types.tsx](https://github.com/microsoft/fluentui/blob/master/packages/react-divider/src/components/Divider/Divider.types.ts)
|
|
90
63
|
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
- root
|
|
94
|
-
|
|
95
|
-
### Props
|
|
96
|
-
|
|
97
|
-
```ts
|
|
98
|
-
export type DividerProps = ComponentProps &
|
|
99
|
-
React.HTMLAttributes<HTMLElement> & {
|
|
100
|
-
/**
|
|
101
|
-
* Determines the alignment of the content within the divider.
|
|
102
|
-
* @defaultvalue 'center'
|
|
103
|
-
*/
|
|
104
|
-
alignContent?: 'start' | 'end' | 'center';
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Predefined visual styles
|
|
108
|
-
* @defaultvalue 'default'
|
|
109
|
-
*/
|
|
110
|
-
appearance?: 'default' | 'subtle' | 'brand' | 'strong';
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* A divider can have a overriding border color
|
|
114
|
-
*/
|
|
115
|
-
color?: string;
|
|
116
|
-
|
|
117
|
-
/**
|
|
118
|
-
* A divider can be classified as important to emphasize its content
|
|
119
|
-
*/
|
|
120
|
-
important?: boolean;
|
|
121
|
-
|
|
122
|
-
/**
|
|
123
|
-
* Adds a 12px padding to the begining and end of the divider
|
|
124
|
-
*/
|
|
125
|
-
inset?: boolean;
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* A divider can be horizontal (default) or vertical
|
|
129
|
-
*/
|
|
130
|
-
vertical?: boolean;
|
|
131
|
-
|
|
132
|
-
/**
|
|
133
|
-
* Overrides for border visuals
|
|
134
|
-
*/
|
|
135
|
-
borderStyle?: string;
|
|
136
|
-
borderSize?: string | number;
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* Accessibility wrapper for content when presented.
|
|
140
|
-
* A shorthand prop can be a literal, object, or
|
|
141
|
-
* JSX. The `children` prop of the object can be a render function,
|
|
142
|
-
* taking in the original slot component and props.
|
|
143
|
-
*/
|
|
144
|
-
wrapper?: ShorthandProps<React.HTMLAttributes<HTMLDivElement>>;
|
|
145
|
-
};
|
|
146
|
-
```
|
|
147
|
-
|
|
148
|
-
## Styling Tokens
|
|
149
|
-
|
|
150
|
-
The current exposed tokens and default values are listed below:
|
|
151
|
-
|
|
152
|
-
**Default**
|
|
153
|
-
|
|
154
|
-
Font Color : tokens.alias.color.neutral.neutralForeground2
|
|
155
|
-
|
|
156
|
-
Border Color: tokens.alias.color.neutral.neutralStroke2
|
|
157
|
-
|
|
158
|
-
**Subtle**
|
|
159
|
-
|
|
160
|
-
Font Color : tokens.alias.color.neutral.neutralForeground2
|
|
161
|
-
|
|
162
|
-
Border Color: tokens.alias.color.neutral.neutralStroke3
|
|
64
|
+
## HTML Structure
|
|
163
65
|
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
Font Color : tokens.alias.color.brand.brandBackgroundStatic
|
|
167
|
-
|
|
168
|
-
Border Color: tokens.alias.color.brand.brandBackgroundStatic
|
|
169
|
-
|
|
170
|
-
**Brand**
|
|
171
|
-
|
|
172
|
-
Font Color : tokens.alias.color.neutral.neutralForeground2
|
|
173
|
-
|
|
174
|
-
Border Color: tokens.alias.color.neutral.neutralStroke1
|
|
175
|
-
|
|
176
|
-
## Structure
|
|
177
|
-
|
|
178
|
-
```
|
|
66
|
+
```html
|
|
179
67
|
<div>
|
|
180
68
|
<!-- ::before to handle the divider line independent of the divider having content or not -->
|
|
181
69
|
<div>Content</div>
|
|
@@ -190,11 +78,13 @@ Border Color: tokens.alias.color.neutral.neutralStroke1
|
|
|
190
78
|
## Behaviors
|
|
191
79
|
|
|
192
80
|
This component has no state.
|
|
193
|
-
This control will have no interactions.
|
|
194
|
-
This control will have no effect on screen readers.
|
|
195
81
|
|
|
196
|
-
|
|
82
|
+
This component has no mouse, touch or keyboard interactions.
|
|
83
|
+
|
|
84
|
+
Content, if provided, will self-determine its behaviors.
|
|
197
85
|
|
|
198
86
|
## Accessibility
|
|
199
87
|
|
|
200
|
-
|
|
88
|
+
- The `Divider` component should be assigned a `role="separator"` by default.
|
|
89
|
+
- The `Divider` component should be named by its content.
|
|
90
|
+
- The `Divider` component should have no other accessibility concerns otherwise. The descendant content in the divider must handle any required accessibility behaviors itself when appropriate.
|