@fluentui/react-divider 9.0.0-alpha.70 → 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 (48) hide show
  1. package/CHANGELOG.json +46 -7
  2. package/CHANGELOG.md +20 -7
  3. package/lib/Divider.js.map +1 -1
  4. package/lib/common/isConformant.js.map +1 -1
  5. package/lib/components/Divider/Divider.js.map +1 -1
  6. package/lib/components/Divider/Divider.types.js.map +1 -1
  7. package/lib/components/Divider/index.js.map +1 -1
  8. package/lib/components/Divider/renderDivider.js.map +1 -1
  9. package/lib/components/Divider/useDivider.js.map +1 -1
  10. package/lib/components/Divider/useDividerStyles.js.map +1 -1
  11. package/lib/index.js.map +1 -1
  12. package/lib-commonjs/Divider.js.map +1 -1
  13. package/lib-commonjs/common/isConformant.js.map +1 -1
  14. package/lib-commonjs/components/Divider/Divider.js.map +1 -1
  15. package/lib-commonjs/components/Divider/Divider.types.js.map +1 -1
  16. package/lib-commonjs/components/Divider/index.js.map +1 -1
  17. package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
  18. package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
  19. package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
  20. package/lib-commonjs/index.js.map +1 -1
  21. package/package.json +6 -6
  22. package/lib-amd/Divider.d.ts +0 -1
  23. package/lib-amd/Divider.js +0 -6
  24. package/lib-amd/Divider.js.map +0 -1
  25. package/lib-amd/common/isConformant.d.ts +0 -4
  26. package/lib-amd/common/isConformant.js +0 -15
  27. package/lib-amd/common/isConformant.js.map +0 -1
  28. package/lib-amd/components/Divider/Divider.d.ts +0 -12
  29. package/lib-amd/components/Divider/Divider.js +0 -15
  30. package/lib-amd/components/Divider/Divider.js.map +0 -1
  31. package/lib-amd/components/Divider/Divider.types.d.ts +0 -42
  32. package/lib-amd/components/Divider/Divider.types.js +0 -5
  33. package/lib-amd/components/Divider/Divider.types.js.map +0 -1
  34. package/lib-amd/components/Divider/index.d.ts +0 -5
  35. package/lib-amd/components/Divider/index.js +0 -10
  36. package/lib-amd/components/Divider/index.js.map +0 -1
  37. package/lib-amd/components/Divider/renderDivider.d.ts +0 -5
  38. package/lib-amd/components/Divider/renderDivider.js +0 -15
  39. package/lib-amd/components/Divider/renderDivider.js.map +0 -1
  40. package/lib-amd/components/Divider/useDivider.d.ts +0 -13
  41. package/lib-amd/components/Divider/useDivider.js +0 -28
  42. package/lib-amd/components/Divider/useDivider.js.map +0 -1
  43. package/lib-amd/components/Divider/useDividerStyles.d.ts +0 -3
  44. package/lib-amd/components/Divider/useDividerStyles.js +0 -212
  45. package/lib-amd/components/Divider/useDividerStyles.js.map +0 -1
  46. package/lib-amd/index.d.ts +0 -1
  47. package/lib-amd/index.js +0 -6
  48. package/lib-amd/index.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,46 @@
2
2
  "name": "@fluentui/react-divider",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 21 Sep 2021 07:40:35 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",
6
45
  "tag": "@fluentui/react-divider_v9.0.0-alpha.70",
7
46
  "version": "9.0.0-alpha.70",
8
47
  "comments": {
@@ -11,31 +50,31 @@
11
50
  "author": "gcox@microsoft.com",
12
51
  "package": "@fluentui/react-divider",
13
52
  "comment": "Updating to types over interfaces",
14
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
53
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
15
54
  },
16
55
  {
17
56
  "author": "beachball",
18
57
  "package": "@fluentui/react-divider",
19
58
  "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.69",
20
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
59
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
21
60
  },
22
61
  {
23
62
  "author": "beachball",
24
63
  "package": "@fluentui/react-divider",
25
64
  "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.51",
26
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
65
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
27
66
  },
28
67
  {
29
68
  "author": "beachball",
30
69
  "package": "@fluentui/react-divider",
31
70
  "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44",
32
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
71
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
33
72
  },
34
73
  {
35
74
  "author": "beachball",
36
75
  "package": "@fluentui/react-divider",
37
76
  "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13",
38
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
77
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
39
78
  }
40
79
  ],
41
80
  "none": [
@@ -43,7 +82,7 @@
43
82
  "author": "elcraig@microsoft.com",
44
83
  "package": "@fluentui/react-divider",
45
84
  "comment": "Remove unnecessary docCategory tags",
46
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
85
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
47
86
  }
48
87
  ]
49
88
  }
package/CHANGELOG.md CHANGED
@@ -1,21 +1,34 @@
1
1
  # Change Log - @fluentui/react-divider
2
2
 
3
- This log was last generated on Tue, 21 Sep 2021 07:40:35 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
+
7
20
  ## [9.0.0-alpha.70](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-alpha.70)
8
21
 
9
- Tue, 21 Sep 2021 07:40:35 GMT
22
+ Tue, 21 Sep 2021 07:42:34 GMT
10
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)
11
24
 
12
25
  ### Changes
13
26
 
14
- - Updating to types over interfaces ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by gcox@microsoft.com)
15
- - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
16
- - Bump @fluentui/babel-make-styles to v9.0.0-alpha.51 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
17
- - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
18
- - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
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)
19
32
 
20
33
  ## [9.0.0-alpha.69](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.0.0-alpha.69)
21
34
 
@@ -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"}
@@ -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":""}
@@ -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;;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","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 */\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":""}
@@ -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\nexport type DividerProps = ComponentPropsCompat &\n 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\nexport type DividerState = 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":""}
@@ -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"}
@@ -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":""}
@@ -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":""}
@@ -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":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;;AAGA,IAAM,iBAAiB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;AA2MA;;;AACA,OAAO,IAAM,gBAAgB,GAAG,UAAC,CAAD,EAAgB;AAC9C,MAAM,MAAM,GAAG,iBAAiB,EAAhC;AACA,EAAA,CAAC,CAAC,SAAF,GAAc,YAAY,CACxB,MAAM,CAAC,IADiB,EAExB,CAAC,CAAC,CAAC,QAAH,IAAe,MAAM,CAAC,SAFE,EAGxB,CAAC,CAAC,UAAF,KAAiB,QAAjB,IAA6B,MAAM,CAAC,MAHZ,EAIxB,CAAC,CAAC,UAAF,KAAiB,OAAjB,IAA4B,MAAM,CAAC,KAJX,EAKxB,CAAC,CAAC,UAAF,KAAiB,QAAjB,IAA6B,MAAM,CAAC,MALZ,EAMxB,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,QAApB,GAA+B,MAAM,CAAC,UANd,EAOxB,CAAC,CAAC,QAAF,IAAc,CAAC,CAAC,QAAF,KAAe,SAA7B,IAA0C,MAAM,CAAC,oBAPzB,EAQxB,CAAC,CAAC,YAAF,KAAmB,OAAnB,IAA8B,MAAM,CAAC,KARb,EASxB,CAAC,CAAC,YAAF,KAAmB,KAAnB,IAA4B,MAAM,CAAC,GATX,EAUxB,CAAC,CAAC,CAAC,YAAF,KAAmB,QAAnB,IAA+B,CAAC,CAAC,CAAC,YAAnC,KAAoD,CAAC,CAAC,QAAF,KAAe,SAAnE,IAAgF,CAAC,CAAC,QAAlF,IAA8F,MAAM,CAAC,MAV7E,EAWxB,CAAC,CAAC,CAAC,YAAF,KAAmB,QAAnB,IAA+B,CAAC,CAAC,CAAC,YAAnC,KAAoD,CAAC,CAAC,QAAF,KAAe,SAAnE,IAAgF,CAAC,CAAC,CAAC,QAAnF,IAA+F,MAAM,CAAC,MAX9E,EAYxB,CAAC,CAAC,CAAC,YAAF,KAAmB,QAAnB,IAA+B,CAAC,CAAC,CAAC,YAAnC,KAAoD,CAAC,CAAC,QAAF,KAAe,SAAnE,IAAgF,MAAM,CAAC,oBAZ/D,EAaxB,CAAC,CAAC,YAAF,KAAmB,OAAnB,KAA+B,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,aAApB,GAAoC,MAAM,CAAC,eAA1E,CAbwB,EAcxB,CAAC,CAAC,YAAF,KAAmB,KAAnB,KAA6B,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,WAApB,GAAkC,MAAM,CAAC,aAAtE,CAdwB,EAexB,CAAC,CAAC,CAAC,YAAF,KAAmB,QAAnB,IAA+B,CAAC,CAAC,CAAC,YAAnC,MAAqD,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,cAApB,GAAqC,MAAM,CAAC,gBAAjG,CAfwB,EAgBxB,CAAC,CAAC,SAAF,IAAe,MAAM,CAAC,SAhBE,EAiBxB,CAAC,CAAC,KAAF,KAAY,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,eAApB,GAAsC,MAAM,CAAC,iBAAzD,CAjBwB,EAkBxB,CAAC,CAAC,QAAF,KAAe,SAAf,IAA4B,CAAC,CAAC,QAA9B,IAA0C,MAAM,CAAC,iBAlBzB,EAmBxB,CAAC,CAAC,KAAF,KAAY,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,aAApB,GAAoC,MAAM,CAAC,KAAvD,CAnBwB,EAoBxB,CAAC,CAAC,SApBsB,CAA1B;AAuBA,SAAO,CAAP;AACD,CA1BM","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"}
@@ -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":""}
@@ -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":""}
@@ -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;;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","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 */\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":""}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -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":""}
@@ -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":""}
@@ -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":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Divider/useDividerStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,iBAAiB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;AA2MA;;;AACO,IAAM,gBAAgB,GAAG,UAAC,CAAD,EAAgB;AAC9C,MAAM,MAAM,GAAG,iBAAiB,EAAhC;AACA,EAAA,CAAC,CAAC,SAAF,GAAc,mBAAA,CAAA,YAAA,CACZ,MAAM,CAAC,IADK,EAEZ,CAAC,CAAC,CAAC,QAAH,IAAe,MAAM,CAAC,SAFV,EAGZ,CAAC,CAAC,UAAF,KAAiB,QAAjB,IAA6B,MAAM,CAAC,MAHxB,EAIZ,CAAC,CAAC,UAAF,KAAiB,OAAjB,IAA4B,MAAM,CAAC,KAJvB,EAKZ,CAAC,CAAC,UAAF,KAAiB,QAAjB,IAA6B,MAAM,CAAC,MALxB,EAMZ,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,QAApB,GAA+B,MAAM,CAAC,UAN1B,EAOZ,CAAC,CAAC,QAAF,IAAc,CAAC,CAAC,QAAF,KAAe,SAA7B,IAA0C,MAAM,CAAC,oBAPrC,EAQZ,CAAC,CAAC,YAAF,KAAmB,OAAnB,IAA8B,MAAM,CAAC,KARzB,EASZ,CAAC,CAAC,YAAF,KAAmB,KAAnB,IAA4B,MAAM,CAAC,GATvB,EAUZ,CAAC,CAAC,CAAC,YAAF,KAAmB,QAAnB,IAA+B,CAAC,CAAC,CAAC,YAAnC,KAAoD,CAAC,CAAC,QAAF,KAAe,SAAnE,IAAgF,CAAC,CAAC,QAAlF,IAA8F,MAAM,CAAC,MAVzF,EAWZ,CAAC,CAAC,CAAC,YAAF,KAAmB,QAAnB,IAA+B,CAAC,CAAC,CAAC,YAAnC,KAAoD,CAAC,CAAC,QAAF,KAAe,SAAnE,IAAgF,CAAC,CAAC,CAAC,QAAnF,IAA+F,MAAM,CAAC,MAX1F,EAYZ,CAAC,CAAC,CAAC,YAAF,KAAmB,QAAnB,IAA+B,CAAC,CAAC,CAAC,YAAnC,KAAoD,CAAC,CAAC,QAAF,KAAe,SAAnE,IAAgF,MAAM,CAAC,oBAZ3E,EAaZ,CAAC,CAAC,YAAF,KAAmB,OAAnB,KAA+B,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,aAApB,GAAoC,MAAM,CAAC,eAA1E,CAbY,EAcZ,CAAC,CAAC,YAAF,KAAmB,KAAnB,KAA6B,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,WAApB,GAAkC,MAAM,CAAC,aAAtE,CAdY,EAeZ,CAAC,CAAC,CAAC,YAAF,KAAmB,QAAnB,IAA+B,CAAC,CAAC,CAAC,YAAnC,MAAqD,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,cAApB,GAAqC,MAAM,CAAC,gBAAjG,CAfY,EAgBZ,CAAC,CAAC,SAAF,IAAe,MAAM,CAAC,SAhBV,EAiBZ,CAAC,CAAC,KAAF,KAAY,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,eAApB,GAAsC,MAAM,CAAC,iBAAzD,CAjBY,EAkBZ,CAAC,CAAC,QAAF,KAAe,SAAf,IAA4B,CAAC,CAAC,QAA9B,IAA0C,MAAM,CAAC,iBAlBrC,EAmBZ,CAAC,CAAC,KAAF,KAAY,CAAC,CAAC,QAAF,GAAa,MAAM,CAAC,aAApB,GAAoC,MAAM,CAAC,KAAvD,CAnBY,EAoBZ,CAAC,CAAC,SApBU,CAAd;AAuBA,SAAO,CAAP;AACD,CA1BM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","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":""}
@@ -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.70",
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.51",
28
+ "@fluentui/babel-make-styles": "9.0.0-alpha.52",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.44",
30
+ "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.45",
31
31
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "9.0.0-alpha.13",
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.69",
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": {
@@ -1 +0,0 @@
1
- export * from './components/Divider/index';
@@ -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
@@ -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"]}
@@ -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;
@@ -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
@@ -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"]}
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
4
- */
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>>;
@@ -1,15 +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
- */
8
- exports.Divider = React.forwardRef(function (props, ref) {
9
- var state = useDivider_1.useDivider(props, ref);
10
- useDividerStyles_1.useDividerStyles(state);
11
- return renderDivider_1.renderDivider(state);
12
- });
13
- exports.Divider.displayName = 'Divider';
14
- });
15
- //# sourceMappingURL=Divider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"../src/","sources":["components/Divider/Divider.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;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 */\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"]}
@@ -1,42 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentPropsCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
3
- export declare type DividerProps = ComponentPropsCompat & React.HTMLAttributes<HTMLElement> & {
4
- /**
5
- * Determines the alignment of the content within the divider.
6
- * @defaultvalue 'center'
7
- */
8
- alignContent?: 'start' | 'end' | 'center';
9
- /**
10
- * Predefined visual styles
11
- * @defaultvalue 'default'
12
- */
13
- appearance?: 'default' | 'subtle' | 'brand' | 'strong';
14
- /**
15
- * A divider can be classified as important to emphasize its content
16
- */
17
- important?: boolean;
18
- /**
19
- * Adds a 12px padding to the begining and end of the divider
20
- */
21
- inset?: boolean;
22
- /**
23
- * A divider can be horizontal (default) or vertical*/
24
- vertical?: boolean;
25
- /**
26
- * Accessibility wrapper for content when presented.
27
- * A shorthand prop can be a literal, object, or
28
- * JSX. The `children` prop of the object can be a render function,
29
- * taking in the original slot component and props.
30
- */
31
- wrapper?: ShorthandPropsCompat<React.HTMLAttributes<HTMLDivElement>>;
32
- };
33
- export declare type DividerState = DividerProps & {
34
- /**
35
- * Ref to the root slot
36
- */
37
- ref: React.RefObject<HTMLElement>;
38
- /**
39
- * The Id created to expose accessability for readers
40
- */
41
- labelledById?: string;
42
- };
@@ -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
@@ -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\nexport type DividerProps = ComponentPropsCompat &\n 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\nexport type DividerState = 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,5 +0,0 @@
1
- export * from './Divider';
2
- export * from './Divider.types';
3
- export * from './renderDivider';
4
- export * from './useDivider';
5
- export * from './useDividerStyles';
@@ -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
@@ -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"]}
@@ -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;
@@ -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
@@ -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"]}
@@ -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;
@@ -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
@@ -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"]}
@@ -1,3 +0,0 @@
1
- import { DividerState } from './Divider.types';
2
- /** Applies style classnames to slots */
3
- export declare const useDividerStyles: (s: DividerState) => DividerState;
@@ -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
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDividerStyles.js","sourceRoot":"../src/","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"]}
@@ -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
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B","sourcesContent":["export * from './Divider';\n"]}