@fluentui/react-divider 0.0.0-nightlya372ad979820211103.1 → 0.0.0-nightlya54302c0b220211124.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 (32) hide show
  1. package/CHANGELOG.json +73 -16
  2. package/CHANGELOG.md +24 -10
  3. package/Spec.md +22 -132
  4. package/dist/react-divider.d.ts +4 -5
  5. package/lib/common/isConformant.js +1 -1
  6. package/lib/common/isConformant.js.map +1 -1
  7. package/lib/components/Divider/Divider.js +2 -2
  8. package/lib/components/Divider/Divider.js.map +1 -1
  9. package/lib/components/Divider/Divider.types.d.ts +2 -5
  10. package/lib/components/Divider/renderDivider.js +6 -7
  11. package/lib/components/Divider/renderDivider.js.map +1 -1
  12. package/lib/components/Divider/useDivider.js +16 -18
  13. package/lib/components/Divider/useDivider.js.map +1 -1
  14. package/lib/components/Divider/useDividerStyles.d.ts +1 -0
  15. package/lib/components/Divider/useDividerStyles.js +18 -15
  16. package/lib/components/Divider/useDividerStyles.js.map +1 -1
  17. package/lib-commonjs/Divider.js +1 -1
  18. package/lib-commonjs/common/isConformant.js +3 -3
  19. package/lib-commonjs/common/isConformant.js.map +1 -1
  20. package/lib-commonjs/components/Divider/Divider.js +6 -6
  21. package/lib-commonjs/components/Divider/Divider.js.map +1 -1
  22. package/lib-commonjs/components/Divider/Divider.types.d.ts +2 -5
  23. package/lib-commonjs/components/Divider/index.js +1 -1
  24. package/lib-commonjs/components/Divider/renderDivider.js +8 -10
  25. package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
  26. package/lib-commonjs/components/Divider/useDivider.js +17 -20
  27. package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
  28. package/lib-commonjs/components/Divider/useDividerStyles.d.ts +1 -0
  29. package/lib-commonjs/components/Divider/useDividerStyles.js +20 -17
  30. package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
  31. package/lib-commonjs/index.js +1 -1
  32. package/package.json +6 -7
package/CHANGELOG.json CHANGED
@@ -2,16 +2,49 @@
2
2
  "name": "@fluentui/react-divider",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 03 Nov 2021 08:24:03 GMT",
6
- "tag": "@fluentui/react-divider_v0.0.0-nightlya372ad979820211103.1",
7
- "version": "0.0.0-nightlya372ad979820211103.1",
5
+ "date": "Wed, 24 Nov 2021 04:12:46 GMT",
6
+ "tag": "@fluentui/react-divider_v0.0.0-nightlya54302c0b220211124.1",
7
+ "version": "0.0.0-nightlya54302c0b220211124.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
- "author": "email not defined",
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-divider",
13
+ "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1",
14
+ "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
15
+ },
16
+ {
17
+ "author": "beachball",
12
18
  "package": "@fluentui/react-divider",
13
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd",
14
- "comment": "Release nightly v9"
19
+ "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlya54302c0b220211124.1",
20
+ "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-divider",
25
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya54302c0b220211124.1",
26
+ "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-divider",
31
+ "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya54302c0b220211124.1",
32
+ "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
33
+ }
34
+ ]
35
+ }
36
+ },
37
+ {
38
+ "date": "Fri, 12 Nov 2021 13:25:23 GMT",
39
+ "tag": "@fluentui/react-divider_v9.0.0-beta.3",
40
+ "version": "9.0.0-beta.3",
41
+ "comments": {
42
+ "prerelease": [
43
+ {
44
+ "author": "gcox@microsoft.com",
45
+ "package": "@fluentui/react-divider",
46
+ "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
47
+ "comment": "Updated beta and RC components to ES2019"
15
48
  },
16
49
  {
17
50
  "author": "gcox@microsoft.com",
@@ -19,49 +52,73 @@
19
52
  "commit": "d8c3066ef1fd265cc8d76882c1245e82b1097c4f",
20
53
  "comment": "Refactored divider stories for codesandbox"
21
54
  },
55
+ {
56
+ "author": "olfedias@microsoft.com",
57
+ "package": "@fluentui/react-divider",
58
+ "commit": "7eb7d2daebaa11dbdcd555b0b962407013a7ca80",
59
+ "comment": "export static classes for components"
60
+ },
22
61
  {
23
62
  "author": "Humberto.Morimoto@microsoft.com",
24
63
  "package": "@fluentui/react-divider",
25
64
  "commit": "0e0cf06c34f78d54db4468a602a17b0a5a30ac87",
26
65
  "comment": "Divider: Updating the component to the latest patterns."
27
66
  },
67
+ {
68
+ "author": "Humberto.Morimoto@microsoft.com",
69
+ "package": "@fluentui/react-divider",
70
+ "commit": "627ad67f1163946f1c539002bdcd63eda760c9c6",
71
+ "comment": "Divider: Updating Spec to reflect changes that have happened since it was first created."
72
+ },
28
73
  {
29
74
  "author": "beachball",
30
75
  "package": "@fluentui/react-divider",
31
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlya372ad979820211103.1",
32
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
76
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
77
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
33
78
  },
34
79
  {
35
80
  "author": "beachball",
36
81
  "package": "@fluentui/react-divider",
37
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlya372ad979820211103.1",
38
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
82
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
83
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
39
84
  },
40
85
  {
41
86
  "author": "beachball",
42
87
  "package": "@fluentui/react-divider",
43
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlya372ad979820211103.1",
44
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
88
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
89
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
45
90
  },
46
91
  {
47
92
  "author": "beachball",
48
93
  "package": "@fluentui/react-divider",
49
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya372ad979820211103.1",
50
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
94
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
95
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
51
96
  },
52
97
  {
53
98
  "author": "beachball",
54
99
  "package": "@fluentui/react-divider",
55
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya372ad979820211103.1",
56
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
100
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
101
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
57
102
  }
58
103
  ],
59
104
  "none": [
105
+ {
106
+ "author": "lingfangao@hotmail.com",
107
+ "package": "@fluentui/react-divider",
108
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
109
+ "comment": "Remove beta release tag"
110
+ },
60
111
  {
61
112
  "author": "mgodbolt@microsoft.com",
62
113
  "package": "@fluentui/react-divider",
63
114
  "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
64
115
  "comment": "update docs descriptions"
116
+ },
117
+ {
118
+ "author": "lingfangao@hotmail.com",
119
+ "package": "@fluentui/react-divider",
120
+ "commit": "4398bf56796f354a3210f5babff1b04f612abcaa",
121
+ "comment": "chore(Divider): Remove unthemed white background in stories"
65
122
  }
66
123
  ]
67
124
  }
package/CHANGELOG.md CHANGED
@@ -1,24 +1,38 @@
1
1
  # Change Log - @fluentui/react-divider
2
2
 
3
- This log was last generated on Wed, 03 Nov 2021 08:24:03 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 24 Nov 2021 04:12:46 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlya372ad979820211103.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightlya372ad979820211103.1)
7
+ ## [0.0.0-nightlya54302c0b220211124.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightlya54302c0b220211124.1)
8
8
 
9
- Wed, 03 Nov 2021 08:24:03 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.2..@fluentui/react-divider_v0.0.0-nightlya372ad979820211103.1)
9
+ Wed, 24 Nov 2021 04:12:46 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.3..@fluentui/react-divider_v0.0.0-nightlya54302c0b220211124.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by email not defined)
14
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
15
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
16
+ - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
17
+ - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
18
+
19
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-beta.3)
20
+
21
+ Fri, 12 Nov 2021 13:25:23 GMT
22
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-beta.2..@fluentui/react-divider_v9.0.0-beta.3)
23
+
24
+ ### Changes
25
+
26
+ - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
15
27
  - Refactored divider stories for codesandbox ([PR #20393](https://github.com/microsoft/fluentui/pull/20393) by gcox@microsoft.com)
28
+ - export static classes for components ([PR #20454](https://github.com/microsoft/fluentui/pull/20454) by olfedias@microsoft.com)
16
29
  - Divider: Updating the component to the latest patterns. ([PR #20273](https://github.com/microsoft/fluentui/pull/20273) by Humberto.Morimoto@microsoft.com)
17
- - Bump @fluentui/react-make-styles to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
18
- - Bump @fluentui/react-utilities to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
19
- - Bump @fluentui/babel-make-styles to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
20
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
21
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
30
+ - 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)
31
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
32
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
33
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
34
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
35
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
22
36
 
23
37
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-beta.2)
24
38
 
package/Spec.md CHANGED
@@ -2,8 +2,7 @@
2
2
 
3
3
  ## Background
4
4
 
5
- The divider control is intended to replace the Separator control currently exported. Its purpose is to visually separate content.
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
- ```html
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
- The divider will have two main variants, rendering horizontally or vertically. The control is the same with the optional property `vertical` defining how it renders.
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
- ```html
58
- <Divider color="black" />
59
- ```
42
+ The `Divider` component has two layout variants:
60
43
 
61
- Content
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
- ```html
64
- <Divider>My Content</Divider>
65
- ```
47
+ ### Inset
66
48
 
67
- Icon
49
+ A `Divider` with the `inset` prop adds padding to the beginning and end of the component.
68
50
 
69
- ```html
70
- <Divider><Icon /></Divider>
71
- ```
51
+ ### Appearance
72
52
 
73
- Inset
53
+ The `Divider` component has four appearance variants:
74
54
 
75
- ```html
76
- <Divider inset />
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
- ### Slots
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
- **Brand**
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
- Content, if provided, will self determine it's behaviors.
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
- Since the divider is not a focusable element itself, this control doesn't require any accessibility roles or special behavior applied to it. The descendant content when wrapped from the divider must handle any required accessibility behaviors itself when appropriate.
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.
package/dist/react-divider.d.ts CHANGED
@@ -9,6 +9,8 @@ import * as React_2 from 'react';
9
9
  */
10
10
  export declare const Divider: ForwardRefComponent<DividerProps>;
11
11
 
12
+ export declare const dividerClassName = "fui-Divider";
13
+
12
14
  export declare type DividerCommons = {
13
15
  /**
14
16
  * Determines the alignment of the content within the divider.
@@ -21,12 +23,12 @@ export declare type DividerCommons = {
21
23
  */
22
24
  appearance?: 'brand' | 'strong' | 'subtle';
23
25
  /**
24
- * Adds padding to the beginning and end of the divider
26
+ * Adds padding to the beginning and end of the divider.
25
27
  * @default false
26
28
  */
27
29
  inset: boolean;
28
30
  /**
29
- * A divider can be horizontal (default) or vertical
31
+ * A divider can be horizontal (default) or vertical.
30
32
  * @default false
31
33
  */
32
34
  vertical: boolean;
@@ -41,9 +43,6 @@ export declare type DividerSlots = {
41
43
  root: IntrinsicShorthandProps<'div'>;
42
44
  /**
43
45
  * Accessibility wrapper for content when presented.
44
- * A shorthand prop can be a literal, object, or
45
- * JSX. The `children` prop of the object can be a render function,
46
- * taking in the original slot component and props.
47
46
  */
48
47
  wrapper: IntrinsicShorthandProps<'div'>;
49
48
  };
package/lib/common/isConformant.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
2
  import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
3
  export function isConformant(testInfo) {
4
- var defaultOptions = {
4
+ const defaultOptions = {
5
5
  asPropHandlesRef: true,
6
6
  componentPath: module.parent.filename.replace('.test', ''),
7
7
  extraTests: makeStylesTests
package/lib/common/isConformant.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAkF,6BAAlF;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAkF,6BAAlF;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
package/lib/components/Divider/Divider.js CHANGED
@@ -6,8 +6,8 @@ import { useDividerStyles } from './useDividerStyles';
6
6
  * A divider visually segments content into groups.
7
7
  */
8
8
 
9
- export var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useDivider(props, ref);
9
+ export const Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useDivider(props, ref);
11
11
  useDividerStyles(state);
12
12
  return renderDivider(state);
13
13
  });
package/lib/components/Divider/Divider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAIA;;AAEG;;AACH,OAAO,IAAM,OAAO,gBAAsC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AAEA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CANyD,CAAnD;AAQP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,gBAAsC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AAEA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CANyD,CAAnD;AAQP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}
package/lib/components/Divider/Divider.types.d.ts CHANGED
@@ -6,9 +6,6 @@ export declare type DividerSlots = {
6
6
  root: IntrinsicShorthandProps<'div'>;
7
7
  /**
8
8
  * Accessibility wrapper for content when presented.
9
- * A shorthand prop can be a literal, object, or
10
- * JSX. The `children` prop of the object can be a render function,
11
- * taking in the original slot component and props.
12
9
  */
13
10
  wrapper: IntrinsicShorthandProps<'div'>;
14
11
  };
@@ -24,12 +21,12 @@ export declare type DividerCommons = {
24
21
  */
25
22
  appearance?: 'brand' | 'strong' | 'subtle';
26
23
  /**
27
- * Adds padding to the beginning and end of the divider
24
+ * Adds padding to the beginning and end of the divider.
28
25
  * @default false
29
26
  */
30
27
  inset: boolean;
31
28
  /**
32
- * A divider can be horizontal (default) or vertical
29
+ * A divider can be horizontal (default) or vertical.
33
30
  * @default false
34
31
  */
35
32
  vertical: boolean;
package/lib/components/Divider/renderDivider.js CHANGED
@@ -1,15 +1,14 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getSlots } from '@fluentui/react-utilities';
4
3
  /**
5
4
  * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
6
5
  */
7
6
 
8
- export var renderDivider = function (state) {
9
- var _a = getSlots(state, ['root', 'wrapper']),
10
- slots = _a.slots,
11
- slotProps = _a.slotProps;
12
-
13
- return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), slotProps.root.children !== undefined && /*#__PURE__*/React.createElement(slots.wrapper, __assign({}, slotProps.wrapper), slotProps.root.children));
7
+ export const renderDivider = state => {
8
+ const {
9
+ slots,
10
+ slotProps
11
+ } = getSlots(state, ['root', 'wrapper']);
12
+ return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children !== undefined && /*#__PURE__*/React.createElement(slots.wrapper, Object.assign({}, slotProps.wrapper), slotProps.root.children));
14
13
  };
15
14
  //# sourceMappingURL=renderDivider.js.map
package/lib/components/Divider/renderDivider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AACzC,MAAA,EAAA,GAAuB,QAAQ,CAAe,KAAf,EAAsB,CAAC,MAAD,EAAS,SAAT,CAAtB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,iBACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAe,KAAf,EAAsB,CAAC,MAAD,EAAS,SAAT,CAAtB,CAArC;AACA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,iBACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM","sourceRoot":""}
package/lib/components/Divider/useDivider.js CHANGED
@@ -1,4 +1,3 @@
1
- import { __assign } from "tslib";
2
1
  import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
3
2
  /**
4
3
  * Returns the props and state required to render the component
@@ -6,32 +5,31 @@ import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-
6
5
  * @param ref - User-provided ref to be passed to the Divider component.
7
6
  */
8
7
 
9
- export var useDivider = function (props, ref) {
10
- var _a = props.alignContent,
11
- alignContent = _a === void 0 ? 'center' : _a,
12
- appearance = props.appearance,
13
- _b = props.inset,
14
- inset = _b === void 0 ? false : _b,
15
- _c = props.vertical,
16
- vertical = _c === void 0 ? false : _c,
17
- wrapper = props.wrapper;
18
- var dividerId = useId('divider-');
8
+ export const useDivider = (props, ref) => {
9
+ const {
10
+ alignContent = 'center',
11
+ appearance,
12
+ inset = false,
13
+ vertical = false,
14
+ wrapper
15
+ } = props;
16
+ const dividerId = useId('divider-');
19
17
  return {
20
18
  // Props passed at the top-level
21
- alignContent: alignContent,
22
- appearance: appearance,
23
- inset: inset,
24
- vertical: vertical,
19
+ alignContent,
20
+ appearance,
21
+ inset,
22
+ vertical,
25
23
  // Slots definition
26
24
  components: {
27
25
  root: 'div',
28
26
  wrapper: 'div'
29
27
  },
30
- root: getNativeElementProps('div', __assign(__assign({}, props), {
31
- ref: ref,
28
+ root: getNativeElementProps('div', { ...props,
29
+ ref,
32
30
  role: 'separator',
33
31
  'aria-labelledby': props.children ? dividerId : undefined
34
- })),
32
+ }),
35
33
  wrapper: resolveShorthand(wrapper, {
36
34
  required: true,
37
35
  defaultProps: {
package/lib/components/Divider/useDivider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AAGA;;;;AAIG;;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,KAAD,EAAsB,GAAtB,EAAiD;AACjE,MAAA,EAAA,GAAkF,KAAK,CAAhE,YAAvB;AAAA,MAAA,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAAvB;AAAA,MAAyB,UAAU,GAA+C,KAAK,CAApD,UAAnC;AAAA,MAAqC,EAAA,GAA6C,KAAK,CAArC,KAAlD;AAAA,MAAqC,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAlD;AAAA,MAAoD,EAAA,GAA8B,KAAK,CAAnB,QAApE;AAAA,MAAoD,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAApE;AAAA,MAAsE,OAAO,GAAK,KAAK,CAAV,OAA7E;AACR,MAAM,SAAS,GAAG,KAAK,CAAC,UAAD,CAAvB;AAEA,SAAO;AACL;AACA,IAAA,YAAY,EAAA,YAFP;AAGL,IAAA,UAAU,EAAA,UAHL;AAIL,IAAA,KAAK,EAAA,KAJA;AAKL,IAAA,QAAQ,EAAA,QALH;AAOL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAFC,KARP;AAaL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA,GADK;AAER,MAAA,IAAI,EAAE,WAFE;AAGR,yBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;AAHxC,KADuB,CAAN,CAbtB;AAmBL,IAAA,OAAO,EAAE,gBAAgB,CAAC,OAAD,EAAU;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,SADQ;AAEZ,QAAA,QAAQ,EAAE,KAAK,CAAC;AAFJ;AAFmB,KAAV;AAnBpB,GAAP;AA2BD,CA/BM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AAGA;;;;AAIG;;AACH,OAAO,MAAM,UAAU,GAAG,CAAC,KAAD,EAAsB,GAAtB,KAAmE;AAC3F,QAAM;AAAE,IAAA,YAAY,GAAG,QAAjB;AAA2B,IAAA,UAA3B;AAAuC,IAAA,KAAK,GAAG,KAA/C;AAAsD,IAAA,QAAQ,GAAG,KAAjE;AAAwE,IAAA;AAAxE,MAAoF,KAA1F;AACA,QAAM,SAAS,GAAG,KAAK,CAAC,UAAD,CAAvB;AAEA,SAAO;AACL;AACA,IAAA,YAFK;AAGL,IAAA,UAHK;AAIL,IAAA,KAJK;AAKL,IAAA,QALK;AAOL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAFC,KARP;AAaL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,IAAI,EAAE,WAH2B;AAIjC,yBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;AAJf,KAAR,CAbtB;AAmBL,IAAA,OAAO,EAAE,gBAAgB,CAAC,OAAD,EAAU;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,SADQ;AAEZ,QAAA,QAAQ,EAAE,KAAK,CAAC;AAFJ;AAFmB,KAAV;AAnBpB,GAAP;AA2BD,CA/BM","sourceRoot":""}
package/lib/components/Divider/useDividerStyles.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import { DividerState } from './Divider.types';
2
+ export declare const dividerClassName = "fui-Divider";
2
3
  export declare const useDividerStyles: (state: DividerState) => DividerState;
package/lib/components/Divider/useDividerStyles.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { mergeClasses, __styles } from '@fluentui/react-make-styles';
2
- var contentSpacing = '12px';
3
- var insetSpacing = '12px';
4
- var startEndMaxHeight = '8px';
2
+ export const dividerClassName = 'fui-Divider';
3
+ const contentSpacing = '12px';
4
+ const insetSpacing = '12px';
5
+ const startEndMaxHeight = '8px';
5
6
 
6
- var useBaseStyles = /*#__PURE__*/__styles({
7
+ const useBaseStyles = /*#__PURE__*/__styles({
7
8
  "base": {
8
9
  "Bt984gj": "f122n59",
9
10
  "B7ck84d": "f1ewtqcl",
@@ -82,7 +83,7 @@ var useBaseStyles = /*#__PURE__*/__styles({
82
83
  "d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f170vdtw:before{box-sizing:border-box;}", ".fkmkm9e:before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fbxxcv3:before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1vdjgj:before{border-top-color:var(--colorNeutralStroke2);}", ".fz0g6r7:before{border-right-color:var(--colorNeutralStroke2);}", ".f1h60vep:before{border-left-color:var(--colorNeutralStroke2);}", ".fn9f2qq:before{border-bottom-color:var(--colorNeutralStroke2);}", ".ffdc0f3:after{box-sizing:border-box;}", ".fsnc50s:after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fjrry2l:after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fii7hsz:after{border-top-color:var(--colorNeutralStroke2);}", ".fp9yzmz:after{border-right-color:var(--colorNeutralStroke2);}", ".f1n0fcl2:after{border-left-color:var(--colorNeutralStroke2);}", ".f13jg1wd:after{border-bottom-color:var(--colorNeutralStroke2);}", ".fc3uzr1:before{margin-bottom:0;}", ".fhlqc5k:before{margin-right:0;}", ".flnsm0g:before{margin-left:0;}", ".f1957mjw:after{margin-left:0;}", ".fxrad5j:after{margin-right:0;}", ".f1hmx8el:after{margin-top:0;}", ".fqc6z8f:after{content:\"\";}", ".fuzzvh5:before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fob59v2:before{border-top-color:var(--colorBrandStroke1);}", ".f2pevzt:before{border-right-color:var(--colorBrandStroke1);}", ".fuyeql9:before{border-left-color:var(--colorBrandStroke1);}", ".f14lh9hz:before{border-bottom-color:var(--colorBrandStroke1);}", ".fd73d1p:after{border-top-color:var(--colorBrandStroke1);}", ".f11ucet6:after{border-right-color:var(--colorBrandStroke1);}", ".f1yegzx5:after{border-left-color:var(--colorBrandStroke1);}", ".f1tupb0d:after{border-bottom-color:var(--colorBrandStroke1);}", ".f8mhi1x:before{border-top-color:var(--colorNeutralStroke3);}", ".f18m2ouc:before{border-right-color:var(--colorNeutralStroke3);}", ".fddukvx:before{border-left-color:var(--colorNeutralStroke3);}", ".f9zmk3m:before{border-bottom-color:var(--colorNeutralStroke3);}", ".fxli1ey:after{border-top-color:var(--colorNeutralStroke3);}", ".f1qvt1bb:after{border-right-color:var(--colorNeutralStroke3);}", ".f5ob950:after{border-left-color:var(--colorNeutralStroke3);}", ".f1nn0kgk:after{border-bottom-color:var(--colorNeutralStroke3);}", ".fkxqtrn:before{border-top-color:var(--colorNeutralStroke1);}", ".f1yx8xct:before{border-right-color:var(--colorNeutralStroke1);}", ".f2jll41:before{border-left-color:var(--colorNeutralStroke1);}", ".f1k9rjtw:before{border-bottom-color:var(--colorNeutralStroke1);}", ".f1i58boq:after{border-top-color:var(--colorNeutralStroke1);}", ".f4wmtn9:after{border-right-color:var(--colorNeutralStroke1);}", ".f10n3jjp:after{border-left-color:var(--colorNeutralStroke1);}", ".ft17it6:after{border-bottom-color:var(--colorNeutralStroke1);}"]
83
84
  });
84
85
 
85
- var useHorizontalStyles = /*#__PURE__*/__styles({
86
+ const useHorizontalStyles = /*#__PURE__*/__styles({
86
87
  "base": {
87
88
  "a9b677": "fly5x3f",
88
89
  "Bdixowu": "f1bwkb58",
@@ -114,7 +115,7 @@ var useHorizontalStyles = /*#__PURE__*/__styles({
114
115
  "d": [".fly5x3f{width:100%;}", ".f1bwkb58:before{border-top-style:solid;}", ".fn88edj:before{border-top-width:var(--strokeWidthThin);}", ".f1iq3fds:after{border-top-style:solid;}", ".f1oiuz89:after{border-top-width:var(--strokeWidthThin);}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".fuzzvh5:before{content:\"\";}", ".fncq426:before{margin-right:12px;}", ".f12b5w6c:before{margin-left:12px;}", ".f19fn84r:before{max-width:8px;}", ".f1io6r2y:after{margin-left:12px;}", ".fn6j208:after{margin-right:12px;}", ".fqc6z8f:after{content:\"\";}", ".f3tzpys:after{max-width:8px;}"]
115
116
  });
116
117
 
117
- var useVerticalStyles = /*#__PURE__*/__styles({
118
+ const useVerticalStyles = /*#__PURE__*/__styles({
118
119
  "base": {
119
120
  "Beiy3e4": "f1vx9l62",
120
121
  "sshi5w": "f16gbxbe",
@@ -150,15 +151,17 @@ var useVerticalStyles = /*#__PURE__*/__styles({
150
151
  "d": [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f54lnp5:before{border-right-width:var(--strokeWidthThin);}", ".f5hao24:before{border-left-width:var(--strokeWidthThin);}", ".f1r2jemi:after{border-right-style:solid;}", ".f11olovk:after{border-left-style:solid;}", ".f1o2ol1z:after{border-right-width:var(--strokeWidthThin);}", ".f20720x:after{border-left-width:var(--strokeWidthThin);}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".fuzzvh5:before{content:\"\";}", ".f1xy8239:before{margin-bottom:12px;}", ".f1hheky8:before{max-height:8px;}", ".f1mz1b17:after{margin-top:12px;}", ".fqc6z8f:after{content:\"\";}", ".fp342oa:after{max-height:8px;}"]
151
152
  });
152
153
 
153
- export var useDividerStyles = function (state) {
154
- var baseStyles = useBaseStyles();
155
- var horizontalStyles = useHorizontalStyles();
156
- var verticalStyles = useVerticalStyles();
157
- var alignContent = state.alignContent,
158
- appearance = state.appearance,
159
- inset = state.inset,
160
- vertical = state.vertical;
161
- state.root.className = mergeClasses( // Base styles
154
+ export const useDividerStyles = state => {
155
+ const baseStyles = useBaseStyles();
156
+ const horizontalStyles = useHorizontalStyles();
157
+ const verticalStyles = useVerticalStyles();
158
+ const {
159
+ alignContent,
160
+ appearance,
161
+ inset,
162
+ vertical
163
+ } = state;
164
+ state.root.className = mergeClasses(dividerClassName, // Base styles
162
165
  baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
163
166
  !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
164
167
  vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles
package/lib/components/Divider/useDividerStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,IAAM,cAAc,GAAG,MAAvB;AACA,IAAM,YAAY,GAAG,MAArB;AACA,IAAM,iBAAiB,GAAG,KAA1B;;AAEA,IAAM,aAAa,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,IAAM,mBAAmB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,IAAM,iBAAiB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DA,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAoB;AAClD,MAAM,UAAU,GAAG,aAAa,EAAhC;AACA,MAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,MAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEQ,MAAA,YAAY,GAAkC,KAAK,CAAvC,YAAZ;AAAA,MAAc,UAAU,GAAsB,KAAK,CAA3B,UAAxB;AAAA,MAA0B,KAAK,GAAe,KAAK,CAApB,KAA/B;AAAA,MAAiC,QAAQ,GAAK,KAAK,CAAV,QAAzC;AAER,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,EACjC;AACA,EAAA,UAAU,CAAC,IAFsB,EAGjC,UAAU,CAAC,YAAD,CAHuB,EAIjC,UAAU,IAAI,UAAU,CAAC,UAAD,CAJS,EAMjC;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IAPG,EAQjC,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KARN,EASjC,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CATI,EAWjC;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAZM,EAajC,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAbH,EAcjC,QAAQ,IAAI,cAAc,CAAC,YAAD,CAdO,EAejC,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAf/B,EAiBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SAlBf,EAoBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SArBsB,CAAnC;AAwBA,SAAO,KAAP;AACD,CAhCM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP,MAAM,cAAc,GAAG,MAAvB;AACA,MAAM,YAAY,GAAG,MAArB;AACA,MAAM,iBAAiB,GAAG,KAA1B;;AAEA,MAAM,aAAa,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,MAAM,mBAAmB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,MAAM,iBAAiB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DA,OAAO,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,UAAU,GAAG,aAAa,EAAhC;AACA,QAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,QAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEA,QAAM;AAAE,IAAA,YAAF;AAAgB,IAAA,UAAhB;AAA4B,IAAA,KAA5B;AAAmC,IAAA;AAAnC,MAAgD,KAAtD;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,gBADiC,EAGjC;AACA,EAAA,UAAU,CAAC,IAJsB,EAKjC,UAAU,CAAC,YAAD,CALuB,EAMjC,UAAU,IAAI,UAAU,CAAC,UAAD,CANS,EAQjC;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IATG,EAUjC,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KAVN,EAWjC,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CAXI,EAajC;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAdM,EAejC,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAfH,EAgBjC,QAAQ,IAAI,cAAc,CAAC,YAAD,CAhBO,EAiBjC,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAjB/B,EAmBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SApBf,EAsBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAvBsB,CAAnC;AA0BA,SAAO,KAAP;AACD,CAlCM","sourceRoot":""}
package/lib-commonjs/Divider.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/Divider/index"), exports);
10
10
  //# sourceMappingURL=Divider.js.map
package/lib-commonjs/common/isConformant.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.isConformant = void 0;
7
7
 
8
- var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
8
+ const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
9
 
10
- var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
10
+ const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
11
 
12
12
  function isConformant(testInfo) {
13
- var defaultOptions = {
13
+ const defaultOptions = {
14
14
  asPropHandlesRef: true,
15
15
  componentPath: module.parent.filename.replace('.test', ''),
16
16
  extraTests: react_conformance_make_styles_1.default
package/lib-commonjs/common/isConformant.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
package/lib-commonjs/components/Divider/Divider.js CHANGED
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Divider = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var renderDivider_1 = /*#__PURE__*/require("./renderDivider");
10
+ const renderDivider_1 = /*#__PURE__*/require("./renderDivider");
11
11
 
12
- var useDivider_1 = /*#__PURE__*/require("./useDivider");
12
+ const useDivider_1 = /*#__PURE__*/require("./useDivider");
13
13
 
14
- var useDividerStyles_1 = /*#__PURE__*/require("./useDividerStyles");
14
+ const useDividerStyles_1 = /*#__PURE__*/require("./useDividerStyles");
15
15
  /**
16
16
  * A divider visually segments content into groups.
17
17
  */
18
18
 
19
19
 
20
- exports.Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useDivider_1.useDivider(props, ref);
20
+ exports.Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useDivider_1.useDivider(props, ref);
22
22
  useDividerStyles_1.useDividerStyles(state);
23
23
  return renderDivider_1.renderDivider(state);
24
24
  });
package/lib-commonjs/components/Divider/Divider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA6C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,YAAA,CAAA,UAAA,CAAW,KAAX,EAAkB,GAAlB,CAAd;AAEA,EAAA,kBAAA,CAAA,gBAAA,CAAiB,KAAjB;AAEA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CANyD,CAA7C;AAQb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,YAAA,CAAA,UAAA,CAAW,KAAX,EAAkB,GAAlB,CAAd;AAEA,EAAA,kBAAA,CAAA,gBAAA,CAAiB,KAAjB;AAEA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CANyD,CAA7C;AAQb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourceRoot":""}
package/lib-commonjs/components/Divider/Divider.types.d.ts CHANGED
@@ -6,9 +6,6 @@ export declare type DividerSlots = {
6
6
  root: IntrinsicShorthandProps<'div'>;
7
7
  /**
8
8
  * Accessibility wrapper for content when presented.
9
- * A shorthand prop can be a literal, object, or
10
- * JSX. The `children` prop of the object can be a render function,
11
- * taking in the original slot component and props.
12
9
  */
13
10
  wrapper: IntrinsicShorthandProps<'div'>;
14
11
  };
@@ -24,12 +21,12 @@ export declare type DividerCommons = {
24
21
  */
25
22
  appearance?: 'brand' | 'strong' | 'subtle';
26
23
  /**
27
- * Adds padding to the beginning and end of the divider
24
+ * Adds padding to the beginning and end of the divider.
28
25
  * @default false
29
26
  */
30
27
  inset: boolean;
31
28
  /**
32
- * A divider can be horizontal (default) or vertical
29
+ * A divider can be horizontal (default) or vertical.
33
30
  * @default false
34
31
  */
35
32
  vertical: boolean;
package/lib-commonjs/components/Divider/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Divider"), exports);
10
10
 
package/lib-commonjs/components/Divider/renderDivider.js CHANGED
@@ -5,22 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderDivider = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var React = /*#__PURE__*/require("react");
11
-
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
11
  /**
14
12
  * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
15
13
  */
16
14
 
17
15
 
18
- var renderDivider = function (state) {
19
- var _a = react_utilities_1.getSlots(state, ['root', 'wrapper']),
20
- slots = _a.slots,
21
- slotProps = _a.slotProps;
22
-
23
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), slotProps.root.children !== undefined && React.createElement(slots.wrapper, tslib_1.__assign({}, slotProps.wrapper), slotProps.root.children));
16
+ const renderDivider = state => {
17
+ const {
18
+ slots,
19
+ slotProps
20
+ } = react_utilities_1.getSlots(state, ['root', 'wrapper']);
21
+ return React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children !== undefined && React.createElement(slots.wrapper, Object.assign({}, slotProps.wrapper), slotProps.root.children));
24
22
  };
25
23
 
26
24
  exports.renderDivider = renderDivider;
package/lib-commonjs/components/Divider/renderDivider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AACzC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,EAA8B,CAAC,MAAD,EAAS,SAAT,CAA9B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,EAA8B,CAAC,MAAD,EAAS,SAAT,CAA9B,CAA7B;AACA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QAAf,KAA4B,SAA5B,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EAAuC,SAAS,CAAC,IAAV,CAAe,QAAtD,CAFJ,CADF;AAOD,CATM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
package/lib-commonjs/components/Divider/useDivider.js CHANGED
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useDivider = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
9
  /**
12
10
  * Returns the props and state required to render the component
13
11
  * @param props - User-provided props to the Divider component.
@@ -15,32 +13,31 @@ var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
15
13
  */
16
14
 
17
15
 
18
- var useDivider = function (props, ref) {
19
- var _a = props.alignContent,
20
- alignContent = _a === void 0 ? 'center' : _a,
21
- appearance = props.appearance,
22
- _b = props.inset,
23
- inset = _b === void 0 ? false : _b,
24
- _c = props.vertical,
25
- vertical = _c === void 0 ? false : _c,
26
- wrapper = props.wrapper;
27
- var dividerId = react_utilities_1.useId('divider-');
16
+ const useDivider = (props, ref) => {
17
+ const {
18
+ alignContent = 'center',
19
+ appearance,
20
+ inset = false,
21
+ vertical = false,
22
+ wrapper
23
+ } = props;
24
+ const dividerId = react_utilities_1.useId('divider-');
28
25
  return {
29
26
  // Props passed at the top-level
30
- alignContent: alignContent,
31
- appearance: appearance,
32
- inset: inset,
33
- vertical: vertical,
27
+ alignContent,
28
+ appearance,
29
+ inset,
30
+ vertical,
34
31
  // Slots definition
35
32
  components: {
36
33
  root: 'div',
37
34
  wrapper: 'div'
38
35
  },
39
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({}, props), {
40
- ref: ref,
36
+ root: react_utilities_1.getNativeElementProps('div', { ...props,
37
+ ref,
41
38
  role: 'separator',
42
39
  'aria-labelledby': props.children ? dividerId : undefined
43
- })),
40
+ }),
44
41
  wrapper: react_utilities_1.resolveShorthand(wrapper, {
45
42
  required: true,
46
43
  defaultProps: {
package/lib-commonjs/components/Divider/useDivider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,IAAM,UAAU,GAAG,UAAC,KAAD,EAAsB,GAAtB,EAAiD;AACjE,MAAA,EAAA,GAAkF,KAAK,CAAhE,YAAvB;AAAA,MAAA,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAAvB;AAAA,MAAyB,UAAU,GAA+C,KAAK,CAApD,UAAnC;AAAA,MAAqC,EAAA,GAA6C,KAAK,CAArC,KAAlD;AAAA,MAAqC,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAlD;AAAA,MAAoD,EAAA,GAA8B,KAAK,CAAnB,QAApE;AAAA,MAAoD,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAApE;AAAA,MAAsE,OAAO,GAAK,KAAK,CAAV,OAA7E;AACR,MAAM,SAAS,GAAG,iBAAA,CAAA,KAAA,CAAM,UAAN,CAAlB;AAEA,SAAO;AACL;AACA,IAAA,YAAY,EAAA,YAFP;AAGL,IAAA,UAAU,EAAA,UAHL;AAIL,IAAA,KAAK,EAAA,KAJA;AAKL,IAAA,QAAQ,EAAA,QALH;AAOL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAFC,KARP;AAaL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA,GADK;AAER,MAAA,IAAI,EAAE,WAFE;AAGR,yBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;AAHxC,KADuB,CAA3B,CAbD;AAmBL,IAAA,OAAO,EAAE,iBAAA,CAAA,gBAAA,CAAiB,OAAjB,EAA0B;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,SADQ;AAEZ,QAAA,QAAQ,EAAE,KAAK,CAAC;AAFJ;AAFmB,KAA1B;AAnBJ,GAAP;AA2BD,CA/BM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,UAAU,GAAG,CAAC,KAAD,EAAsB,GAAtB,KAAmE;AAC3F,QAAM;AAAE,IAAA,YAAY,GAAG,QAAjB;AAA2B,IAAA,UAA3B;AAAuC,IAAA,KAAK,GAAG,KAA/C;AAAsD,IAAA,QAAQ,GAAG,KAAjE;AAAwE,IAAA;AAAxE,MAAoF,KAA1F;AACA,QAAM,SAAS,GAAG,iBAAA,CAAA,KAAA,CAAM,UAAN,CAAlB;AAEA,SAAO;AACL;AACA,IAAA,YAFK;AAGL,IAAA,UAHK;AAIL,IAAA,KAJK;AAKL,IAAA,QALK;AAOL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAFC,KARP;AAaL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,IAAI,EAAE,WAH2B;AAIjC,yBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B;AAJf,KAA7B,CAbD;AAmBL,IAAA,OAAO,EAAE,iBAAA,CAAA,gBAAA,CAAiB,OAAjB,EAA0B;AACjC,MAAA,QAAQ,EAAE,IADuB;AAEjC,MAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,SADQ;AAEZ,QAAA,QAAQ,EAAE,KAAK,CAAC;AAFJ;AAFmB,KAA1B;AAnBJ,GAAP;AA2BD,CA/BM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
package/lib-commonjs/components/Divider/useDividerStyles.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import { DividerState } from './Divider.types';
2
+ export declare const dividerClassName = "fui-Divider";
2
3
  export declare const useDividerStyles: (state: DividerState) => DividerState;
package/lib-commonjs/components/Divider/useDividerStyles.js CHANGED
@@ -3,15 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useDividerStyles = void 0;
6
+ exports.useDividerStyles = exports.dividerClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var contentSpacing = '12px';
11
- var insetSpacing = '12px';
12
- var startEndMaxHeight = '8px';
10
+ exports.dividerClassName = 'fui-Divider';
11
+ const contentSpacing = '12px';
12
+ const insetSpacing = '12px';
13
+ const startEndMaxHeight = '8px';
13
14
 
14
- var useBaseStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
+ const useBaseStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
16
  "base": {
16
17
  "Bt984gj": "f122n59",
17
18
  "B7ck84d": "f1ewtqcl",
@@ -90,7 +91,7 @@ var useBaseStyles = /*#__PURE__*/react_make_styles_1.__styles({
90
91
  "d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f170vdtw:before{box-sizing:border-box;}", ".fkmkm9e:before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fbxxcv3:before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1vdjgj:before{border-top-color:var(--colorNeutralStroke2);}", ".fz0g6r7:before{border-right-color:var(--colorNeutralStroke2);}", ".f1h60vep:before{border-left-color:var(--colorNeutralStroke2);}", ".fn9f2qq:before{border-bottom-color:var(--colorNeutralStroke2);}", ".ffdc0f3:after{box-sizing:border-box;}", ".fsnc50s:after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fjrry2l:after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fii7hsz:after{border-top-color:var(--colorNeutralStroke2);}", ".fp9yzmz:after{border-right-color:var(--colorNeutralStroke2);}", ".f1n0fcl2:after{border-left-color:var(--colorNeutralStroke2);}", ".f13jg1wd:after{border-bottom-color:var(--colorNeutralStroke2);}", ".fc3uzr1:before{margin-bottom:0;}", ".fhlqc5k:before{margin-right:0;}", ".flnsm0g:before{margin-left:0;}", ".f1957mjw:after{margin-left:0;}", ".fxrad5j:after{margin-right:0;}", ".f1hmx8el:after{margin-top:0;}", ".fqc6z8f:after{content:\"\";}", ".fuzzvh5:before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fob59v2:before{border-top-color:var(--colorBrandStroke1);}", ".f2pevzt:before{border-right-color:var(--colorBrandStroke1);}", ".fuyeql9:before{border-left-color:var(--colorBrandStroke1);}", ".f14lh9hz:before{border-bottom-color:var(--colorBrandStroke1);}", ".fd73d1p:after{border-top-color:var(--colorBrandStroke1);}", ".f11ucet6:after{border-right-color:var(--colorBrandStroke1);}", ".f1yegzx5:after{border-left-color:var(--colorBrandStroke1);}", ".f1tupb0d:after{border-bottom-color:var(--colorBrandStroke1);}", ".f8mhi1x:before{border-top-color:var(--colorNeutralStroke3);}", ".f18m2ouc:before{border-right-color:var(--colorNeutralStroke3);}", ".fddukvx:before{border-left-color:var(--colorNeutralStroke3);}", ".f9zmk3m:before{border-bottom-color:var(--colorNeutralStroke3);}", ".fxli1ey:after{border-top-color:var(--colorNeutralStroke3);}", ".f1qvt1bb:after{border-right-color:var(--colorNeutralStroke3);}", ".f5ob950:after{border-left-color:var(--colorNeutralStroke3);}", ".f1nn0kgk:after{border-bottom-color:var(--colorNeutralStroke3);}", ".fkxqtrn:before{border-top-color:var(--colorNeutralStroke1);}", ".f1yx8xct:before{border-right-color:var(--colorNeutralStroke1);}", ".f2jll41:before{border-left-color:var(--colorNeutralStroke1);}", ".f1k9rjtw:before{border-bottom-color:var(--colorNeutralStroke1);}", ".f1i58boq:after{border-top-color:var(--colorNeutralStroke1);}", ".f4wmtn9:after{border-right-color:var(--colorNeutralStroke1);}", ".f10n3jjp:after{border-left-color:var(--colorNeutralStroke1);}", ".ft17it6:after{border-bottom-color:var(--colorNeutralStroke1);}"]
91
92
  });
92
93
 
93
- var useHorizontalStyles = /*#__PURE__*/react_make_styles_1.__styles({
94
+ const useHorizontalStyles = /*#__PURE__*/react_make_styles_1.__styles({
94
95
  "base": {
95
96
  "a9b677": "fly5x3f",
96
97
  "Bdixowu": "f1bwkb58",
@@ -122,7 +123,7 @@ var useHorizontalStyles = /*#__PURE__*/react_make_styles_1.__styles({
122
123
  "d": [".fly5x3f{width:100%;}", ".f1bwkb58:before{border-top-style:solid;}", ".fn88edj:before{border-top-width:var(--strokeWidthThin);}", ".f1iq3fds:after{border-top-style:solid;}", ".f1oiuz89:after{border-top-width:var(--strokeWidthThin);}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".fuzzvh5:before{content:\"\";}", ".fncq426:before{margin-right:12px;}", ".f12b5w6c:before{margin-left:12px;}", ".f19fn84r:before{max-width:8px;}", ".f1io6r2y:after{margin-left:12px;}", ".fn6j208:after{margin-right:12px;}", ".fqc6z8f:after{content:\"\";}", ".f3tzpys:after{max-width:8px;}"]
123
124
  });
124
125
 
125
- var useVerticalStyles = /*#__PURE__*/react_make_styles_1.__styles({
126
+ const useVerticalStyles = /*#__PURE__*/react_make_styles_1.__styles({
126
127
  "base": {
127
128
  "Beiy3e4": "f1vx9l62",
128
129
  "sshi5w": "f16gbxbe",
@@ -158,15 +159,17 @@ var useVerticalStyles = /*#__PURE__*/react_make_styles_1.__styles({
158
159
  "d": [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f54lnp5:before{border-right-width:var(--strokeWidthThin);}", ".f5hao24:before{border-left-width:var(--strokeWidthThin);}", ".f1r2jemi:after{border-right-style:solid;}", ".f11olovk:after{border-left-style:solid;}", ".f1o2ol1z:after{border-right-width:var(--strokeWidthThin);}", ".f20720x:after{border-left-width:var(--strokeWidthThin);}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".fuzzvh5:before{content:\"\";}", ".f1xy8239:before{margin-bottom:12px;}", ".f1hheky8:before{max-height:8px;}", ".f1mz1b17:after{margin-top:12px;}", ".fqc6z8f:after{content:\"\";}", ".fp342oa:after{max-height:8px;}"]
159
160
  });
160
161
 
161
- var useDividerStyles = function (state) {
162
- var baseStyles = useBaseStyles();
163
- var horizontalStyles = useHorizontalStyles();
164
- var verticalStyles = useVerticalStyles();
165
- var alignContent = state.alignContent,
166
- appearance = state.appearance,
167
- inset = state.inset,
168
- vertical = state.vertical;
169
- state.root.className = react_make_styles_1.mergeClasses( // Base styles
162
+ const useDividerStyles = state => {
163
+ const baseStyles = useBaseStyles();
164
+ const horizontalStyles = useHorizontalStyles();
165
+ const verticalStyles = useVerticalStyles();
166
+ const {
167
+ alignContent,
168
+ appearance,
169
+ inset,
170
+ vertical
171
+ } = state;
172
+ state.root.className = react_make_styles_1.mergeClasses(exports.dividerClassName, // Base styles
170
173
  baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
171
174
  !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
172
175
  vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles
package/lib-commonjs/components/Divider/useDividerStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,cAAc,GAAG,MAAvB;AACA,IAAM,YAAY,GAAG,MAArB;AACA,IAAM,iBAAiB,GAAG,KAA1B;;AAEA,IAAM,aAAa,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,IAAM,mBAAmB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,IAAM,iBAAiB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAoB;AAClD,MAAM,UAAU,GAAG,aAAa,EAAhC;AACA,MAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,MAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEQ,MAAA,YAAY,GAAkC,KAAK,CAAvC,YAAZ;AAAA,MAAc,UAAU,GAAsB,KAAK,CAA3B,UAAxB;AAAA,MAA0B,KAAK,GAAe,KAAK,CAApB,KAA/B;AAAA,MAAiC,QAAQ,GAAK,KAAK,CAAV,QAAzC;AAER,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,EACrB;AACA,EAAA,UAAU,CAAC,IAFU,EAGrB,UAAU,CAAC,YAAD,CAHW,EAIrB,UAAU,IAAI,UAAU,CAAC,UAAD,CAJH,EAMrB;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IAPT,EAQrB,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KARlB,EASrB,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CATR,EAWrB;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAZN,EAarB,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAbf,EAcrB,QAAQ,IAAI,cAAc,CAAC,YAAD,CAdL,EAerB,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAf3C,EAiBrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SAlB3B,EAoBrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SArBU,CAAvB;AAwBA,SAAO,KAAP;AACD,CAhCM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb,MAAM,cAAc,GAAG,MAAvB;AACA,MAAM,YAAY,GAAG,MAArB;AACA,MAAM,iBAAiB,GAAG,KAA1B;;AAEA,MAAM,aAAa,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,MAAM,mBAAmB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,MAAM,iBAAiB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DO,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,UAAU,GAAG,aAAa,EAAhC;AACA,QAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,QAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEA,QAAM;AAAE,IAAA,YAAF;AAAgB,IAAA,UAAhB;AAA4B,IAAA,KAA5B;AAAmC,IAAA;AAAnC,MAAgD,KAAtD;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,gBADqB,EAGrB;AACA,EAAA,UAAU,CAAC,IAJU,EAKrB,UAAU,CAAC,YAAD,CALW,EAMrB,UAAU,IAAI,UAAU,CAAC,UAAD,CANH,EAQrB;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IATT,EAUrB,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KAVlB,EAWrB,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CAXR,EAarB;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAdN,EAerB,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAff,EAgBrB,QAAQ,IAAI,cAAc,CAAC,YAAD,CAhBL,EAiBrB,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAjB3C,EAmBrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SApB3B,EAsBrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAvBU,CAAvB;AA0BA,SAAO,KAAP;AACD,CAlCM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
package/lib-commonjs/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Divider"), exports);
10
10
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-divider",
3
- "version": "0.0.0-nightlya372ad979820211103.1",
3
+ "version": "0.0.0-nightlya54302c0b220211124.1",
4
4
  "description": "Fluent UI component to visually separate content.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -25,11 +25,11 @@
25
25
  "storybook": "start-storybook"
26
26
  },
27
27
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "0.0.0-nightlya372ad979820211103.1",
28
+ "@fluentui/babel-make-styles": "0.0.0-nightlya54302c0b220211124.1",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlya372ad979820211103.1",
30
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlya54302c0b220211124.1",
31
31
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlya372ad979820211103.1",
32
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlya54302c0b220211124.1",
33
33
  "@fluentui/scripts": "^1.0.0",
34
34
  "@types/enzyme": "3.10.3",
35
35
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -43,8 +43,8 @@
43
43
  "react-test-renderer": "^16.3.0"
44
44
  },
45
45
  "dependencies": {
46
- "@fluentui/react-make-styles": "0.0.0-nightlya372ad979820211103.1",
47
- "@fluentui/react-utilities": "0.0.0-nightlya372ad979820211103.1",
46
+ "@fluentui/react-make-styles": "0.0.0-nightlya54302c0b220211124.1",
47
+ "@fluentui/react-utilities": "0.0.0-nightlya54302c0b220211124.0",
48
48
  "tslib": "^2.1.0"
49
49
  },
50
50
  "peerDependencies": {
@@ -54,7 +54,6 @@
54
54
  "react-dom": ">=16.8.0 <18.0.0"
55
55
  },
56
56
  "beachball": {
57
- "tag": "beta",
58
57
  "disallowedChangeTypes": [
59
58
  "major",
60
59
  "minor",