@fluentui/react-divider 9.0.0-alpha.9 → 9.0.0-beta.4

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 (85) hide show
  1. package/CHANGELOG.json +2010 -1
  2. package/CHANGELOG.md +768 -2
  3. package/Spec.md +22 -137
  4. package/dist/react-divider.d.ts +35 -49
  5. package/lib/Divider.js.map +1 -1
  6. package/lib/common/isConformant.d.ts +3 -1
  7. package/lib/common/isConformant.js +7 -5
  8. package/lib/common/isConformant.js.map +1 -1
  9. package/lib/components/Divider/Divider.d.ts +4 -5
  10. package/lib/components/Divider/Divider.js +6 -6
  11. package/lib/components/Divider/Divider.js.map +1 -1
  12. package/lib/components/Divider/Divider.types.d.ts +23 -36
  13. package/lib/components/Divider/Divider.types.js +1 -0
  14. package/lib/components/Divider/Divider.types.js.map +1 -1
  15. package/lib/components/Divider/index.js +1 -0
  16. package/lib/components/Divider/index.js.map +1 -1
  17. package/lib/components/Divider/renderDivider.d.ts +1 -1
  18. package/lib/components/Divider/renderDivider.js +8 -7
  19. package/lib/components/Divider/renderDivider.js.map +1 -1
  20. package/lib/components/Divider/useDivider.d.ts +4 -9
  21. package/lib/components/Divider/useDivider.js +37 -19
  22. package/lib/components/Divider/useDivider.js.map +1 -1
  23. package/lib/components/Divider/useDividerStyles.d.ts +2 -2
  24. package/lib/components/Divider/useDividerStyles.js +169 -204
  25. package/lib/components/Divider/useDividerStyles.js.map +1 -1
  26. package/lib/index.js.map +1 -1
  27. package/lib/tsdoc-metadata.json +1 -1
  28. package/lib-commonjs/Divider.js +7 -2
  29. package/lib-commonjs/Divider.js.map +1 -1
  30. package/lib-commonjs/common/isConformant.d.ts +3 -1
  31. package/lib-commonjs/common/isConformant.js +17 -7
  32. package/lib-commonjs/common/isConformant.js.map +1 -1
  33. package/lib-commonjs/components/Divider/Divider.d.ts +4 -5
  34. package/lib-commonjs/components/Divider/Divider.js +20 -11
  35. package/lib-commonjs/components/Divider/Divider.js.map +1 -1
  36. package/lib-commonjs/components/Divider/Divider.types.d.ts +23 -36
  37. package/lib-commonjs/components/Divider/Divider.types.js +4 -1
  38. package/lib-commonjs/components/Divider/Divider.types.js.map +1 -1
  39. package/lib-commonjs/components/Divider/index.js +12 -2
  40. package/lib-commonjs/components/Divider/index.js.map +1 -1
  41. package/lib-commonjs/components/Divider/renderDivider.d.ts +1 -1
  42. package/lib-commonjs/components/Divider/renderDivider.js +20 -10
  43. package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
  44. package/lib-commonjs/components/Divider/useDivider.d.ts +4 -9
  45. package/lib-commonjs/components/Divider/useDivider.js +46 -20
  46. package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
  47. package/lib-commonjs/components/Divider/useDividerStyles.d.ts +2 -2
  48. package/lib-commonjs/components/Divider/useDividerStyles.js +178 -205
  49. package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
  50. package/lib-commonjs/index.js +7 -2
  51. package/lib-commonjs/index.js.map +1 -1
  52. package/package.json +15 -12
  53. package/NOTICE.txt +0 -0
  54. package/config/api-extractor.json +0 -3
  55. package/config/tests.js +0 -7
  56. package/etc/react-divider.api.md +0 -45
  57. package/just.config.ts +0 -3
  58. package/lib-amd/Divider.d.ts +0 -1
  59. package/lib-amd/Divider.js +0 -6
  60. package/lib-amd/Divider.js.map +0 -1
  61. package/lib-amd/common/isConformant.d.ts +0 -2
  62. package/lib-amd/common/isConformant.js +0 -13
  63. package/lib-amd/common/isConformant.js.map +0 -1
  64. package/lib-amd/components/Divider/Divider.d.ts +0 -7
  65. package/lib-amd/components/Divider/Divider.js +0 -15
  66. package/lib-amd/components/Divider/Divider.js.map +0 -1
  67. package/lib-amd/components/Divider/Divider.types.d.ts +0 -48
  68. package/lib-amd/components/Divider/Divider.types.js +0 -5
  69. package/lib-amd/components/Divider/Divider.types.js.map +0 -1
  70. package/lib-amd/components/Divider/index.d.ts +0 -5
  71. package/lib-amd/components/Divider/index.js +0 -9
  72. package/lib-amd/components/Divider/index.js.map +0 -1
  73. package/lib-amd/components/Divider/renderDivider.d.ts +0 -5
  74. package/lib-amd/components/Divider/renderDivider.js +0 -13
  75. package/lib-amd/components/Divider/renderDivider.js.map +0 -1
  76. package/lib-amd/components/Divider/useDivider.d.ts +0 -13
  77. package/lib-amd/components/Divider/useDivider.js +0 -26
  78. package/lib-amd/components/Divider/useDivider.js.map +0 -1
  79. package/lib-amd/components/Divider/useDividerStyles.d.ts +0 -3
  80. package/lib-amd/components/Divider/useDividerStyles.js +0 -210
  81. package/lib-amd/components/Divider/useDividerStyles.js.map +0 -1
  82. package/lib-amd/index.d.ts +0 -1
  83. package/lib-amd/index.js +0 -6
  84. package/lib-amd/index.js.map +0 -1
  85. package/src/components/Divider/Divider.types.ts +0 -56
@@ -1,3 +1,3 @@
1
1
  import { DividerState } from './Divider.types';
2
- /** Applies style classnames to slots */
3
- export declare const useDividerStyles: (s: DividerState) => DividerState;
2
+ export declare const dividerClassName = "fui-Divider";
3
+ export declare const useDividerStyles: (state: DividerState) => DividerState;
@@ -1,207 +1,172 @@
1
- import { ax, makeStyles } from '@fluentui/react-make-styles';
2
- var useStylesOverride = makeStyles({
3
- root: function (tokens) { return ({
4
- /* CSS Vars */
5
- '--divider-borderMargin': '12px',
6
- '--divider-flexDirection': 'row',
7
- '--divider-fontColor': tokens.alias.color.neutral.neutralForeground2,
8
- '--divider-fontFamily': 'Segoe UI',
9
- '--divider-fontSize': '12px',
10
- '--divider-fontWeight': '400',
11
- '--divider-lineHeight': '17px',
12
- '--divider-borderSize': '1px',
13
- '--divider-borderStyle': 'solid',
14
- '--divider-color': tokens.alias.color.neutral.neutralStroke2,
15
- alignItems: 'center',
16
- color: 'var(--divider-fontColor)',
17
- display: 'flex',
18
- flexGrow: 1,
19
- flexDirection: 'var(--divider-flexDirection)',
20
- fontFamily: 'var(--divider-fontFamily)',
21
- fontSize: 'var(--divider-fontSize)',
22
- fontWeight: 'var(--divider-fontWeight)',
23
- position: 'relative',
24
- boxSizing: 'border-box',
25
- lineHeight: 'var(--divider-lineHeight)',
26
- ':before': {
27
- display: 'flex',
28
- flexGrow: 1,
29
- boxSizing: 'border-box',
30
- },
31
- ':after': {
32
- display: 'flex',
33
- flexGrow: 1,
34
- boxSizing: 'border-box',
35
- },
36
- }); },
37
- childless: {
38
- '--divider-borderMargin': 0,
39
- },
40
- subtle: function (tokens) { return ({
41
- '--divider-color': tokens.alias.color.neutral.neutralStroke3,
42
- }); },
43
- brand: function (tokens) { return ({
44
- '--divider-fontColor': tokens.alias.color.brand.brandBackgroundStatic,
45
- '--divider-color': tokens.alias.color.brand.brandBackgroundStatic,
46
- }); },
47
- strong: function (tokens) { return ({
48
- '--divider-color': tokens.alias.color.neutral.neutralStroke1,
49
- }); },
50
- horizontal: {
51
- width: '100%',
52
- ':before': {
53
- borderTopColor: 'var(--divider-color)',
54
- borderTopWidth: 'var(--divider-borderSize)',
55
- borderTopStyle: 'var(--divider-borderStyle)',
56
- },
57
- ':after': {
58
- borderTopColor: 'var(--divider-color)',
59
- borderTopWidth: 'var(--divider-borderSize)',
60
- borderTopStyle: 'var(--divider-borderStyle)',
61
- },
62
- '&>:only-child': {
63
- display: 'flex',
64
- textAlign: 'center',
65
- },
66
- },
67
- vertical: {
68
- //alignSelf: 'stretch',
69
- minHeight: '20px',
70
- flexDirection: 'column',
71
- ':before': {
72
- borderRightColor: 'var(--divider-color)',
73
- borderRightWidth: 'var(--divider-borderSize)',
74
- borderRightStyle: 'var(--divider-borderStyle)',
75
- },
76
- ':after': {
77
- borderRightColor: 'var(--divider-color)',
78
- borderRightWidth: 'var(--divider-borderSize)',
79
- borderRightStyle: 'var(--divider-borderStyle)',
80
- },
81
- '&>:only-child': {
82
- display: 'flex',
83
- textAlign: 'center',
84
- },
85
- },
86
- verticalWithChildren: {
87
- minHeight: '84px',
88
- },
89
- start: {
90
- ':after': {
91
- content: '""',
92
- },
93
- },
94
- end: {
95
- ':before': {
96
- content: '""',
97
- },
98
- },
99
- center: {
100
- ':before': {
101
- content: '""',
102
- },
103
- ':after': {
104
- content: '""',
105
- },
106
- },
107
- centerWithoutContent: {
108
- ':before': {
109
- content: '""',
110
- },
111
- },
112
- verticalStart: {
113
- ':before': {
114
- content: '""',
115
- maxHeight: '8px',
116
- marginBottom: 'var(--divider-borderMargin)',
117
- },
118
- ':after': {
119
- marginTop: 'var(--divider-borderMargin)',
120
- },
121
- },
122
- verticalEnd: {
123
- ':before': {
124
- marginBottom: 'var(--divider-borderMargin)',
125
- },
126
- ':after': {
127
- content: '""',
128
- maxHeight: '8px',
129
- marginTop: 'var(--divider-borderMargin)',
130
- },
131
- },
132
- verticalCenter: {
133
- ':before': {
134
- marginBottom: 'var(--divider-borderMargin)',
135
- },
136
- ':after': {
137
- marginTop: 'var(--divider-borderMargin)',
138
- },
139
- },
140
- horizontalStart: {
141
- ':before': {
142
- marginRight: 'var(--divider-borderMargin)',
143
- maxWidth: '8px',
144
- content: '""',
145
- },
146
- ':after': {
147
- marginLeft: 'var(--divider-borderMargin)',
148
- },
149
- },
150
- horizontalEnd: {
151
- ':before': {
152
- marginRight: 'var(--divider-borderMargin)',
153
- },
154
- ':after': {
155
- maxWidth: '8px',
156
- content: '""',
157
- marginLeft: 'var(--divider-borderMargin)',
158
- },
159
- },
160
- horizontalCenter: {
161
- ':before': {
162
- marginRight: 'var(--divider-borderMargin)',
163
- },
164
- ':after': {
165
- marginLeft: 'var(--divider-borderMargin)',
166
- },
167
- },
168
- important: {
169
- '--divider-fontWeight': "700",
170
- },
171
- verticalColored: {
172
- ':before': {
173
- borderRightColor: 'var(--divider-color)',
174
- },
175
- ':after': {
176
- borderRightColor: 'var(--divider-color)',
177
- },
178
- },
179
- horizontalColored: {
180
- ':before': {
181
- borderTopColor: 'var(--divider-color)',
182
- },
183
- ':after': {
184
- borderTopColor: 'var(--divider-color)',
185
- },
186
- },
187
- verticalChildless: {
188
- ':before': {
189
- marginBottom: 0,
190
- },
191
- },
192
- inset: {
193
- paddingLeft: '12px',
194
- paddingRight: '12px',
195
- },
196
- verticalInset: {
197
- marginTop: '12px',
198
- marginBottom: '12px',
199
- },
1
+ import { mergeClasses, __styles } from '@fluentui/react-make-styles';
2
+ export const dividerClassName = 'fui-Divider';
3
+ const contentSpacing = '12px';
4
+ const insetSpacing = '12px';
5
+ const startEndMaxHeight = '8px';
6
+
7
+ const useBaseStyles = /*#__PURE__*/__styles({
8
+ "base": {
9
+ "Bt984gj": "f122n59",
10
+ "B7ck84d": "f1ewtqcl",
11
+ "mc9l5x": "f22iagw",
12
+ "Beiy3e4": "f1063pyq",
13
+ "Bh6795r": "fqerorx",
14
+ "qhf8xq": "f10pi13n",
15
+ "Bahqtrf": "fk6fouc",
16
+ "Be2twd7": "fy9rknc",
17
+ "Bhrd7zp": "figsok6",
18
+ "Bg96gwp": "fwrc4pm",
19
+ "sj55zd": "fkfq4zb",
20
+ "Bmqnesq": "f170vdtw",
21
+ "pmf9yy": "fkmkm9e",
22
+ "B438e65": "fbxxcv3",
23
+ "ijj6k": "f1vdjgj",
24
+ "I89eb": ["fz0g6r7", "f1h60vep"],
25
+ "Bp1vogq": "fn9f2qq",
26
+ "Bohd3ja": ["f1h60vep", "fz0g6r7"],
27
+ "oqd9ik": "ffdc0f3",
28
+ "Fdvyjd": "fsnc50s",
29
+ "keybh5": "fjrry2l",
30
+ "F7kzw7": "fii7hsz",
31
+ "B13j16c": ["fp9yzmz", "f1n0fcl2"],
32
+ "Bk8j60v": "f13jg1wd",
33
+ "Bpbi4o9": ["f1n0fcl2", "fp9yzmz"]
34
+ },
35
+ "childless": {
36
+ "z1nrnc": "fc3uzr1",
37
+ "vrnxjr": ["fhlqc5k", "flnsm0g"],
38
+ "Bsz71t5": ["f1957mjw", "fxrad5j"],
39
+ "Brd3o3m": "f1hmx8el"
40
+ },
41
+ "start": {
42
+ "Bs6t6z0": "fqc6z8f"
43
+ },
44
+ "center": {
45
+ "rurcny": "fuzzvh5",
46
+ "Bs6t6z0": "fqc6z8f"
47
+ },
48
+ "end": {
49
+ "rurcny": "fuzzvh5"
50
+ },
51
+ "brand": {
52
+ "sj55zd": "f16muhyy",
53
+ "ijj6k": "fob59v2",
54
+ "I89eb": ["f2pevzt", "fuyeql9"],
55
+ "Bp1vogq": "f14lh9hz",
56
+ "Bohd3ja": ["fuyeql9", "f2pevzt"],
57
+ "F7kzw7": "fd73d1p",
58
+ "B13j16c": ["f11ucet6", "f1yegzx5"],
59
+ "Bk8j60v": "f1tupb0d",
60
+ "Bpbi4o9": ["f1yegzx5", "f11ucet6"]
61
+ },
62
+ "subtle": {
63
+ "ijj6k": "f8mhi1x",
64
+ "I89eb": ["f18m2ouc", "fddukvx"],
65
+ "Bp1vogq": "f9zmk3m",
66
+ "Bohd3ja": ["fddukvx", "f18m2ouc"],
67
+ "F7kzw7": "fxli1ey",
68
+ "B13j16c": ["f1qvt1bb", "f5ob950"],
69
+ "Bk8j60v": "f1nn0kgk",
70
+ "Bpbi4o9": ["f5ob950", "f1qvt1bb"]
71
+ },
72
+ "strong": {
73
+ "ijj6k": "fkxqtrn",
74
+ "I89eb": ["f1yx8xct", "f2jll41"],
75
+ "Bp1vogq": "f1k9rjtw",
76
+ "Bohd3ja": ["f2jll41", "f1yx8xct"],
77
+ "F7kzw7": "f1i58boq",
78
+ "B13j16c": ["f4wmtn9", "f10n3jjp"],
79
+ "Bk8j60v": "ft17it6",
80
+ "Bpbi4o9": ["f10n3jjp", "f4wmtn9"]
81
+ }
82
+ }, {
83
+ "d": [".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f10pi13n{position:relative;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f170vdtw:before{box-sizing:border-box;}", ".fkmkm9e:before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fbxxcv3:before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1vdjgj:before{border-top-color:var(--colorNeutralStroke2);}", ".fz0g6r7:before{border-right-color:var(--colorNeutralStroke2);}", ".f1h60vep:before{border-left-color:var(--colorNeutralStroke2);}", ".fn9f2qq:before{border-bottom-color:var(--colorNeutralStroke2);}", ".ffdc0f3:after{box-sizing:border-box;}", ".fsnc50s:after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fjrry2l:after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fii7hsz:after{border-top-color:var(--colorNeutralStroke2);}", ".fp9yzmz:after{border-right-color:var(--colorNeutralStroke2);}", ".f1n0fcl2:after{border-left-color:var(--colorNeutralStroke2);}", ".f13jg1wd:after{border-bottom-color:var(--colorNeutralStroke2);}", ".fc3uzr1:before{margin-bottom:0;}", ".fhlqc5k:before{margin-right:0;}", ".flnsm0g:before{margin-left:0;}", ".f1957mjw:after{margin-left:0;}", ".fxrad5j:after{margin-right:0;}", ".f1hmx8el:after{margin-top:0;}", ".fqc6z8f:after{content:\"\";}", ".fuzzvh5:before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fob59v2:before{border-top-color:var(--colorBrandStroke1);}", ".f2pevzt:before{border-right-color:var(--colorBrandStroke1);}", ".fuyeql9:before{border-left-color:var(--colorBrandStroke1);}", ".f14lh9hz:before{border-bottom-color:var(--colorBrandStroke1);}", ".fd73d1p:after{border-top-color:var(--colorBrandStroke1);}", ".f11ucet6:after{border-right-color:var(--colorBrandStroke1);}", ".f1yegzx5:after{border-left-color:var(--colorBrandStroke1);}", ".f1tupb0d:after{border-bottom-color:var(--colorBrandStroke1);}", ".f8mhi1x:before{border-top-color:var(--colorNeutralStroke3);}", ".f18m2ouc:before{border-right-color:var(--colorNeutralStroke3);}", ".fddukvx:before{border-left-color:var(--colorNeutralStroke3);}", ".f9zmk3m:before{border-bottom-color:var(--colorNeutralStroke3);}", ".fxli1ey:after{border-top-color:var(--colorNeutralStroke3);}", ".f1qvt1bb:after{border-right-color:var(--colorNeutralStroke3);}", ".f5ob950:after{border-left-color:var(--colorNeutralStroke3);}", ".f1nn0kgk:after{border-bottom-color:var(--colorNeutralStroke3);}", ".fkxqtrn:before{border-top-color:var(--colorNeutralStroke1);}", ".f1yx8xct:before{border-right-color:var(--colorNeutralStroke1);}", ".f2jll41:before{border-left-color:var(--colorNeutralStroke1);}", ".f1k9rjtw:before{border-bottom-color:var(--colorNeutralStroke1);}", ".f1i58boq:after{border-top-color:var(--colorNeutralStroke1);}", ".f4wmtn9:after{border-right-color:var(--colorNeutralStroke1);}", ".f10n3jjp:after{border-left-color:var(--colorNeutralStroke1);}", ".ft17it6:after{border-bottom-color:var(--colorNeutralStroke1);}"]
200
84
  });
201
- /** Applies style classnames to slots */
202
- export var useDividerStyles = function (s) {
203
- var styles = useStylesOverride();
204
- s.className = ax(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);
205
- return s;
85
+
86
+ const useHorizontalStyles = /*#__PURE__*/__styles({
87
+ "base": {
88
+ "a9b677": "fly5x3f",
89
+ "Bdixowu": "f1bwkb58",
90
+ "dj0dih": "fn88edj",
91
+ "rskduk": "f1iq3fds",
92
+ "Bouo9z4": "f1oiuz89"
93
+ },
94
+ "inset": {
95
+ "uwmqm3": ["fjlbh76", "f11qrl6u"],
96
+ "z189sj": ["f11qrl6u", "fjlbh76"]
97
+ },
98
+ "start": {
99
+ "rurcny": "fuzzvh5",
100
+ "vrnxjr": ["fncq426", "f12b5w6c"],
101
+ "B24asle": "f19fn84r",
102
+ "Bsz71t5": ["f1io6r2y", "fn6j208"]
103
+ },
104
+ "center": {
105
+ "vrnxjr": ["fncq426", "f12b5w6c"],
106
+ "Bsz71t5": ["f1io6r2y", "fn6j208"]
107
+ },
108
+ "end": {
109
+ "vrnxjr": ["fncq426", "f12b5w6c"],
110
+ "Bs6t6z0": "fqc6z8f",
111
+ "Bsz71t5": ["f1io6r2y", "fn6j208"],
112
+ "B79fe3b": "f3tzpys"
113
+ }
114
+ }, {
115
+ "d": [".fly5x3f{width:100%;}", ".f1bwkb58:before{border-top-style:solid;}", ".fn88edj:before{border-top-width:var(--strokeWidthThin);}", ".f1iq3fds:after{border-top-style:solid;}", ".f1oiuz89:after{border-top-width:var(--strokeWidthThin);}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".fuzzvh5:before{content:\"\";}", ".fncq426:before{margin-right:12px;}", ".f12b5w6c:before{margin-left:12px;}", ".f19fn84r:before{max-width:8px;}", ".f1io6r2y:after{margin-left:12px;}", ".fn6j208:after{margin-right:12px;}", ".fqc6z8f:after{content:\"\";}", ".f3tzpys:after{max-width:8px;}"]
116
+ });
117
+
118
+ const useVerticalStyles = /*#__PURE__*/__styles({
119
+ "base": {
120
+ "Beiy3e4": "f1vx9l62",
121
+ "sshi5w": "f16gbxbe",
122
+ "cqycoz": ["fiio4mc", "fc8z0qo"],
123
+ "D4ky5z": ["f54lnp5", "f5hao24"],
124
+ "Dctjco": ["f1r2jemi", "f11olovk"],
125
+ "Bjz4wo8": ["f1o2ol1z", "f20720x"]
126
+ },
127
+ "inset": {
128
+ "B6of3ja": "f1xdg43u",
129
+ "jrapky": "f1jlhsmd"
130
+ },
131
+ "withChildren": {
132
+ "sshi5w": "f1tjaq3g"
133
+ },
134
+ "start": {
135
+ "rurcny": "fuzzvh5",
136
+ "z1nrnc": "f1xy8239",
137
+ "B5kj21": "f1hheky8",
138
+ "Brd3o3m": "f1mz1b17"
139
+ },
140
+ "center": {
141
+ "z1nrnc": "f1xy8239",
142
+ "Brd3o3m": "f1mz1b17"
143
+ },
144
+ "end": {
145
+ "z1nrnc": "f1xy8239",
146
+ "Bs6t6z0": "fqc6z8f",
147
+ "Brd3o3m": "f1mz1b17",
148
+ "iiodbw": "fp342oa"
149
+ }
150
+ }, {
151
+ "d": [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f54lnp5:before{border-right-width:var(--strokeWidthThin);}", ".f5hao24:before{border-left-width:var(--strokeWidthThin);}", ".f1r2jemi:after{border-right-style:solid;}", ".f11olovk:after{border-left-style:solid;}", ".f1o2ol1z:after{border-right-width:var(--strokeWidthThin);}", ".f20720x:after{border-left-width:var(--strokeWidthThin);}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".fuzzvh5:before{content:\"\";}", ".f1xy8239:before{margin-bottom:12px;}", ".f1hheky8:before{max-height:8px;}", ".f1mz1b17:after{margin-top:12px;}", ".fqc6z8f:after{content:\"\";}", ".fp342oa:after{max-height:8px;}"]
152
+ });
153
+
154
+ export const useDividerStyles = state => {
155
+ const baseStyles = useBaseStyles();
156
+ const horizontalStyles = useHorizontalStyles();
157
+ const verticalStyles = useVerticalStyles();
158
+ const {
159
+ alignContent,
160
+ appearance,
161
+ inset,
162
+ vertical
163
+ } = state;
164
+ state.root.className = mergeClasses(dividerClassName, // Base styles
165
+ baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
166
+ !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
167
+ vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles
168
+ state.root.children === undefined && baseStyles.childless, // User provided class name
169
+ state.root.className);
170
+ return state;
206
171
  };
207
172
  //# sourceMappingURL=useDividerStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDividerStyles.js","sourceRoot":"../src/","sources":["components/Divider/useDividerStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { ax, 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.brand.brandBackgroundStatic,\n '--divider-color': tokens.alias.color.brand.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 = ax(\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
+ {"version":3,"sources":["../../../src/components/Divider/useDividerStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP,MAAM,cAAc,GAAG,MAAvB;AACA,MAAM,YAAY,GAAG,MAArB;AACA,MAAM,iBAAiB,GAAG,KAA1B;;AAEA,MAAM,aAAa,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAmGA,MAAM,mBAAmB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA5B;;AAsDA,MAAM,iBAAiB,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AA4DA,OAAO,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,UAAU,GAAG,aAAa,EAAhC;AACA,QAAM,gBAAgB,GAAG,mBAAmB,EAA5C;AACA,QAAM,cAAc,GAAG,iBAAiB,EAAxC;AAEA,QAAM;AAAE,IAAA,YAAF;AAAgB,IAAA,UAAhB;AAA4B,IAAA,KAA5B;AAAmC,IAAA;AAAnC,MAAgD,KAAtD;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,gBADiC,EAGjC;AACA,EAAA,UAAU,CAAC,IAJsB,EAKjC,UAAU,CAAC,YAAD,CALuB,EAMjC,UAAU,IAAI,UAAU,CAAC,UAAD,CANS,EAQjC;AACA,GAAC,QAAD,IAAa,gBAAgB,CAAC,IATG,EAUjC,CAAC,QAAD,IAAa,KAAb,IAAsB,gBAAgB,CAAC,KAVN,EAWjC,CAAC,QAAD,IAAa,gBAAgB,CAAC,YAAD,CAXI,EAajC;AACA,EAAA,QAAQ,IAAI,cAAc,CAAC,IAdM,EAejC,QAAQ,IAAI,KAAZ,IAAqB,cAAc,CAAC,KAfH,EAgBjC,QAAQ,IAAI,cAAc,CAAC,YAAD,CAhBO,EAiBjC,QAAQ,IAAI,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAApC,IAAiD,cAAc,CAAC,YAjB/B,EAmBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,KAAwB,SAAxB,IAAqC,UAAU,CAAC,SApBf,EAsBjC;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAvBsB,CAAnC;AA0BA,SAAO,KAAP;AACD,CAlCM","sourceRoot":""}
package/lib/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"}
@@ -5,7 +5,7 @@
5
5
  "toolPackages": [
6
6
  {
7
7
  "packageName": "@microsoft/api-extractor",
8
- "packageVersion": "7.7.1"
8
+ "packageVersion": "7.18.1"
9
9
  }
10
10
  ]
11
11
  }
@@ -1,5 +1,10 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
4
9
  tslib_1.__exportStar(require("./components/Divider/index"), exports);
5
10
  //# sourceMappingURL=Divider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"../src/","sources":["Divider.ts"],"names":[],"mappings":";;;AAAA,qEAA2C","sourcesContent":["export * from './components/Divider/index';\n"]}
1
+ {"version":3,"sources":["../src/Divider.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1,2 +1,4 @@
1
1
  import { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>): void;
2
+ export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
+ componentPath?: string;
4
+ }): void;
@@ -1,12 +1,22 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var react_conformance_1 = require("@fluentui/react-conformance");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.isConformant = void 0;
7
+
8
+ const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
+
10
+ const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
+
4
12
  function isConformant(testInfo) {
5
- var defaultOptions = {
6
- asPropHandlesRef: true,
7
- componentPath: module.parent.filename.replace('.test', ''),
8
- };
9
- react_conformance_1.isConformant(defaultOptions, testInfo);
13
+ const defaultOptions = {
14
+ asPropHandlesRef: true,
15
+ componentPath: module.parent.filename.replace('.test', ''),
16
+ extraTests: react_conformance_make_styles_1.default
17
+ };
18
+ react_conformance_1.isConformant(defaultOptions, testInfo);
10
19
  }
20
+
11
21
  exports.isConformant = isConformant;
12
22
  //# sourceMappingURL=isConformant.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;AAAA,iEAAoG;AAEpG,SAAgB,YAAY,CAAC,QAAoD;IAC/E,IAAM,cAAc,GAAG;QACrB,gBAAgB,EAAE,IAAI;QACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;IAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC;AAPD,oCAOC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>) {\n const defaultOptions = {\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"]}
1
+ {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
@@ -1,7 +1,6 @@
1
- import * as React from 'react';
2
- import { DividerProps } from './Divider.types';
1
+ import type { ForwardRefComponent } from '@fluentui/react-utilities';
2
+ import type { DividerProps } from './Divider.types';
3
3
  /**
4
- * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
5
- * {@docCategory Divider}
4
+ * A divider visually segments content into groups.
6
5
  */
7
- export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>;
6
+ export declare const Divider: ForwardRefComponent<DividerProps>;
@@ -1,17 +1,26 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var React = require("react");
4
- var renderDivider_1 = require("./renderDivider");
5
- var useDivider_1 = require("./useDivider");
6
- var useDividerStyles_1 = require("./useDividerStyles");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Divider = void 0;
7
+
8
+ const React = /*#__PURE__*/require("react");
9
+
10
+ const renderDivider_1 = /*#__PURE__*/require("./renderDivider");
11
+
12
+ const useDivider_1 = /*#__PURE__*/require("./useDivider");
13
+
14
+ const useDividerStyles_1 = /*#__PURE__*/require("./useDividerStyles");
7
15
  /**
8
- * Define a styled Divider, using the `useDivider` and `useDividerStyles` hooks.
9
- * {@docCategory Divider}
16
+ * A divider visually segments content into groups.
10
17
  */
11
- exports.Divider = React.forwardRef(function (props, ref) {
12
- var state = useDivider_1.useDivider(props, ref);
13
- useDividerStyles_1.useDividerStyles(state);
14
- return renderDivider_1.renderDivider(state);
18
+
19
+
20
+ exports.Divider = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useDivider_1.useDivider(props, ref);
22
+ useDividerStyles_1.useDividerStyles(state);
23
+ return renderDivider_1.renderDivider(state);
15
24
  });
16
25
  exports.Divider.displayName = 'Divider';
17
26
  //# sourceMappingURL=Divider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"../src/","sources":["components/Divider/Divider.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAE/B,iDAAgD;AAChD,2CAA0C;AAC1C,uDAAsD;AAEtD;;;GAGG;AACU,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CAA4B,UAAC,KAAK,EAAE,GAAG;IAC5E,IAAM,KAAK,GAAG,uBAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAErC,mCAAgB,CAAC,KAAK,CAAC,CAAC;IACxB,OAAO,6BAAa,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC,CAAC,CAAC;AAEH,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"]}
1
+ {"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,YAAA,CAAA,UAAA,CAAW,KAAX,EAAkB,GAAlB,CAAd;AAEA,EAAA,kBAAA,CAAA,gBAAA,CAAiB,KAAjB;AAEA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CANyD,CAA7C;AAQb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourceRoot":""}