@fluentui/react-divider 9.0.0-alpha.68 → 9.0.0-alpha.71

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 (56) hide show
  1. package/CHANGELOG.json +110 -1
  2. package/CHANGELOG.md +37 -2
  3. package/Spec.md +48 -47
  4. package/dist/react-divider.d.ts +12 -12
  5. package/lib/Divider.js.map +1 -1
  6. package/lib/common/isConformant.js.map +1 -1
  7. package/lib/components/Divider/Divider.d.ts +8 -3
  8. package/lib/components/Divider/Divider.js +0 -1
  9. package/lib/components/Divider/Divider.js.map +1 -1
  10. package/lib/components/Divider/Divider.types.d.ts +4 -10
  11. package/lib/components/Divider/Divider.types.js.map +1 -1
  12. package/lib/components/Divider/index.js.map +1 -1
  13. package/lib/components/Divider/renderDivider.js.map +1 -1
  14. package/lib/components/Divider/useDivider.js.map +1 -1
  15. package/lib/components/Divider/useDividerStyles.js.map +1 -1
  16. package/lib/index.js.map +1 -1
  17. package/lib-commonjs/Divider.js.map +1 -1
  18. package/lib-commonjs/common/isConformant.js.map +1 -1
  19. package/lib-commonjs/components/Divider/Divider.d.ts +8 -3
  20. package/lib-commonjs/components/Divider/Divider.js +0 -1
  21. package/lib-commonjs/components/Divider/Divider.js.map +1 -1
  22. package/lib-commonjs/components/Divider/Divider.types.d.ts +4 -10
  23. package/lib-commonjs/components/Divider/Divider.types.js.map +1 -1
  24. package/lib-commonjs/components/Divider/index.js.map +1 -1
  25. package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
  26. package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
  27. package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
  28. package/lib-commonjs/index.js.map +1 -1
  29. package/package.json +8 -8
  30. package/lib-amd/Divider.d.ts +0 -1
  31. package/lib-amd/Divider.js +0 -6
  32. package/lib-amd/Divider.js.map +0 -1
  33. package/lib-amd/common/isConformant.d.ts +0 -4
  34. package/lib-amd/common/isConformant.js +0 -15
  35. package/lib-amd/common/isConformant.js.map +0 -1
  36. package/lib-amd/components/Divider/Divider.d.ts +0 -7
  37. package/lib-amd/components/Divider/Divider.js +0 -16
  38. package/lib-amd/components/Divider/Divider.js.map +0 -1
  39. package/lib-amd/components/Divider/Divider.types.d.ts +0 -48
  40. package/lib-amd/components/Divider/Divider.types.js +0 -5
  41. package/lib-amd/components/Divider/Divider.types.js.map +0 -1
  42. package/lib-amd/components/Divider/index.d.ts +0 -5
  43. package/lib-amd/components/Divider/index.js +0 -10
  44. package/lib-amd/components/Divider/index.js.map +0 -1
  45. package/lib-amd/components/Divider/renderDivider.d.ts +0 -5
  46. package/lib-amd/components/Divider/renderDivider.js +0 -15
  47. package/lib-amd/components/Divider/renderDivider.js.map +0 -1
  48. package/lib-amd/components/Divider/useDivider.d.ts +0 -13
  49. package/lib-amd/components/Divider/useDivider.js +0 -28
  50. package/lib-amd/components/Divider/useDivider.js.map +0 -1
  51. package/lib-amd/components/Divider/useDividerStyles.d.ts +0 -3
  52. package/lib-amd/components/Divider/useDividerStyles.js +0 -212
  53. package/lib-amd/components/Divider/useDividerStyles.js.map +0 -1
  54. package/lib-amd/index.d.ts +0 -1
  55. package/lib-amd/index.js +0 -6
  56. package/lib-amd/index.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,116 @@
2
2
  "name": "@fluentui/react-divider",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 17 Sep 2021 07:32:57 GMT",
5
+ "date": "Wed, 22 Sep 2021 10:08:31 GMT",
6
+ "tag": "@fluentui/react-divider_v9.0.0-alpha.71",
7
+ "version": "9.0.0-alpha.71",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-divider",
13
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.70",
14
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-divider",
19
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.50",
20
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-divider",
25
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.52",
26
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-divider",
31
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45",
32
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-divider",
37
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14",
38
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ {
44
+ "date": "Tue, 21 Sep 2021 07:42:34 GMT",
45
+ "tag": "@fluentui/react-divider_v9.0.0-alpha.70",
46
+ "version": "9.0.0-alpha.70",
47
+ "comments": {
48
+ "prerelease": [
49
+ {
50
+ "author": "gcox@microsoft.com",
51
+ "package": "@fluentui/react-divider",
52
+ "comment": "Updating to types over interfaces",
53
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-divider",
58
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.69",
59
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-divider",
64
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.51",
65
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-divider",
70
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44",
71
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
72
+ },
73
+ {
74
+ "author": "beachball",
75
+ "package": "@fluentui/react-divider",
76
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13",
77
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
78
+ }
79
+ ],
80
+ "none": [
81
+ {
82
+ "author": "elcraig@microsoft.com",
83
+ "package": "@fluentui/react-divider",
84
+ "comment": "Remove unnecessary docCategory tags",
85
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
86
+ }
87
+ ]
88
+ }
89
+ },
90
+ {
91
+ "date": "Mon, 20 Sep 2021 07:36:26 GMT",
92
+ "tag": "@fluentui/react-divider_v9.0.0-alpha.69",
93
+ "version": "9.0.0-alpha.69",
94
+ "comments": {
95
+ "none": [
96
+ {
97
+ "author": "lingfangao@hotmail.com",
98
+ "package": "@fluentui/react-divider",
99
+ "comment": "chore: use versioon eslint-plugin and react-conformance in dev dependencies",
100
+ "commit": "b8a304770f77c0353553a152dad34421070400a6"
101
+ }
102
+ ],
103
+ "prerelease": [
104
+ {
105
+ "author": "lingfangao@hotmail.com",
106
+ "package": "@fluentui/react-divider",
107
+ "commit": "b8a304770f77c0353553a152dad34421070400a6",
108
+ "comment": "Bump @fluentui/react-divider to v9.0.0-alpha.69"
109
+ }
110
+ ]
111
+ }
112
+ },
113
+ {
114
+ "date": "Fri, 17 Sep 2021 07:35:26 GMT",
6
115
  "tag": "@fluentui/react-divider_v9.0.0-alpha.68",
7
116
  "version": "9.0.0-alpha.68",
8
117
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,47 @@
1
1
  # Change Log - @fluentui/react-divider
2
2
 
3
- This log was last generated on Fri, 17 Sep 2021 07:32:57 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 22 Sep 2021 10:08:31 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-alpha.71](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-alpha.71)
8
+
9
+ Wed, 22 Sep 2021 10:08:31 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-alpha.70..@fluentui/react-divider_v9.0.0-alpha.71)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.70 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
15
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.50 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
16
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.52 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
17
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
18
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
19
+
20
+ ## [9.0.0-alpha.70](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-alpha.70)
21
+
22
+ Tue, 21 Sep 2021 07:42:34 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-alpha.69..@fluentui/react-divider_v9.0.0-alpha.70)
24
+
25
+ ### Changes
26
+
27
+ - Updating to types over interfaces ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by gcox@microsoft.com)
28
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
29
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.51 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
30
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
31
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
32
+
33
+ ## [9.0.0-alpha.69](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-alpha.69)
34
+
35
+ Mon, 20 Sep 2021 07:36:26 GMT
36
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-alpha.68..@fluentui/react-divider_v9.0.0-alpha.69)
37
+
38
+ ### Changes
39
+
40
+ - Bump @fluentui/react-divider to v9.0.0-alpha.69 ([PR #19844](https://github.com/microsoft/fluentui/pull/19844) by lingfangao@hotmail.com)
41
+
7
42
  ## [9.0.0-alpha.68](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-alpha.68)
8
43
 
9
- Fri, 17 Sep 2021 07:32:57 GMT
44
+ Fri, 17 Sep 2021 07:35:26 GMT
10
45
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.0.0-alpha.67..@fluentui/react-divider_v9.0.0-alpha.68)
11
46
 
12
47
  ### Changes
package/Spec.md CHANGED
@@ -101,53 +101,54 @@ From [Divider.types.tsx](https://github.com/microsoft/fluentui/blob/master/packa
101
101
  ### Props
102
102
 
103
103
  ```ts
104
- export interface DividerProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
105
- /**
106
- * Determines the alignment of the content within the divider.
107
- * @defaultvalue 'center'
108
- */
109
- alignContent?: 'start' | 'end' | 'center';
110
-
111
- /**
112
- * Predefined visual styles
113
- * @defaultvalue 'default'
114
- */
115
- appearance?: 'default' | 'subtle' | 'brand' | 'strong';
116
-
117
- /**
118
- * A divider can have a overriding border color
119
- */
120
- color?: string;
121
-
122
- /**
123
- * A divider can be classified as important to emphasize its content
124
- */
125
- important?: boolean;
126
-
127
- /**
128
- * Adds a 12px padding to the begining and end of the divider
129
- */
130
- inset?: boolean;
131
-
132
- /**
133
- * A divider can be horizontal (default) or vertical
134
- */
135
- vertical?: boolean;
136
-
137
- /**
138
- * Overrides for border visuals
139
- */
140
- borderStyle?: string;
141
- borderSize?: string | number;
142
-
143
- /**
144
- * Accessibility wrapper for content when presented.
145
- * A shorthand prop can be a literal, object, or
146
- * JSX. The `children` prop of the object can be a render function,
147
- * taking in the original slot component and props.
148
- */
149
- wrapper?: ShorthandProps<React.HTMLAttributes<HTMLDivElement>>;
150
- }
104
+ export type DividerProps = ComponentProps &
105
+ React.HTMLAttributes<HTMLElement> & {
106
+ /**
107
+ * Determines the alignment of the content within the divider.
108
+ * @defaultvalue 'center'
109
+ */
110
+ alignContent?: 'start' | 'end' | 'center';
111
+
112
+ /**
113
+ * Predefined visual styles
114
+ * @defaultvalue 'default'
115
+ */
116
+ appearance?: 'default' | 'subtle' | 'brand' | 'strong';
117
+
118
+ /**
119
+ * A divider can have a overriding border color
120
+ */
121
+ color?: string;
122
+
123
+ /**
124
+ * A divider can be classified as important to emphasize its content
125
+ */
126
+ important?: boolean;
127
+
128
+ /**
129
+ * Adds a 12px padding to the begining and end of the divider
130
+ */
131
+ inset?: boolean;
132
+
133
+ /**
134
+ * A divider can be horizontal (default) or vertical
135
+ */
136
+ vertical?: boolean;
137
+
138
+ /**
139
+ * Overrides for border visuals
140
+ */
141
+ borderStyle?: string;
142
+ borderSize?: string | number;
143
+
144
+ /**
145
+ * Accessibility wrapper for content when presented.
146
+ * A shorthand prop can be a literal, object, or
147
+ * JSX. The `children` prop of the object can be a render function,
148
+ * taking in the original slot component and props.
149
+ */
150
+ wrapper?: ShorthandProps<React.HTMLAttributes<HTMLDivElement>>;
151
+ };
151
152
  ```
152
153
 
153
154
  ## Styling Tokens
package/dist/react-divider.d.ts CHANGED
@@ -4,14 +4,17 @@ import { ShorthandPropsCompat } from '@fluentui/react-utilities';
4
4
 
5
5
  /**
6
6
  * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
7
- * {@docCategory Divider}
8
7
  */
9
- export declare const Divider: React_2.ForwardRefExoticComponent<DividerProps & React_2.RefAttributes<HTMLElement>>;
8
+ export declare const Divider: React_2.ForwardRefExoticComponent<ComponentPropsCompat & React_2.HTMLAttributes<HTMLElement> & {
9
+ alignContent?: "start" | "end" | "center" | undefined;
10
+ appearance?: "strong" | "default" | "subtle" | "brand" | undefined;
11
+ important?: boolean | undefined;
12
+ inset?: boolean | undefined;
13
+ vertical?: boolean | undefined;
14
+ wrapper?: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLDivElement>>;
15
+ } & React_2.RefAttributes<HTMLElement>>;
10
16
 
11
- /**
12
- * {@docCategory Divider}
13
- */
14
- export declare interface DividerProps extends ComponentPropsCompat, React_2.HTMLAttributes<HTMLElement> {
17
+ export declare type DividerProps = ComponentPropsCompat & React_2.HTMLAttributes<HTMLElement> & {
15
18
  /**
16
19
  * Determines the alignment of the content within the divider.
17
20
  * @defaultvalue 'center'
@@ -40,17 +43,14 @@ export declare interface DividerProps extends ComponentPropsCompat, React_2.HTML
40
43
  * taking in the original slot component and props.
41
44
  */
42
45
  wrapper?: ShorthandPropsCompat<React_2.HTMLAttributes<HTMLDivElement>>;
43
- }
46
+ };
44
47
 
45
48
  /**
46
49
  * Consts listing which props are shorthand props.
47
50
  */
48
51
  export declare const dividerShorthandProps: readonly ["wrapper", "children"];
49
52
 
50
- /**
51
- * {@docCategory Divider}
52
- */
53
- export declare interface DividerState extends DividerProps {
53
+ export declare type DividerState = DividerProps & {
54
54
  /**
55
55
  * Ref to the root slot
56
56
  */
@@ -59,7 +59,7 @@ export declare interface DividerState extends DividerProps {
59
59
  * The Id created to expose accessability for readers
60
60
  */
61
61
  labelledById?: string;
62
- }
62
+ };
63
63
 
64
64
  /**
65
65
  * Function that renders the final JSX of the component
package/lib/Divider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"../src/","sources":["Divider.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './components/Divider/index';\n"]}
1
+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
package/lib/common/isConformant.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["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","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"],"sourceRoot":"../src/"}
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":""}
package/lib/components/Divider/Divider.d.ts CHANGED
@@ -1,7 +1,12 @@
1
1
  import * as React from 'react';
2
- import { DividerProps } from './Divider.types';
3
2
  /**
4
3
  * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
5
- * {@docCategory Divider}
6
4
  */
7
- export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>;
5
+ export declare const Divider: React.ForwardRefExoticComponent<import("@fluentui/react-utilities").ComponentPropsCompat & React.HTMLAttributes<HTMLElement> & {
6
+ alignContent?: "start" | "end" | "center" | undefined;
7
+ appearance?: "strong" | "default" | "subtle" | "brand" | undefined;
8
+ important?: boolean | undefined;
9
+ inset?: boolean | undefined;
10
+ vertical?: boolean | undefined;
11
+ wrapper?: import("@fluentui/react-utilities").ShorthandPropsCompat<React.HTMLAttributes<HTMLDivElement>>;
12
+ } & React.RefAttributes<HTMLElement>>;
package/lib/components/Divider/Divider.js CHANGED
@@ -4,7 +4,6 @@ import { useDivider } from './useDivider';
4
4
  import { useDividerStyles } from './useDividerStyles';
5
5
  /**
6
6
  * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
7
- * {@docCategory Divider}
8
7
  */
9
8
 
10
9
  export var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
package/lib/components/Divider/Divider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAEA;;;AAGG;;AACH,OAAO,IAAM,OAAO,gBAAG,KAAK,CAAC,UAAN,CAA4C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5E,MAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AACA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CALsB,CAAhB;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourcesContent":["import * as React from 'react';\nimport { DividerProps } from './Divider.types';\nimport { renderDivider } from './renderDivider';\nimport { useDivider } from './useDivider';\nimport { useDividerStyles } from './useDividerStyles';\n\n/**\n * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.\n * {@docCategory Divider}\n */\nexport const Divider = React.forwardRef<HTMLElement, DividerProps>((props, ref) => {\n const state = useDivider(props, ref);\n\n useDividerStyles(state);\n return renderDivider(state);\n});\n\nDivider.displayName = 'Divider';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAEA;;AAEG;;AACH,OAAO,IAAM,OAAO,gBAAG,KAAK,CAAC,UAAN,CAA4C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5E,MAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AACA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CALsB,CAAhB;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}
package/lib/components/Divider/Divider.types.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ComponentPropsCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
3
- /**
4
- * {@docCategory Divider}
5
- */
6
- export interface DividerProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
3
+ export declare type DividerProps = ComponentPropsCompat & React.HTMLAttributes<HTMLElement> & {
7
4
  /**
8
5
  * Determines the alignment of the content within the divider.
9
6
  * @defaultvalue 'center'
@@ -32,11 +29,8 @@ export interface DividerProps extends ComponentPropsCompat, React.HTMLAttributes
32
29
  * taking in the original slot component and props.
33
30
  */
34
31
  wrapper?: ShorthandPropsCompat<React.HTMLAttributes<HTMLDivElement>>;
35
- }
36
- /**
37
- * {@docCategory Divider}
38
- */
39
- export interface DividerState extends DividerProps {
32
+ };
33
+ export declare type DividerState = DividerProps & {
40
34
  /**
41
35
  * Ref to the root slot
42
36
  */
@@ -45,4 +39,4 @@ export interface DividerState extends DividerProps {
45
39
  * The Id created to expose accessability for readers
46
40
  */
47
41
  labelledById?: string;
48
- }
42
+ };
package/lib/components/Divider/Divider.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.types.js","sourceRoot":"../src/","sources":["components/Divider/Divider.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentPropsCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * {@docCategory Divider}\n */\nexport interface DividerProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /**\n * Determines the alignment of the content within the divider.\n * @defaultvalue 'center'\n */\n alignContent?: 'start' | 'end' | 'center';\n\n /**\n * Predefined visual styles\n * @defaultvalue 'default'\n */\n appearance?: 'default' | 'subtle' | 'brand' | 'strong';\n\n /**\n * A divider can be classified as important to emphasize its content\n */\n important?: boolean;\n\n /**\n * Adds a 12px padding to the begining and end of the divider\n */\n inset?: boolean;\n\n /**\n * A divider can be horizontal (default) or vertical*/\n vertical?: boolean;\n\n /**\n * Accessibility wrapper for content when presented.\n * A shorthand prop can be a literal, object, or\n * JSX. The `children` prop of the object can be a render function,\n * taking in the original slot component and props.\n */\n wrapper?: ShorthandPropsCompat<React.HTMLAttributes<HTMLDivElement>>;\n}\n\n/**\n * {@docCategory Divider}\n */\nexport interface DividerState extends DividerProps {\n /**\n * Ref to the root slot\n */\n ref: React.RefObject<HTMLElement>;\n\n /**\n * The Id created to expose accessability for readers\n */\n labelledById?: string;\n}\n"]}
1
+ {"version":3,"file":"Divider.types.js","sourceRoot":"","sources":["../../../src/components/Divider/Divider.types.ts"],"names":[],"mappings":""}
package/lib/components/Divider/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}
package/lib/components/Divider/renderDivider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/renderDivider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AAEA,SAAS,qBAAT,QAAsC,cAAtC;AAEA;;AAEG;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AACzC,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,qBAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACE,MAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;AAER,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,EAAmB;AAAE,IAAA,IAAI,EAAC;AAAP,GAAnB,CAAX,EACG,QAAQ,KAAK,SAAb,iBAA0B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,CAD7B,CADF;AAKD,CATM","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { DividerState } from './Divider.types';\nimport { dividerShorthandProps } from './useDivider';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderDivider = (state: DividerState) => {\n const { slots, slotProps } = getSlotsCompat(state, dividerShorthandProps);\n const { children } = state;\n\n return (\n <slots.root {...slotProps.root} role=\"separator\">\n {children !== undefined && <slots.wrapper {...slotProps.wrapper} />}\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AAEA,SAAS,qBAAT,QAAsC,cAAtC;AAEA;;AAEG;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AACzC,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,qBAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACE,MAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;AAER,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,EAAmB;AAAE,IAAA,IAAI,EAAC;AAAP,GAAnB,CAAX,EACG,QAAQ,KAAK,SAAb,iBAA0B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,CAD7B,CADF;AAKD,CATM","sourceRoot":""}
package/lib/components/Divider/useDivider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/useDivider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,EAAyB,qBAAzB,EAAgD,KAAhD,EAAuD,aAAvD,QAA4E,2BAA5E;AAGA;;AAEG;;AACH,OAAO,IAAM,qBAAqB,GAAG,CAAC,SAAD,EAAY,UAAZ,CAA9B;AAEP,IAAM,UAAU,gBAAG,cAAc,CAAe;AAAE,EAAA,SAAS,EAAE;AAAb,CAAf,CAAjC;AAEA;;;;;AAKG;;AACH,OAAO,IAAM,UAAU,GAAG,UACxB,KADwB,EAExB,GAFwB,EAGxB,YAHwB,EAGG;AAE3B,MAAM,SAAS,GAAG,KAAK,CAAC,UAAD,CAAvB;AACA,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAE,aAAa,CAAC,GAAD,EAAM,KAAK,CAAC,MAAN,CAAa,IAAb,CAAN,CADpB;;AAEE;AACA,uBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B,SAHlD;AAIE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC,QAA7B;AAAuC,MAAA,EAAE,EAAE;AAA3C;AAJX,GADsB,EAOtB,YAAY,IAAI,qBAAqB,CAAC,YAAD,EAAe,qBAAf,CAPf,EAQtB,qBAAqB,CAAC,KAAD,EAAQ,qBAAR,CARC,CAAxB;AAWA,SAAO,KAAP;AACD,CAlBM","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const dividerShorthandProps = ['wrapper', 'children'] as const;\n\nconst mergeProps = makeMergeProps<DividerState>({ deepMerge: dividerShorthandProps });\n\n/**\n * Returns the props and state required to render the component\n * @param props - Divider properties\n * @param ref - reference to root HTMLElement of Divider\n * @param defaultProps - default values for the properties of Divider\n */\nexport const useDivider = (\n props: DividerProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: DividerProps,\n): DividerState => {\n const dividerId = useId('divider-');\n const state = mergeProps(\n {\n ref: useMergedRefs(ref, React.useRef(null)),\n /* The Id created to expose accessibility for readers */\n 'aria-labelledby': props.children ? dividerId : undefined,\n wrapper: { as: 'div', children: props.children, id: dividerId },\n },\n defaultProps && resolveShorthandProps(defaultProps, dividerShorthandProps),\n resolveShorthandProps(props, dividerShorthandProps),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,EAAyB,qBAAzB,EAAgD,KAAhD,EAAuD,aAAvD,QAA4E,2BAA5E;AAGA;;AAEG;;AACH,OAAO,IAAM,qBAAqB,GAAG,CAAC,SAAD,EAAY,UAAZ,CAA9B;AAEP,IAAM,UAAU,gBAAG,cAAc,CAAe;AAAE,EAAA,SAAS,EAAE;AAAb,CAAf,CAAjC;AAEA;;;;;AAKG;;AACH,OAAO,IAAM,UAAU,GAAG,UACxB,KADwB,EAExB,GAFwB,EAGxB,YAHwB,EAGG;AAE3B,MAAM,SAAS,GAAG,KAAK,CAAC,UAAD,CAAvB;AACA,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAE,aAAa,CAAC,GAAD,EAAM,KAAK,CAAC,MAAN,CAAa,IAAb,CAAN,CADpB;;AAEE;AACA,uBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B,SAHlD;AAIE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC,QAA7B;AAAuC,MAAA,EAAE,EAAE;AAA3C;AAJX,GADsB,EAOtB,YAAY,IAAI,qBAAqB,CAAC,YAAD,EAAe,qBAAf,CAPf,EAQtB,qBAAqB,CAAC,KAAD,EAAQ,qBAAR,CARC,CAAxB;AAWA,SAAO,KAAP;AACD,CAlBM","sourceRoot":""}
package/lib/components/Divider/useDividerStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/useDividerStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { DividerState } from './Divider.types';\n\nconst useStylesOverride = makeStyles({\n root: tokens => ({\n /* CSS Vars */\n '--divider-borderMargin': '12px',\n '--divider-flexDirection': 'row',\n '--divider-fontColor': tokens.alias.color.neutral.neutralForeground2,\n '--divider-fontFamily': 'Segoe UI',\n '--divider-fontSize': '12px',\n '--divider-fontWeight': '400',\n '--divider-lineHeight': '17px',\n '--divider-borderSize': '1px',\n '--divider-borderStyle': 'solid',\n '--divider-color': tokens.alias.color.neutral.neutralStroke2,\n\n alignItems: 'center',\n color: 'var(--divider-fontColor)',\n display: 'flex',\n flexGrow: 1,\n flexDirection: 'var(--divider-flexDirection)',\n fontFamily: 'var(--divider-fontFamily)',\n fontSize: 'var(--divider-fontSize)',\n fontWeight: 'var(--divider-fontWeight)',\n position: 'relative',\n boxSizing: 'border-box',\n lineHeight: 'var(--divider-lineHeight)',\n ':before': {\n display: 'flex',\n flexGrow: 1,\n boxSizing: 'border-box',\n },\n\n ':after': {\n display: 'flex',\n flexGrow: 1,\n boxSizing: 'border-box',\n },\n }),\n childless: {\n '--divider-borderMargin': 0,\n },\n subtle: tokens => ({\n '--divider-color': tokens.alias.color.neutral.neutralStroke3,\n }),\n brand: tokens => ({\n '--divider-fontColor': tokens.alias.color.neutral.brandBackgroundStatic,\n '--divider-color': tokens.alias.color.neutral.brandBackgroundStatic,\n }),\n strong: tokens => ({\n '--divider-color': tokens.alias.color.neutral.neutralStroke1,\n }),\n horizontal: {\n width: '100%',\n ':before': {\n borderTopColor: 'var(--divider-color)',\n borderTopWidth: 'var(--divider-borderSize)',\n borderTopStyle: 'var(--divider-borderStyle)',\n },\n ':after': {\n borderTopColor: 'var(--divider-color)',\n borderTopWidth: 'var(--divider-borderSize)',\n borderTopStyle: 'var(--divider-borderStyle)',\n },\n '&>:only-child': {\n display: 'flex',\n textAlign: 'center',\n },\n },\n vertical: {\n //alignSelf: 'stretch',\n minHeight: '20px',\n flexDirection: 'column',\n ':before': {\n borderRightColor: 'var(--divider-color)',\n borderRightWidth: 'var(--divider-borderSize)',\n borderRightStyle: 'var(--divider-borderStyle)',\n },\n ':after': {\n borderRightColor: 'var(--divider-color)',\n borderRightWidth: 'var(--divider-borderSize)',\n borderRightStyle: 'var(--divider-borderStyle)',\n },\n '&>:only-child': {\n display: 'flex',\n textAlign: 'center',\n },\n },\n verticalWithChildren: {\n minHeight: '84px',\n },\n start: {\n ':after': {\n content: '\"\"',\n },\n },\n end: {\n ':before': {\n content: '\"\"',\n },\n },\n center: {\n ':before': {\n content: '\"\"',\n },\n ':after': {\n content: '\"\"',\n },\n },\n centerWithoutContent: {\n ':before': {\n content: '\"\"',\n },\n },\n verticalStart: {\n ':before': {\n content: '\"\"',\n maxHeight: '8px',\n marginBottom: 'var(--divider-borderMargin)',\n },\n\n ':after': {\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n verticalEnd: {\n ':before': {\n marginBottom: 'var(--divider-borderMargin)',\n },\n ':after': {\n content: '\"\"',\n maxHeight: '8px',\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n verticalCenter: {\n ':before': {\n marginBottom: 'var(--divider-borderMargin)',\n },\n ':after': {\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n horizontalStart: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n maxWidth: '8px',\n content: '\"\"',\n },\n ':after': {\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n horizontalEnd: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n },\n ':after': {\n maxWidth: '8px',\n content: '\"\"',\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n horizontalCenter: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n },\n ':after': {\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n important: {\n '--divider-fontWeight': `700`,\n },\n verticalColored: {\n ':before': {\n borderRightColor: 'var(--divider-color)',\n },\n ':after': {\n borderRightColor: 'var(--divider-color)',\n },\n },\n horizontalColored: {\n ':before': {\n borderTopColor: 'var(--divider-color)',\n },\n ':after': {\n borderTopColor: 'var(--divider-color)',\n },\n },\n verticalChildless: {\n ':before': {\n marginBottom: 0,\n },\n },\n inset: {\n paddingLeft: '12px',\n paddingRight: '12px',\n },\n verticalInset: {\n marginTop: '12px',\n marginBottom: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useDividerStyles = (s: DividerState) => {\n const styles = useStylesOverride();\n s.className = mergeClasses(\n styles.root,\n !s.children && styles.childless,\n s.appearance === 'subtle' && styles.subtle,\n s.appearance === 'brand' && styles.brand,\n s.appearance === 'strong' && styles.strong,\n s.vertical ? styles.vertical : styles.horizontal,\n s.vertical && s.children !== undefined && styles.verticalWithChildren,\n s.alignContent === 'start' && styles.start,\n s.alignContent === 'end' && styles.end,\n (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && s.vertical && styles.center,\n (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && !s.vertical && styles.center,\n (s.alignContent === 'center' || !s.alignContent) && s.children === undefined && styles.centerWithoutContent,\n s.alignContent === 'start' && (s.vertical ? styles.verticalStart : styles.horizontalStart),\n s.alignContent === 'end' && (s.vertical ? styles.verticalEnd : styles.horizontalEnd),\n (s.alignContent === 'center' || !s.alignContent) && (s.vertical ? styles.verticalCenter : styles.horizontalCenter),\n s.important && styles.important,\n s.color && (s.vertical ? styles.verticalColored : styles.horizontalColored),\n s.children === undefined && s.vertical && styles.verticalChildless,\n s.inset && (s.vertical ? styles.verticalInset : styles.inset),\n s.className,\n );\n\n return s;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Divider';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
package/lib-commonjs/Divider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Divider.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Divider/index';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/Divider.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
package/lib-commonjs/common/isConformant.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["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","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"],"sourceRoot":"../src/"}
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":""}
package/lib-commonjs/components/Divider/Divider.d.ts CHANGED
@@ -1,7 +1,12 @@
1
1
  import * as React from 'react';
2
- import { DividerProps } from './Divider.types';
3
2
  /**
4
3
  * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
5
- * {@docCategory Divider}
6
4
  */
7
- export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>;
5
+ export declare const Divider: React.ForwardRefExoticComponent<import("@fluentui/react-utilities").ComponentPropsCompat & React.HTMLAttributes<HTMLElement> & {
6
+ alignContent?: "start" | "end" | "center" | undefined;
7
+ appearance?: "strong" | "default" | "subtle" | "brand" | undefined;
8
+ important?: boolean | undefined;
9
+ inset?: boolean | undefined;
10
+ vertical?: boolean | undefined;
11
+ wrapper?: import("@fluentui/react-utilities").ShorthandPropsCompat<React.HTMLAttributes<HTMLDivElement>>;
12
+ } & React.RefAttributes<HTMLElement>>;
package/lib-commonjs/components/Divider/Divider.js CHANGED
@@ -14,7 +14,6 @@ var useDivider_1 = /*#__PURE__*/require("./useDivider");
14
14
  var useDividerStyles_1 = /*#__PURE__*/require("./useDividerStyles");
15
15
  /**
16
16
  * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
17
- * {@docCategory Divider}
18
17
  */
19
18
 
20
19
 
package/lib-commonjs/components/Divider/Divider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAEA;;;AAGG;;;AACU,OAAA,CAAA,OAAA,gBAAU,KAAK,CAAC,UAAN,CAA4C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5E,MAAM,KAAK,GAAG,YAAA,CAAA,UAAA,CAAW,KAAX,EAAkB,GAAlB,CAAd;AAEA,EAAA,kBAAA,CAAA,gBAAA,CAAiB,KAAjB;AACA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CALsB,CAAV;AAOb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourcesContent":["import * as React from 'react';\nimport { DividerProps } from './Divider.types';\nimport { renderDivider } from './renderDivider';\nimport { useDivider } from './useDivider';\nimport { useDividerStyles } from './useDividerStyles';\n\n/**\n * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.\n * {@docCategory Divider}\n */\nexport const Divider = React.forwardRef<HTMLElement, DividerProps>((props, ref) => {\n const state = useDivider(props, ref);\n\n useDividerStyles(state);\n return renderDivider(state);\n});\n\nDivider.displayName = 'Divider';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAAU,KAAK,CAAC,UAAN,CAA4C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5E,MAAM,KAAK,GAAG,YAAA,CAAA,UAAA,CAAW,KAAX,EAAkB,GAAlB,CAAd;AAEA,EAAA,kBAAA,CAAA,gBAAA,CAAiB,KAAjB;AACA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CALsB,CAAV;AAOb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourceRoot":""}
package/lib-commonjs/components/Divider/Divider.types.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ComponentPropsCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
3
- /**
4
- * {@docCategory Divider}
5
- */
6
- export interface DividerProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
3
+ export declare type DividerProps = ComponentPropsCompat & React.HTMLAttributes<HTMLElement> & {
7
4
  /**
8
5
  * Determines the alignment of the content within the divider.
9
6
  * @defaultvalue 'center'
@@ -32,11 +29,8 @@ export interface DividerProps extends ComponentPropsCompat, React.HTMLAttributes
32
29
  * taking in the original slot component and props.
33
30
  */
34
31
  wrapper?: ShorthandPropsCompat<React.HTMLAttributes<HTMLDivElement>>;
35
- }
36
- /**
37
- * {@docCategory Divider}
38
- */
39
- export interface DividerState extends DividerProps {
32
+ };
33
+ export declare type DividerState = DividerProps & {
40
34
  /**
41
35
  * Ref to the root slot
42
36
  */
@@ -45,4 +39,4 @@ export interface DividerState extends DividerProps {
45
39
  * The Id created to expose accessability for readers
46
40
  */
47
41
  labelledById?: string;
48
- }
42
+ };
package/lib-commonjs/components/Divider/Divider.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
package/lib-commonjs/components/Divider/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
package/lib-commonjs/components/Divider/renderDivider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AACzC,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,YAAA,CAAA,qBAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACE,MAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;AAER,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,EAAmB;AAAE,IAAA,IAAI,EAAC;AAAP,GAAnB,CAAX,EACG,QAAQ,KAAK,SAAb,IAA0B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,CAD7B,CADF;AAKD,CATM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { DividerState } from './Divider.types';\nimport { dividerShorthandProps } from './useDivider';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderDivider = (state: DividerState) => {\n const { slots, slotProps } = getSlotsCompat(state, dividerShorthandProps);\n const { children } = state;\n\n return (\n <slots.root {...slotProps.root} role=\"separator\">\n {children !== undefined && <slots.wrapper {...slotProps.wrapper} />}\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
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;;AAEA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AACzC,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,YAAA,CAAA,qBAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACE,MAAA,QAAQ,GAAK,KAAK,CAAV,QAAR;AAER,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,EAAmB;AAAE,IAAA,IAAI,EAAC;AAAP,GAAnB,CAAX,EACG,QAAQ,KAAK,SAAb,IAA0B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,CAD7B,CADF;AAKD,CATM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
package/lib-commonjs/components/Divider/useDivider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/useDivider.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,qBAAA,GAAwB,CAAC,SAAD,EAAY,UAAZ,CAAxB;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAA6B;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAA7B,CAAnB;AAEA;;;;;AAKG;;AACI,IAAM,UAAU,GAAG,UACxB,KADwB,EAExB,GAFwB,EAGxB,YAHwB,EAGG;AAE3B,MAAM,SAAS,GAAG,iBAAA,CAAA,KAAA,CAAM,UAAN,CAAlB;AACA,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,KAAK,CAAC,MAAN,CAAa,IAAb,CAAnB,CADP;;AAEE;AACA,uBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B,SAHlD;AAIE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC,QAA7B;AAAuC,MAAA,EAAE,EAAE;AAA3C;AAJX,GADsB,EAOtB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,qBAApC,CAPM,EAQtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,qBAA7B,CARsB,CAAxB;AAWA,SAAO,KAAP;AACD,CAlBM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const dividerShorthandProps = ['wrapper', 'children'] as const;\n\nconst mergeProps = makeMergeProps<DividerState>({ deepMerge: dividerShorthandProps });\n\n/**\n * Returns the props and state required to render the component\n * @param props - Divider properties\n * @param ref - reference to root HTMLElement of Divider\n * @param defaultProps - default values for the properties of Divider\n */\nexport const useDivider = (\n props: DividerProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: DividerProps,\n): DividerState => {\n const dividerId = useId('divider-');\n const state = mergeProps(\n {\n ref: useMergedRefs(ref, React.useRef(null)),\n /* The Id created to expose accessibility for readers */\n 'aria-labelledby': props.children ? dividerId : undefined,\n wrapper: { as: 'div', children: props.children, id: dividerId },\n },\n defaultProps && resolveShorthandProps(defaultProps, dividerShorthandProps),\n resolveShorthandProps(props, dividerShorthandProps),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,qBAAA,GAAwB,CAAC,SAAD,EAAY,UAAZ,CAAxB;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAA6B;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAA7B,CAAnB;AAEA;;;;;AAKG;;AACI,IAAM,UAAU,GAAG,UACxB,KADwB,EAExB,GAFwB,EAGxB,YAHwB,EAGG;AAE3B,MAAM,SAAS,GAAG,iBAAA,CAAA,KAAA,CAAM,UAAN,CAAlB;AACA,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,KAAK,CAAC,MAAN,CAAa,IAAb,CAAnB,CADP;;AAEE;AACA,uBAAmB,KAAK,CAAC,QAAN,GAAiB,SAAjB,GAA6B,SAHlD;AAIE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC,QAA7B;AAAuC,MAAA,EAAE,EAAE;AAA3C;AAJX,GADsB,EAOtB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,qBAApC,CAPM,EAQtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,qBAA7B,CARsB,CAAxB;AAWA,SAAO,KAAP;AACD,CAlBM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
package/lib-commonjs/components/Divider/useDividerStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/useDividerStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { DividerState } from './Divider.types';\n\nconst useStylesOverride = makeStyles({\n root: tokens => ({\n /* CSS Vars */\n '--divider-borderMargin': '12px',\n '--divider-flexDirection': 'row',\n '--divider-fontColor': tokens.alias.color.neutral.neutralForeground2,\n '--divider-fontFamily': 'Segoe UI',\n '--divider-fontSize': '12px',\n '--divider-fontWeight': '400',\n '--divider-lineHeight': '17px',\n '--divider-borderSize': '1px',\n '--divider-borderStyle': 'solid',\n '--divider-color': tokens.alias.color.neutral.neutralStroke2,\n\n alignItems: 'center',\n color: 'var(--divider-fontColor)',\n display: 'flex',\n flexGrow: 1,\n flexDirection: 'var(--divider-flexDirection)',\n fontFamily: 'var(--divider-fontFamily)',\n fontSize: 'var(--divider-fontSize)',\n fontWeight: 'var(--divider-fontWeight)',\n position: 'relative',\n boxSizing: 'border-box',\n lineHeight: 'var(--divider-lineHeight)',\n ':before': {\n display: 'flex',\n flexGrow: 1,\n boxSizing: 'border-box',\n },\n\n ':after': {\n display: 'flex',\n flexGrow: 1,\n boxSizing: 'border-box',\n },\n }),\n childless: {\n '--divider-borderMargin': 0,\n },\n subtle: tokens => ({\n '--divider-color': tokens.alias.color.neutral.neutralStroke3,\n }),\n brand: tokens => ({\n '--divider-fontColor': tokens.alias.color.neutral.brandBackgroundStatic,\n '--divider-color': tokens.alias.color.neutral.brandBackgroundStatic,\n }),\n strong: tokens => ({\n '--divider-color': tokens.alias.color.neutral.neutralStroke1,\n }),\n horizontal: {\n width: '100%',\n ':before': {\n borderTopColor: 'var(--divider-color)',\n borderTopWidth: 'var(--divider-borderSize)',\n borderTopStyle: 'var(--divider-borderStyle)',\n },\n ':after': {\n borderTopColor: 'var(--divider-color)',\n borderTopWidth: 'var(--divider-borderSize)',\n borderTopStyle: 'var(--divider-borderStyle)',\n },\n '&>:only-child': {\n display: 'flex',\n textAlign: 'center',\n },\n },\n vertical: {\n //alignSelf: 'stretch',\n minHeight: '20px',\n flexDirection: 'column',\n ':before': {\n borderRightColor: 'var(--divider-color)',\n borderRightWidth: 'var(--divider-borderSize)',\n borderRightStyle: 'var(--divider-borderStyle)',\n },\n ':after': {\n borderRightColor: 'var(--divider-color)',\n borderRightWidth: 'var(--divider-borderSize)',\n borderRightStyle: 'var(--divider-borderStyle)',\n },\n '&>:only-child': {\n display: 'flex',\n textAlign: 'center',\n },\n },\n verticalWithChildren: {\n minHeight: '84px',\n },\n start: {\n ':after': {\n content: '\"\"',\n },\n },\n end: {\n ':before': {\n content: '\"\"',\n },\n },\n center: {\n ':before': {\n content: '\"\"',\n },\n ':after': {\n content: '\"\"',\n },\n },\n centerWithoutContent: {\n ':before': {\n content: '\"\"',\n },\n },\n verticalStart: {\n ':before': {\n content: '\"\"',\n maxHeight: '8px',\n marginBottom: 'var(--divider-borderMargin)',\n },\n\n ':after': {\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n verticalEnd: {\n ':before': {\n marginBottom: 'var(--divider-borderMargin)',\n },\n ':after': {\n content: '\"\"',\n maxHeight: '8px',\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n verticalCenter: {\n ':before': {\n marginBottom: 'var(--divider-borderMargin)',\n },\n ':after': {\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n horizontalStart: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n maxWidth: '8px',\n content: '\"\"',\n },\n ':after': {\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n horizontalEnd: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n },\n ':after': {\n maxWidth: '8px',\n content: '\"\"',\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n horizontalCenter: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n },\n ':after': {\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n important: {\n '--divider-fontWeight': `700`,\n },\n verticalColored: {\n ':before': {\n borderRightColor: 'var(--divider-color)',\n },\n ':after': {\n borderRightColor: 'var(--divider-color)',\n },\n },\n horizontalColored: {\n ':before': {\n borderTopColor: 'var(--divider-color)',\n },\n ':after': {\n borderTopColor: 'var(--divider-color)',\n },\n },\n verticalChildless: {\n ':before': {\n marginBottom: 0,\n },\n },\n inset: {\n paddingLeft: '12px',\n paddingRight: '12px',\n },\n verticalInset: {\n marginTop: '12px',\n marginBottom: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useDividerStyles = (s: DividerState) => {\n const styles = useStylesOverride();\n s.className = mergeClasses(\n styles.root,\n !s.children && styles.childless,\n s.appearance === 'subtle' && styles.subtle,\n s.appearance === 'brand' && styles.brand,\n s.appearance === 'strong' && styles.strong,\n s.vertical ? styles.vertical : styles.horizontal,\n s.vertical && s.children !== undefined && styles.verticalWithChildren,\n s.alignContent === 'start' && styles.start,\n s.alignContent === 'end' && styles.end,\n (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && s.vertical && styles.center,\n (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && !s.vertical && styles.center,\n (s.alignContent === 'center' || !s.alignContent) && s.children === undefined && styles.centerWithoutContent,\n s.alignContent === 'start' && (s.vertical ? styles.verticalStart : styles.horizontalStart),\n s.alignContent === 'end' && (s.vertical ? styles.verticalEnd : styles.horizontalEnd),\n (s.alignContent === 'center' || !s.alignContent) && (s.vertical ? styles.verticalCenter : styles.horizontalCenter),\n s.important && styles.important,\n s.color && (s.vertical ? styles.verticalColored : styles.horizontalColored),\n s.children === undefined && s.vertical && styles.verticalChildless,\n s.inset && (s.vertical ? styles.verticalInset : styles.inset),\n s.className,\n );\n\n return s;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
package/lib-commonjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Divider';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-divider",
3
- "version": "9.0.0-alpha.68",
3
+ "version": "9.0.0-alpha.71",
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": "9.0.0-alpha.49",
29
- "@fluentui/eslint-plugin": "^1.4.1",
30
- "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.42",
31
- "@fluentui/react-conformance": "^0.5.0",
32
- "@fluentui/react-conformance-make-styles": "9.0.0-alpha.11",
28
+ "@fluentui/babel-make-styles": "9.0.0-alpha.52",
29
+ "@fluentui/eslint-plugin": "*",
30
+ "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.45",
31
+ "@fluentui/react-conformance": "*",
32
+ "@fluentui/react-conformance-make-styles": "9.0.0-alpha.14",
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": "9.0.0-alpha.67",
47
- "@fluentui/react-utilities": "9.0.0-alpha.49",
46
+ "@fluentui/react-make-styles": "9.0.0-alpha.70",
47
+ "@fluentui/react-utilities": "9.0.0-alpha.50",
48
48
  "tslib": "^2.1.0"
49
49
  },
50
50
  "peerDependencies": {
package/lib-amd/Divider.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './components/Divider/index';
package/lib-amd/Divider.js DELETED
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/Divider/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(index_1, exports);
5
- });
6
- //# sourceMappingURL=Divider.js.map
package/lib-amd/Divider.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"../src/","sources":["Divider.ts"],"names":[],"mappings":";;;IAAA,uCAA2C","sourcesContent":["export * from './components/Divider/index';\n"]}
package/lib-amd/common/isConformant.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
package/lib-amd/common/isConformant.js DELETED
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-conformance", "@fluentui/react-conformance-make-styles"], function (require, exports, react_conformance_1, react_conformance_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.isConformant = void 0;
5
- function isConformant(testInfo) {
6
- var defaultOptions = {
7
- asPropHandlesRef: true,
8
- componentPath: module.parent.filename.replace('.test', ''),
9
- extraTests: react_conformance_make_styles_1.default,
10
- };
11
- react_conformance_1.isConformant(defaultOptions, testInfo);
12
- }
13
- exports.isConformant = isConformant;
14
- });
15
- //# sourceMappingURL=isConformant.js.map
package/lib-amd/common/isConformant.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAGA,SAAgB,YAAY,CAC1B,QAAyF;QAEzF,IAAM,cAAc,GAAyC;YAC3D,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YAC5D,UAAU,EAAE,uCAAqC;SAClD,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAVD,oCAUC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"]}
package/lib-amd/components/Divider/Divider.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { DividerProps } from './Divider.types';
3
- /**
4
- * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
5
- * {@docCategory Divider}
6
- */
7
- export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>;
package/lib-amd/components/Divider/Divider.js DELETED
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "react", "./renderDivider", "./useDivider", "./useDividerStyles"], function (require, exports, React, renderDivider_1, useDivider_1, useDividerStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Divider = void 0;
5
- /**
6
- * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
7
- * {@docCategory Divider}
8
- */
9
- exports.Divider = React.forwardRef(function (props, ref) {
10
- var state = useDivider_1.useDivider(props, ref);
11
- useDividerStyles_1.useDividerStyles(state);
12
- return renderDivider_1.renderDivider(state);
13
- });
14
- exports.Divider.displayName = 'Divider';
15
- });
16
- //# sourceMappingURL=Divider.js.map
package/lib-amd/components/Divider/Divider.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"../src/","sources":["components/Divider/Divider.tsx"],"names":[],"mappings":";;;;IAMA;;;OAGG;IACU,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAA4B,UAAC,KAAK,EAAE,GAAG;QAC5E,IAAM,KAAK,GAAG,uBAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAErC,mCAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,OAAO,6BAAa,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport { DividerProps } from './Divider.types';\nimport { renderDivider } from './renderDivider';\nimport { useDivider } from './useDivider';\nimport { useDividerStyles } from './useDividerStyles';\n\n/**\n * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.\n * {@docCategory Divider}\n */\nexport const Divider = React.forwardRef<HTMLElement, DividerProps>((props, ref) => {\n const state = useDivider(props, ref);\n\n useDividerStyles(state);\n return renderDivider(state);\n});\n\nDivider.displayName = 'Divider';\n"]}
package/lib-amd/components/Divider/Divider.types.d.ts DELETED
@@ -1,48 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentPropsCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
3
- /**
4
- * {@docCategory Divider}
5
- */
6
- export interface DividerProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
7
- /**
8
- * Determines the alignment of the content within the divider.
9
- * @defaultvalue 'center'
10
- */
11
- alignContent?: 'start' | 'end' | 'center';
12
- /**
13
- * Predefined visual styles
14
- * @defaultvalue 'default'
15
- */
16
- appearance?: 'default' | 'subtle' | 'brand' | 'strong';
17
- /**
18
- * A divider can be classified as important to emphasize its content
19
- */
20
- important?: boolean;
21
- /**
22
- * Adds a 12px padding to the begining and end of the divider
23
- */
24
- inset?: boolean;
25
- /**
26
- * A divider can be horizontal (default) or vertical*/
27
- vertical?: boolean;
28
- /**
29
- * Accessibility wrapper for content when presented.
30
- * A shorthand prop can be a literal, object, or
31
- * JSX. The `children` prop of the object can be a render function,
32
- * taking in the original slot component and props.
33
- */
34
- wrapper?: ShorthandPropsCompat<React.HTMLAttributes<HTMLDivElement>>;
35
- }
36
- /**
37
- * {@docCategory Divider}
38
- */
39
- export interface DividerState extends DividerProps {
40
- /**
41
- * Ref to the root slot
42
- */
43
- ref: React.RefObject<HTMLElement>;
44
- /**
45
- * The Id created to expose accessability for readers
46
- */
47
- labelledById?: string;
48
- }
package/lib-amd/components/Divider/Divider.types.js DELETED
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=Divider.types.js.map
package/lib-amd/components/Divider/Divider.types.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.types.js","sourceRoot":"../src/","sources":["components/Divider/Divider.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentPropsCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * {@docCategory Divider}\n */\nexport interface DividerProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /**\n * Determines the alignment of the content within the divider.\n * @defaultvalue 'center'\n */\n alignContent?: 'start' | 'end' | 'center';\n\n /**\n * Predefined visual styles\n * @defaultvalue 'default'\n */\n appearance?: 'default' | 'subtle' | 'brand' | 'strong';\n\n /**\n * A divider can be classified as important to emphasize its content\n */\n important?: boolean;\n\n /**\n * Adds a 12px padding to the begining and end of the divider\n */\n inset?: boolean;\n\n /**\n * A divider can be horizontal (default) or vertical*/\n vertical?: boolean;\n\n /**\n * Accessibility wrapper for content when presented.\n * A shorthand prop can be a literal, object, or\n * JSX. The `children` prop of the object can be a render function,\n * taking in the original slot component and props.\n */\n wrapper?: ShorthandPropsCompat<React.HTMLAttributes<HTMLDivElement>>;\n}\n\n/**\n * {@docCategory Divider}\n */\nexport interface DividerState extends DividerProps {\n /**\n * Ref to the root slot\n */\n ref: React.RefObject<HTMLElement>;\n\n /**\n * The Id created to expose accessability for readers\n */\n labelledById?: string;\n}\n"]}
package/lib-amd/components/Divider/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export * from './Divider';
2
- export * from './Divider.types';
3
- export * from './renderDivider';
4
- export * from './useDivider';
5
- export * from './useDividerStyles';
package/lib-amd/components/Divider/index.js DELETED
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./Divider", "./Divider.types", "./renderDivider", "./useDivider", "./useDividerStyles"], function (require, exports, tslib_1, Divider_1, Divider_types_1, renderDivider_1, useDivider_1, useDividerStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Divider_1, exports);
5
- tslib_1.__exportStar(Divider_types_1, exports);
6
- tslib_1.__exportStar(renderDivider_1, exports);
7
- tslib_1.__exportStar(useDivider_1, exports);
8
- tslib_1.__exportStar(useDividerStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
package/lib-amd/components/Divider/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Divider/index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B;IAC1B,+CAAgC;IAChC,+CAAgC;IAChC,4CAA6B;IAC7B,kDAAmC","sourcesContent":["export * from './Divider';\nexport * from './Divider.types';\nexport * from './renderDivider';\nexport * from './useDivider';\nexport * from './useDividerStyles';\n"]}
package/lib-amd/components/Divider/renderDivider.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { DividerState } from './Divider.types';
2
- /**
3
- * Function that renders the final JSX of the component
4
- */
5
- export declare const renderDivider: (state: DividerState) => JSX.Element;
package/lib-amd/components/Divider/renderDivider.js DELETED
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useDivider"], function (require, exports, tslib_1, React, react_utilities_1, useDivider_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderDivider = void 0;
5
- /**
6
- * Function that renders the final JSX of the component
7
- */
8
- var renderDivider = function (state) {
9
- var _a = react_utilities_1.getSlotsCompat(state, useDivider_1.dividerShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
10
- var children = state.children;
11
- return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root, { role: "separator" }), children !== undefined && React.createElement(slots.wrapper, tslib_1.__assign({}, slotProps.wrapper))));
12
- };
13
- exports.renderDivider = renderDivider;
14
- });
15
- //# sourceMappingURL=renderDivider.js.map
package/lib-amd/components/Divider/renderDivider.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderDivider.js","sourceRoot":"../src/","sources":["components/Divider/renderDivider.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,aAAa,GAAG,UAAC,KAAmB;QACzC,IAAA,KAAuB,gCAAc,CAAC,KAAK,EAAE,kCAAqB,CAAC,EAAjE,KAAK,WAAA,EAAE,SAAS,eAAiD,CAAC;QAClE,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;QAE3B,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,IAAE,IAAI,EAAC,WAAW,KAC7C,QAAQ,KAAK,SAAS,IAAI,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO,EAAI,CACxD,CACd,CAAC;IACJ,CAAC,CAAC;IATW,QAAA,aAAa,iBASxB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { DividerState } from './Divider.types';\nimport { dividerShorthandProps } from './useDivider';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderDivider = (state: DividerState) => {\n const { slots, slotProps } = getSlotsCompat(state, dividerShorthandProps);\n const { children } = state;\n\n return (\n <slots.root {...slotProps.root} role=\"separator\">\n {children !== undefined && <slots.wrapper {...slotProps.wrapper} />}\n </slots.root>\n );\n};\n"]}
package/lib-amd/components/Divider/useDivider.d.ts DELETED
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import { DividerProps, DividerState } from './Divider.types';
3
- /**
4
- * Consts listing which props are shorthand props.
5
- */
6
- export declare const dividerShorthandProps: readonly ["wrapper", "children"];
7
- /**
8
- * Returns the props and state required to render the component
9
- * @param props - Divider properties
10
- * @param ref - reference to root HTMLElement of Divider
11
- * @param defaultProps - default values for the properties of Divider
12
- */
13
- export declare const useDivider: (props: DividerProps, ref: React.Ref<HTMLElement>, defaultProps?: DividerProps | undefined) => DividerState;
package/lib-amd/components/Divider/useDivider.js DELETED
@@ -1,28 +0,0 @@
1
- define(["require", "exports", "react", "@fluentui/react-utilities"], function (require, exports, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useDivider = exports.dividerShorthandProps = void 0;
5
- /**
6
- * Consts listing which props are shorthand props.
7
- */
8
- exports.dividerShorthandProps = ['wrapper', 'children'];
9
- var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.dividerShorthandProps });
10
- /**
11
- * Returns the props and state required to render the component
12
- * @param props - Divider properties
13
- * @param ref - reference to root HTMLElement of Divider
14
- * @param defaultProps - default values for the properties of Divider
15
- */
16
- var useDivider = function (props, ref, defaultProps) {
17
- var dividerId = react_utilities_1.useId('divider-');
18
- var state = mergeProps({
19
- ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
20
- /* The Id created to expose accessibility for readers */
21
- 'aria-labelledby': props.children ? dividerId : undefined,
22
- wrapper: { as: 'div', children: props.children, id: dividerId },
23
- }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.dividerShorthandProps), react_utilities_1.resolveShorthandProps(props, exports.dividerShorthandProps));
24
- return state;
25
- };
26
- exports.useDivider = useDivider;
27
- });
28
- //# sourceMappingURL=useDivider.js.map
package/lib-amd/components/Divider/useDivider.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDivider.js","sourceRoot":"../src/","sources":["components/Divider/useDivider.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,qBAAqB,GAAG,CAAC,SAAS,EAAE,UAAU,CAAU,CAAC;IAEtE,IAAM,UAAU,GAAG,gCAAc,CAAe,EAAE,SAAS,EAAE,6BAAqB,EAAE,CAAC,CAAC;IAEtF;;;;;OAKG;IACI,IAAM,UAAU,GAAG,UACxB,KAAmB,EACnB,GAA2B,EAC3B,YAA2B;QAE3B,IAAM,SAAS,GAAG,uBAAK,CAAC,UAAU,CAAC,CAAC;QACpC,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3C,wDAAwD;YACxD,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACzD,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE;SAChE,EACD,YAAY,IAAI,uCAAqB,CAAC,YAAY,EAAE,6BAAqB,CAAC,EAC1E,uCAAqB,CAAC,KAAK,EAAE,6BAAqB,CAAC,CACpD,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAlBW,QAAA,UAAU,cAkBrB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const dividerShorthandProps = ['wrapper', 'children'] as const;\n\nconst mergeProps = makeMergeProps<DividerState>({ deepMerge: dividerShorthandProps });\n\n/**\n * Returns the props and state required to render the component\n * @param props - Divider properties\n * @param ref - reference to root HTMLElement of Divider\n * @param defaultProps - default values for the properties of Divider\n */\nexport const useDivider = (\n props: DividerProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: DividerProps,\n): DividerState => {\n const dividerId = useId('divider-');\n const state = mergeProps(\n {\n ref: useMergedRefs(ref, React.useRef(null)),\n /* The Id created to expose accessibility for readers */\n 'aria-labelledby': props.children ? dividerId : undefined,\n wrapper: { as: 'div', children: props.children, id: dividerId },\n },\n defaultProps && resolveShorthandProps(defaultProps, dividerShorthandProps),\n resolveShorthandProps(props, dividerShorthandProps),\n );\n\n return state;\n};\n"]}
package/lib-amd/components/Divider/useDividerStyles.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { DividerState } from './Divider.types';
2
- /** Applies style classnames to slots */
3
- export declare const useDividerStyles: (s: DividerState) => DividerState;
package/lib-amd/components/Divider/useDividerStyles.js DELETED
@@ -1,212 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useDividerStyles = void 0;
5
- var useStylesOverride = react_make_styles_1.makeStyles({
6
- root: function (tokens) { return ({
7
- /* CSS Vars */
8
- '--divider-borderMargin': '12px',
9
- '--divider-flexDirection': 'row',
10
- '--divider-fontColor': tokens.alias.color.neutral.neutralForeground2,
11
- '--divider-fontFamily': 'Segoe UI',
12
- '--divider-fontSize': '12px',
13
- '--divider-fontWeight': '400',
14
- '--divider-lineHeight': '17px',
15
- '--divider-borderSize': '1px',
16
- '--divider-borderStyle': 'solid',
17
- '--divider-color': tokens.alias.color.neutral.neutralStroke2,
18
- alignItems: 'center',
19
- color: 'var(--divider-fontColor)',
20
- display: 'flex',
21
- flexGrow: 1,
22
- flexDirection: 'var(--divider-flexDirection)',
23
- fontFamily: 'var(--divider-fontFamily)',
24
- fontSize: 'var(--divider-fontSize)',
25
- fontWeight: 'var(--divider-fontWeight)',
26
- position: 'relative',
27
- boxSizing: 'border-box',
28
- lineHeight: 'var(--divider-lineHeight)',
29
- ':before': {
30
- display: 'flex',
31
- flexGrow: 1,
32
- boxSizing: 'border-box',
33
- },
34
- ':after': {
35
- display: 'flex',
36
- flexGrow: 1,
37
- boxSizing: 'border-box',
38
- },
39
- }); },
40
- childless: {
41
- '--divider-borderMargin': 0,
42
- },
43
- subtle: function (tokens) { return ({
44
- '--divider-color': tokens.alias.color.neutral.neutralStroke3,
45
- }); },
46
- brand: function (tokens) { return ({
47
- '--divider-fontColor': tokens.alias.color.neutral.brandBackgroundStatic,
48
- '--divider-color': tokens.alias.color.neutral.brandBackgroundStatic,
49
- }); },
50
- strong: function (tokens) { return ({
51
- '--divider-color': tokens.alias.color.neutral.neutralStroke1,
52
- }); },
53
- horizontal: {
54
- width: '100%',
55
- ':before': {
56
- borderTopColor: 'var(--divider-color)',
57
- borderTopWidth: 'var(--divider-borderSize)',
58
- borderTopStyle: 'var(--divider-borderStyle)',
59
- },
60
- ':after': {
61
- borderTopColor: 'var(--divider-color)',
62
- borderTopWidth: 'var(--divider-borderSize)',
63
- borderTopStyle: 'var(--divider-borderStyle)',
64
- },
65
- '&>:only-child': {
66
- display: 'flex',
67
- textAlign: 'center',
68
- },
69
- },
70
- vertical: {
71
- //alignSelf: 'stretch',
72
- minHeight: '20px',
73
- flexDirection: 'column',
74
- ':before': {
75
- borderRightColor: 'var(--divider-color)',
76
- borderRightWidth: 'var(--divider-borderSize)',
77
- borderRightStyle: 'var(--divider-borderStyle)',
78
- },
79
- ':after': {
80
- borderRightColor: 'var(--divider-color)',
81
- borderRightWidth: 'var(--divider-borderSize)',
82
- borderRightStyle: 'var(--divider-borderStyle)',
83
- },
84
- '&>:only-child': {
85
- display: 'flex',
86
- textAlign: 'center',
87
- },
88
- },
89
- verticalWithChildren: {
90
- minHeight: '84px',
91
- },
92
- start: {
93
- ':after': {
94
- content: '""',
95
- },
96
- },
97
- end: {
98
- ':before': {
99
- content: '""',
100
- },
101
- },
102
- center: {
103
- ':before': {
104
- content: '""',
105
- },
106
- ':after': {
107
- content: '""',
108
- },
109
- },
110
- centerWithoutContent: {
111
- ':before': {
112
- content: '""',
113
- },
114
- },
115
- verticalStart: {
116
- ':before': {
117
- content: '""',
118
- maxHeight: '8px',
119
- marginBottom: 'var(--divider-borderMargin)',
120
- },
121
- ':after': {
122
- marginTop: 'var(--divider-borderMargin)',
123
- },
124
- },
125
- verticalEnd: {
126
- ':before': {
127
- marginBottom: 'var(--divider-borderMargin)',
128
- },
129
- ':after': {
130
- content: '""',
131
- maxHeight: '8px',
132
- marginTop: 'var(--divider-borderMargin)',
133
- },
134
- },
135
- verticalCenter: {
136
- ':before': {
137
- marginBottom: 'var(--divider-borderMargin)',
138
- },
139
- ':after': {
140
- marginTop: 'var(--divider-borderMargin)',
141
- },
142
- },
143
- horizontalStart: {
144
- ':before': {
145
- marginRight: 'var(--divider-borderMargin)',
146
- maxWidth: '8px',
147
- content: '""',
148
- },
149
- ':after': {
150
- marginLeft: 'var(--divider-borderMargin)',
151
- },
152
- },
153
- horizontalEnd: {
154
- ':before': {
155
- marginRight: 'var(--divider-borderMargin)',
156
- },
157
- ':after': {
158
- maxWidth: '8px',
159
- content: '""',
160
- marginLeft: 'var(--divider-borderMargin)',
161
- },
162
- },
163
- horizontalCenter: {
164
- ':before': {
165
- marginRight: 'var(--divider-borderMargin)',
166
- },
167
- ':after': {
168
- marginLeft: 'var(--divider-borderMargin)',
169
- },
170
- },
171
- important: {
172
- '--divider-fontWeight': "700",
173
- },
174
- verticalColored: {
175
- ':before': {
176
- borderRightColor: 'var(--divider-color)',
177
- },
178
- ':after': {
179
- borderRightColor: 'var(--divider-color)',
180
- },
181
- },
182
- horizontalColored: {
183
- ':before': {
184
- borderTopColor: 'var(--divider-color)',
185
- },
186
- ':after': {
187
- borderTopColor: 'var(--divider-color)',
188
- },
189
- },
190
- verticalChildless: {
191
- ':before': {
192
- marginBottom: 0,
193
- },
194
- },
195
- inset: {
196
- paddingLeft: '12px',
197
- paddingRight: '12px',
198
- },
199
- verticalInset: {
200
- marginTop: '12px',
201
- marginBottom: '12px',
202
- },
203
- });
204
- /** Applies style classnames to slots */
205
- var useDividerStyles = function (s) {
206
- var styles = useStylesOverride();
207
- s.className = react_make_styles_1.mergeClasses(styles.root, !s.children && styles.childless, s.appearance === 'subtle' && styles.subtle, s.appearance === 'brand' && styles.brand, s.appearance === 'strong' && styles.strong, s.vertical ? styles.vertical : styles.horizontal, s.vertical && s.children !== undefined && styles.verticalWithChildren, s.alignContent === 'start' && styles.start, s.alignContent === 'end' && styles.end, (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && s.vertical && styles.center, (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && !s.vertical && styles.center, (s.alignContent === 'center' || !s.alignContent) && s.children === undefined && styles.centerWithoutContent, s.alignContent === 'start' && (s.vertical ? styles.verticalStart : styles.horizontalStart), s.alignContent === 'end' && (s.vertical ? styles.verticalEnd : styles.horizontalEnd), (s.alignContent === 'center' || !s.alignContent) && (s.vertical ? styles.verticalCenter : styles.horizontalCenter), s.important && styles.important, s.color && (s.vertical ? styles.verticalColored : styles.horizontalColored), s.children === undefined && s.vertical && styles.verticalChildless, s.inset && (s.vertical ? styles.verticalInset : styles.inset), s.className);
208
- return s;
209
- };
210
- exports.useDividerStyles = useDividerStyles;
211
- });
212
- //# sourceMappingURL=useDividerStyles.js.map
package/lib-amd/components/Divider/useDividerStyles.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDividerStyles.js","sourceRoot":"../src/","sources":["components/Divider/useDividerStyles.ts"],"names":[],"mappings":";;;;IAGA,IAAM,iBAAiB,GAAG,8BAAU,CAAC;QACnC,IAAI,EAAE,UAAA,MAAM,IAAI,OAAA,CAAC;YACf,cAAc;YACd,wBAAwB,EAAE,MAAM;YAChC,yBAAyB,EAAE,KAAK;YAChC,qBAAqB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YACpE,sBAAsB,EAAE,UAAU;YAClC,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,KAAK;YAC7B,sBAAsB,EAAE,MAAM;YAC9B,sBAAsB,EAAE,KAAK;YAC7B,uBAAuB,EAAE,OAAO;YAChC,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;YAE5D,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,0BAA0B;YACjC,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,CAAC;YACX,aAAa,EAAE,8BAA8B;YAC7C,UAAU,EAAE,2BAA2B;YACvC,QAAQ,EAAE,yBAAyB;YACnC,UAAU,EAAE,2BAA2B;YACvC,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,YAAY;YACvB,UAAU,EAAE,2BAA2B;YACvC,SAAS,EAAE;gBACT,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,CAAC;gBACX,SAAS,EAAE,YAAY;aACxB;YAED,QAAQ,EAAE;gBACR,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,CAAC;gBACX,SAAS,EAAE,YAAY;aACxB;SACF,CAAC,EAnCc,CAmCd;QACF,SAAS,EAAE;YACT,wBAAwB,EAAE,CAAC;SAC5B;QACD,MAAM,EAAE,UAAA,MAAM,IAAI,OAAA,CAAC;YACjB,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;SAC7D,CAAC,EAFgB,CAEhB;QACF,KAAK,EAAE,UAAA,MAAM,IAAI,OAAA,CAAC;YAChB,qBAAqB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB;YACvE,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB;SACpE,CAAC,EAHe,CAGf;QACF,MAAM,EAAE,UAAA,MAAM,IAAI,OAAA,CAAC;YACjB,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;SAC7D,CAAC,EAFgB,CAEhB;QACF,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACT,cAAc,EAAE,sBAAsB;gBACtC,cAAc,EAAE,2BAA2B;gBAC3C,cAAc,EAAE,4BAA4B;aAC7C;YACD,QAAQ,EAAE;gBACR,cAAc,EAAE,sBAAsB;gBACtC,cAAc,EAAE,2BAA2B;gBAC3C,cAAc,EAAE,4BAA4B;aAC7C;YACD,eAAe,EAAE;gBACf,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,QAAQ;aACpB;SACF;QACD,QAAQ,EAAE;YACR,uBAAuB;YACvB,SAAS,EAAE,MAAM;YACjB,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE;gBACT,gBAAgB,EAAE,sBAAsB;gBACxC,gBAAgB,EAAE,2BAA2B;gBAC7C,gBAAgB,EAAE,4BAA4B;aAC/C;YACD,QAAQ,EAAE;gBACR,gBAAgB,EAAE,sBAAsB;gBACxC,gBAAgB,EAAE,2BAA2B;gBAC7C,gBAAgB,EAAE,4BAA4B;aAC/C;YACD,eAAe,EAAE;gBACf,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,QAAQ;aACpB;SACF;QACD,oBAAoB,EAAE;YACpB,SAAS,EAAE,MAAM;SAClB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;aACd;SACF;QACD,GAAG,EAAE;YACH,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;aACd;SACF;QACD,MAAM,EAAE;YACN,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;aACd;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;aACd;SACF;QACD,oBAAoB,EAAE;YACpB,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE,KAAK;gBAChB,YAAY,EAAE,6BAA6B;aAC5C;YAED,QAAQ,EAAE;gBACR,SAAS,EAAE,6BAA6B;aACzC;SACF;QACD,WAAW,EAAE;YACX,SAAS,EAAE;gBACT,YAAY,EAAE,6BAA6B;aAC5C;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,6BAA6B;aACzC;SACF;QACD,cAAc,EAAE;YACd,SAAS,EAAE;gBACT,YAAY,EAAE,6BAA6B;aAC5C;YACD,QAAQ,EAAE;gBACR,SAAS,EAAE,6BAA6B;aACzC;SACF;QACD,eAAe,EAAE;YACf,SAAS,EAAE;gBACT,WAAW,EAAE,6BAA6B;gBAC1C,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,IAAI;aACd;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,6BAA6B;aAC1C;SACF;QACD,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,WAAW,EAAE,6BAA6B;aAC3C;YACD,QAAQ,EAAE;gBACR,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,6BAA6B;aAC1C;SACF;QACD,gBAAgB,EAAE;YAChB,SAAS,EAAE;gBACT,WAAW,EAAE,6BAA6B;aAC3C;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,6BAA6B;aAC1C;SACF;QACD,SAAS,EAAE;YACT,sBAAsB,EAAE,KAAK;SAC9B;QACD,eAAe,EAAE;YACf,SAAS,EAAE;gBACT,gBAAgB,EAAE,sBAAsB;aACzC;YACD,QAAQ,EAAE;gBACR,gBAAgB,EAAE,sBAAsB;aACzC;SACF;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE;gBACT,cAAc,EAAE,sBAAsB;aACvC;YACD,QAAQ,EAAE;gBACR,cAAc,EAAE,sBAAsB;aACvC;SACF;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE;gBACT,YAAY,EAAE,CAAC;aAChB;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,MAAM;SACrB;QACD,aAAa,EAAE;YACb,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,MAAM;SACrB;KACF,CAAC,CAAC;IAEH,wCAAwC;IACjC,IAAM,gBAAgB,GAAG,UAAC,CAAe;QAC9C,IAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;QACnC,CAAC,CAAC,SAAS,GAAG,gCAAY,CACxB,MAAM,CAAC,IAAI,EACX,CAAC,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,SAAS,EAC/B,CAAC,CAAC,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM,EAC1C,CAAC,CAAC,UAAU,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK,EACxC,CAAC,CAAC,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM,EAC1C,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAChD,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,MAAM,CAAC,oBAAoB,EACrE,CAAC,CAAC,YAAY,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK,EAC1C,CAAC,CAAC,YAAY,KAAK,KAAK,IAAI,MAAM,CAAC,GAAG,EACtC,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,EAC3G,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,EAC5G,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,MAAM,CAAC,oBAAoB,EAC3G,CAAC,CAAC,YAAY,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,EAC1F,CAAC,CAAC,YAAY,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EACpF,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAClH,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,EAC/B,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAC3E,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,iBAAiB,EAClE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7D,CAAC,CAAC,SAAS,CACZ,CAAC;QAEF,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IA1BW,QAAA,gBAAgB,oBA0B3B","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { DividerState } from './Divider.types';\n\nconst useStylesOverride = makeStyles({\n root: tokens => ({\n /* CSS Vars */\n '--divider-borderMargin': '12px',\n '--divider-flexDirection': 'row',\n '--divider-fontColor': tokens.alias.color.neutral.neutralForeground2,\n '--divider-fontFamily': 'Segoe UI',\n '--divider-fontSize': '12px',\n '--divider-fontWeight': '400',\n '--divider-lineHeight': '17px',\n '--divider-borderSize': '1px',\n '--divider-borderStyle': 'solid',\n '--divider-color': tokens.alias.color.neutral.neutralStroke2,\n\n alignItems: 'center',\n color: 'var(--divider-fontColor)',\n display: 'flex',\n flexGrow: 1,\n flexDirection: 'var(--divider-flexDirection)',\n fontFamily: 'var(--divider-fontFamily)',\n fontSize: 'var(--divider-fontSize)',\n fontWeight: 'var(--divider-fontWeight)',\n position: 'relative',\n boxSizing: 'border-box',\n lineHeight: 'var(--divider-lineHeight)',\n ':before': {\n display: 'flex',\n flexGrow: 1,\n boxSizing: 'border-box',\n },\n\n ':after': {\n display: 'flex',\n flexGrow: 1,\n boxSizing: 'border-box',\n },\n }),\n childless: {\n '--divider-borderMargin': 0,\n },\n subtle: tokens => ({\n '--divider-color': tokens.alias.color.neutral.neutralStroke3,\n }),\n brand: tokens => ({\n '--divider-fontColor': tokens.alias.color.neutral.brandBackgroundStatic,\n '--divider-color': tokens.alias.color.neutral.brandBackgroundStatic,\n }),\n strong: tokens => ({\n '--divider-color': tokens.alias.color.neutral.neutralStroke1,\n }),\n horizontal: {\n width: '100%',\n ':before': {\n borderTopColor: 'var(--divider-color)',\n borderTopWidth: 'var(--divider-borderSize)',\n borderTopStyle: 'var(--divider-borderStyle)',\n },\n ':after': {\n borderTopColor: 'var(--divider-color)',\n borderTopWidth: 'var(--divider-borderSize)',\n borderTopStyle: 'var(--divider-borderStyle)',\n },\n '&>:only-child': {\n display: 'flex',\n textAlign: 'center',\n },\n },\n vertical: {\n //alignSelf: 'stretch',\n minHeight: '20px',\n flexDirection: 'column',\n ':before': {\n borderRightColor: 'var(--divider-color)',\n borderRightWidth: 'var(--divider-borderSize)',\n borderRightStyle: 'var(--divider-borderStyle)',\n },\n ':after': {\n borderRightColor: 'var(--divider-color)',\n borderRightWidth: 'var(--divider-borderSize)',\n borderRightStyle: 'var(--divider-borderStyle)',\n },\n '&>:only-child': {\n display: 'flex',\n textAlign: 'center',\n },\n },\n verticalWithChildren: {\n minHeight: '84px',\n },\n start: {\n ':after': {\n content: '\"\"',\n },\n },\n end: {\n ':before': {\n content: '\"\"',\n },\n },\n center: {\n ':before': {\n content: '\"\"',\n },\n ':after': {\n content: '\"\"',\n },\n },\n centerWithoutContent: {\n ':before': {\n content: '\"\"',\n },\n },\n verticalStart: {\n ':before': {\n content: '\"\"',\n maxHeight: '8px',\n marginBottom: 'var(--divider-borderMargin)',\n },\n\n ':after': {\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n verticalEnd: {\n ':before': {\n marginBottom: 'var(--divider-borderMargin)',\n },\n ':after': {\n content: '\"\"',\n maxHeight: '8px',\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n verticalCenter: {\n ':before': {\n marginBottom: 'var(--divider-borderMargin)',\n },\n ':after': {\n marginTop: 'var(--divider-borderMargin)',\n },\n },\n horizontalStart: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n maxWidth: '8px',\n content: '\"\"',\n },\n ':after': {\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n horizontalEnd: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n },\n ':after': {\n maxWidth: '8px',\n content: '\"\"',\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n horizontalCenter: {\n ':before': {\n marginRight: 'var(--divider-borderMargin)',\n },\n ':after': {\n marginLeft: 'var(--divider-borderMargin)',\n },\n },\n important: {\n '--divider-fontWeight': `700`,\n },\n verticalColored: {\n ':before': {\n borderRightColor: 'var(--divider-color)',\n },\n ':after': {\n borderRightColor: 'var(--divider-color)',\n },\n },\n horizontalColored: {\n ':before': {\n borderTopColor: 'var(--divider-color)',\n },\n ':after': {\n borderTopColor: 'var(--divider-color)',\n },\n },\n verticalChildless: {\n ':before': {\n marginBottom: 0,\n },\n },\n inset: {\n paddingLeft: '12px',\n paddingRight: '12px',\n },\n verticalInset: {\n marginTop: '12px',\n marginBottom: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useDividerStyles = (s: DividerState) => {\n const styles = useStylesOverride();\n s.className = mergeClasses(\n styles.root,\n !s.children && styles.childless,\n s.appearance === 'subtle' && styles.subtle,\n s.appearance === 'brand' && styles.brand,\n s.appearance === 'strong' && styles.strong,\n s.vertical ? styles.vertical : styles.horizontal,\n s.vertical && s.children !== undefined && styles.verticalWithChildren,\n s.alignContent === 'start' && styles.start,\n s.alignContent === 'end' && styles.end,\n (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && s.vertical && styles.center,\n (s.alignContent === 'center' || !s.alignContent) && s.children !== undefined && !s.vertical && styles.center,\n (s.alignContent === 'center' || !s.alignContent) && s.children === undefined && styles.centerWithoutContent,\n s.alignContent === 'start' && (s.vertical ? styles.verticalStart : styles.horizontalStart),\n s.alignContent === 'end' && (s.vertical ? styles.verticalEnd : styles.horizontalEnd),\n (s.alignContent === 'center' || !s.alignContent) && (s.vertical ? styles.verticalCenter : styles.horizontalCenter),\n s.important && styles.important,\n s.color && (s.vertical ? styles.verticalColored : styles.horizontalColored),\n s.children === undefined && s.vertical && styles.verticalChildless,\n s.inset && (s.vertical ? styles.verticalInset : styles.inset),\n s.className,\n );\n\n return s;\n};\n"]}
package/lib-amd/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './Divider';
package/lib-amd/index.js DELETED
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./Divider"], function (require, exports, tslib_1, Divider_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(Divider_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
package/lib-amd/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B","sourcesContent":["export * from './Divider';\n"]}