@fluentui/react-divider 9.1.1 → 9.1.3

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 +73 -1
  2. package/CHANGELOG.md +27 -2
  3. package/package.json +9 -9
  4. package/MIGRATION.md +0 -32
  5. package/Spec.md +0 -90
package/CHANGELOG.json CHANGED
@@ -2,7 +2,79 @@
2
2
  "name": "@fluentui/react-divider",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 13 Oct 2022 10:59:27 GMT",
5
+ "date": "Wed, 02 Nov 2022 11:54:52 GMT",
6
+ "tag": "@fluentui/react-divider_v9.1.3",
7
+ "version": "9.1.3",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "tristan.watanabe@gmail.com",
12
+ "package": "@fluentui/react-divider",
13
+ "commit": "39c4e5436a5a4eddbed46501fdae741a2c5ffe0a",
14
+ "comment": "chore: Migrate to new package structure."
15
+ },
16
+ {
17
+ "author": "olfedias@microsoft.com",
18
+ "package": "@fluentui/react-divider",
19
+ "commit": "c619ba066f11a8654e95375314824ba6b81b003e",
20
+ "comment": "chore: Update Griffel to latest version"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-divider",
25
+ "comment": "Bump @fluentui/react-utilities to v9.2.0",
26
+ "commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-divider",
31
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.17",
32
+ "commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
33
+ }
34
+ ]
35
+ }
36
+ },
37
+ {
38
+ "date": "Thu, 20 Oct 2022 08:39:33 GMT",
39
+ "tag": "@fluentui/react-divider_v9.1.2",
40
+ "version": "9.1.2",
41
+ "comments": {
42
+ "patch": [
43
+ {
44
+ "author": "mgodbolt@microsoft.com",
45
+ "package": "@fluentui/react-divider",
46
+ "commit": "17096b3137d9d3e7c7443ddc3ce0738b2910a334",
47
+ "comment": "chore: Bump peer deps to support React 18"
48
+ },
49
+ {
50
+ "author": "olfedias@microsoft.com",
51
+ "package": "@fluentui/react-divider",
52
+ "commit": "06865dada128321804646582f564ee86d835d174",
53
+ "comment": "chore: Update Griffel to latest version"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-divider",
58
+ "comment": "Bump @fluentui/react-theme to v9.1.1",
59
+ "commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-divider",
64
+ "comment": "Bump @fluentui/react-utilities to v9.1.2",
65
+ "commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-divider",
70
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.16",
71
+ "commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Thu, 13 Oct 2022 11:02:50 GMT",
6
78
  "tag": "@fluentui/react-divider_v9.1.1",
7
79
  "version": "9.1.1",
8
80
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,37 @@
1
1
  # Change Log - @fluentui/react-divider
2
2
 
3
- This log was last generated on Thu, 13 Oct 2022 10:59:27 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 02 Nov 2022 11:54:52 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.3)
8
+
9
+ Wed, 02 Nov 2022 11:54:52 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.2..@fluentui/react-divider_v9.1.3)
11
+
12
+ ### Patches
13
+
14
+ - chore: Migrate to new package structure. ([PR #25360](https://github.com/microsoft/fluentui/pull/25360) by tristan.watanabe@gmail.com)
15
+ - chore: Update Griffel to latest version ([PR #25412](https://github.com/microsoft/fluentui/pull/25412) by olfedias@microsoft.com)
16
+ - Bump @fluentui/react-utilities to v9.2.0 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
17
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.17 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
18
+
19
+ ## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.2)
20
+
21
+ Thu, 20 Oct 2022 08:39:33 GMT
22
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.1..@fluentui/react-divider_v9.1.2)
23
+
24
+ ### Patches
25
+
26
+ - chore: Bump peer deps to support React 18 ([PR #24972](https://github.com/microsoft/fluentui/pull/24972) by mgodbolt@microsoft.com)
27
+ - chore: Update Griffel to latest version ([PR #25212](https://github.com/microsoft/fluentui/pull/25212) by olfedias@microsoft.com)
28
+ - Bump @fluentui/react-theme to v9.1.1 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
29
+ - Bump @fluentui/react-utilities to v9.1.2 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
30
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.16 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
31
+
7
32
  ## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.1)
8
33
 
9
- Thu, 13 Oct 2022 10:59:27 GMT
34
+ Thu, 13 Oct 2022 11:02:50 GMT
10
35
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.0..@fluentui/react-divider_v9.1.1)
11
36
 
12
37
  ### Patches
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-divider",
3
- "version": "9.1.1",
3
+ "version": "9.1.3",
4
4
  "description": "Fluent UI component to visually separate content.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -28,20 +28,20 @@
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
30
  "@fluentui/react-conformance": "*",
31
- "@fluentui/react-conformance-griffel": "9.0.0-beta.15",
31
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.17",
32
32
  "@fluentui/scripts": "^1.0.0"
33
33
  },
34
34
  "dependencies": {
35
- "@griffel/react": "^1.4.0",
36
- "@fluentui/react-theme": "^9.1.0",
37
- "@fluentui/react-utilities": "^9.1.1",
35
+ "@griffel/react": "^1.4.2",
36
+ "@fluentui/react-theme": "^9.1.1",
37
+ "@fluentui/react-utilities": "^9.2.0",
38
38
  "tslib": "^2.1.0"
39
39
  },
40
40
  "peerDependencies": {
41
- "@types/react": ">=16.8.0 <18.0.0",
42
- "@types/react-dom": ">=16.8.0 <18.0.0",
43
- "react": ">=16.8.0 <18.0.0",
44
- "react-dom": ">=16.8.0 <18.0.0"
41
+ "@types/react": ">=16.8.0 <19.0.0",
42
+ "@types/react-dom": ">=16.8.0 <19.0.0",
43
+ "react": ">=16.8.0 <19.0.0",
44
+ "react-dom": ">=16.8.0 <19.0.0"
45
45
  },
46
46
  "beachball": {
47
47
  "disallowedChangeTypes": [
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.