@fluentui/react-divider 0.0.0-nightly-20221026-0422.1 → 0.0.0-nightly-20221027-0423.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 (5) hide show
  1. package/CHANGELOG.json +9 -9
  2. package/CHANGELOG.md +7 -7
  3. package/package.json +4 -4
  4. package/MIGRATION.md +0 -32
  5. package/Spec.md +0 -90
package/CHANGELOG.json CHANGED
@@ -2,9 +2,9 @@
2
2
  "name": "@fluentui/react-divider",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 26 Oct 2022 04:29:56 GMT",
6
- "tag": "@fluentui/react-divider_v0.0.0-nightly-20221026-0422.1",
7
- "version": "0.0.0-nightly-20221026-0422.1",
5
+ "date": "Thu, 27 Oct 2022 04:29:05 GMT",
6
+ "tag": "@fluentui/react-divider_v0.0.0-nightly-20221027-0423.1",
7
+ "version": "0.0.0-nightly-20221027-0423.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
@@ -16,20 +16,20 @@
16
16
  {
17
17
  "author": "beachball",
18
18
  "package": "@fluentui/react-divider",
19
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221026-0422.1",
20
- "commit": "6bbda4f8d166a1b33aee97647831aa01e756e6e1"
19
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221027-0423.1",
20
+ "commit": "1696cb11bb804b2724a82bf4b08af75053e4365c"
21
21
  },
22
22
  {
23
23
  "author": "beachball",
24
24
  "package": "@fluentui/react-divider",
25
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221026-0422.1",
26
- "commit": "6bbda4f8d166a1b33aee97647831aa01e756e6e1"
25
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221027-0423.1",
26
+ "commit": "1696cb11bb804b2724a82bf4b08af75053e4365c"
27
27
  },
28
28
  {
29
29
  "author": "beachball",
30
30
  "package": "@fluentui/react-divider",
31
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221026-0422.1",
32
- "commit": "6bbda4f8d166a1b33aee97647831aa01e756e6e1"
31
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221027-0423.1",
32
+ "commit": "1696cb11bb804b2724a82bf4b08af75053e4365c"
33
33
  }
34
34
  ]
35
35
  }
package/CHANGELOG.md CHANGED
@@ -1,20 +1,20 @@
1
1
  # Change Log - @fluentui/react-divider
2
2
 
3
- This log was last generated on Wed, 26 Oct 2022 04:29:56 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 27 Oct 2022 04:29:05 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20221026-0422.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20221026-0422.1)
7
+ ## [0.0.0-nightly-20221027-0423.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20221027-0423.1)
8
8
 
9
- Wed, 26 Oct 2022 04:29:56 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.2..@fluentui/react-divider_v0.0.0-nightly-20221026-0422.1)
9
+ Thu, 27 Oct 2022 04:29:05 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.2..@fluentui/react-divider_v0.0.0-nightly-20221027-0423.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/react-theme to v0.0.0-nightly-20221026-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/6bbda4f8d166a1b33aee97647831aa01e756e6e1) by beachball)
16
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20221026-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/6bbda4f8d166a1b33aee97647831aa01e756e6e1) by beachball)
17
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221026-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/6bbda4f8d166a1b33aee97647831aa01e756e6e1) by beachball)
15
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20221027-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1696cb11bb804b2724a82bf4b08af75053e4365c) by beachball)
16
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20221027-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1696cb11bb804b2724a82bf4b08af75053e4365c) by beachball)
17
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221027-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/1696cb11bb804b2724a82bf4b08af75053e4365c) by beachball)
18
18
 
19
19
  ## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.2)
20
20
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-divider",
3
- "version": "0.0.0-nightly-20221026-0422.1",
3
+ "version": "0.0.0-nightly-20221027-0423.1",
4
4
  "description": "Fluent UI component to visually separate content.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -28,13 +28,13 @@
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
30
  "@fluentui/react-conformance": "*",
31
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221026-0422.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221027-0423.1",
32
32
  "@fluentui/scripts": "^1.0.0"
33
33
  },
34
34
  "dependencies": {
35
35
  "@griffel/react": "^1.4.1",
36
- "@fluentui/react-theme": "0.0.0-nightly-20221026-0422.1",
37
- "@fluentui/react-utilities": "0.0.0-nightly-20221026-0422.1",
36
+ "@fluentui/react-theme": "0.0.0-nightly-20221027-0423.1",
37
+ "@fluentui/react-utilities": "0.0.0-nightly-20221027-0423.1",
38
38
  "tslib": "^2.1.0"
39
39
  },
40
40
  "peerDependencies": {
package/MIGRATION.md DELETED
@@ -1,32 +0,0 @@
1
- # Divider Migration
2
-
3
- ## Migration from v8
4
-
5
- The v8 `Separator` control supports a very similar set of props to the v9 `Divider` with a few differences that are outlined below:
6
-
7
- - `styles` => NOT SUPPORTED - use `makeStyles` to create styles and apply them with the `className` prop.
8
- - `theme` => NOT SUPPORTED - use `FluentProvider`
9
-
10
- ## Migration from v0
11
-
12
- The v0 `Divider` control supports a very similar set of props to the v9 `Divider` with a few differences that are outlined below:
13
-
14
- - `content` => `children` of the `Divider`
15
- - `fitted` => NOT SUPPORTED - use style customizations via `className` instead
16
- - `important` => NOT SUPPORTED
17
-
18
- ## Property mapping
19
-
20
- | v8 `Separator` | v0 `Divider` | v9 `Divider` |
21
- | -------------- | ------------ | -------------- |
22
- | `alignContent` | - | `alignContent` |
23
- | - | - | `appearance` |
24
- | - | `color` | |
25
- | `children` | `content` | `children` |
26
- | - | `fitted` | |
27
- | - | `important` | |
28
- | - | - | `inset` |
29
- | - | `size` | |
30
- | `styles` | - | |
31
- | `theme` | - | |
32
- | `vertical` | `vertical` | `vertical` |
package/Spec.md DELETED
@@ -1,90 +0,0 @@
1
- # Divider Spec
2
-
3
- ## Background
4
-
5
- A `Divider` is used to visually segment content into groups.
6
-
7
- ## Prior Art
8
-
9
- [Github Epic Convergence Issue #16254](https://github.com/microsoft/fluentui/issues/16254)
10
-
11
- [Github Convergence Issue #15759](https://github.com/microsoft/fluentui/issues/15759)
12
-
13
- [Fluent UI Separator](https://developer.microsoft.com/en-us/fluentui#/controls/web/separator)
14
-
15
- [Open UI Component Matrix](https://open-ui.org/analysis/component-matrix)
16
-
17
- [Ant Design Divider](https://ant.design/components/divider/)
18
-
19
- [Fast Divider](https://explore.fast.design/components/fast-divider)
20
-
21
- [Semantic UI Divider](https://semantic-ui.com/elements/divider.html)
22
-
23
- ## Comparison of v8 and v0
24
-
25
- - v8 - [Separator](https://developer.microsoft.com/en-us/fluentui#/controls/web/separator)
26
- - v0 - [Divider](https://fluentsite.z22.web.core.windows.net/0.52.1/components/divider/definition)
27
-
28
- ## Sample Code
29
-
30
- Basic Examples:
31
-
32
- ```tsx
33
- <Divider />
34
- <Divider vertical />
35
- <Divider>This is a divider with content</Divider>
36
- ```
37
-
38
- ## Variants
39
-
40
- ### Layout
41
-
42
- The `Divider` component has two layout variants:
43
-
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.
46
-
47
- ### Inset
48
-
49
- A `Divider` with the `inset` prop adds padding to the beginning and end of the component.
50
-
51
- ### Appearance
52
-
53
- The `Divider` component has four appearance variants:
54
-
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.
59
-
60
- ## API
61
-
62
- See API at [Divider.types.tsx](./src/components/Divider/Divider.types.ts).
63
-
64
- ## HTML Structure
65
-
66
- ```html
67
- <div>
68
- <!-- ::before to handle the divider line independent of the divider having content or not -->
69
- <div>Content</div>
70
- <!-- ::after to handle the divider line that goes after the content if it has been provided. -->
71
- </div>
72
- ```
73
-
74
- ## Migration
75
-
76
- [See MIGRATION.md](./MIGRATION.md).
77
-
78
- ## Behaviors
79
-
80
- This component has no state.
81
-
82
- This component has no mouse, touch or keyboard interactions.
83
-
84
- Content, if provided, will self-determine its behaviors.
85
-
86
- ## Accessibility
87
-
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.