@fluentui/react-divider 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/CHANGELOG.json +9 -9
  2. package/CHANGELOG.md +7 -7
  3. package/lib/Divider.js.map +1 -1
  4. package/lib/components/Divider/Divider.js.map +1 -1
  5. package/lib/components/Divider/Divider.types.js.map +1 -1
  6. package/lib/components/Divider/index.js.map +1 -1
  7. package/lib/components/Divider/renderDivider.js +5 -2
  8. package/lib/components/Divider/renderDivider.js.map +1 -1
  9. package/lib/components/Divider/useDivider.js +0 -1
  10. package/lib/components/Divider/useDivider.js.map +1 -1
  11. package/lib/components/Divider/useDividerStyles.js.map +1 -1
  12. package/lib/index.js.map +1 -1
  13. package/lib-commonjs/Divider.js +4 -5
  14. package/lib-commonjs/Divider.js.map +1 -1
  15. package/lib-commonjs/components/Divider/Divider.js +15 -16
  16. package/lib-commonjs/components/Divider/Divider.js.map +1 -1
  17. package/lib-commonjs/components/Divider/Divider.types.js +2 -3
  18. package/lib-commonjs/components/Divider/Divider.types.js.map +1 -1
  19. package/lib-commonjs/components/Divider/index.js +8 -9
  20. package/lib-commonjs/components/Divider/index.js.map +1 -1
  21. package/lib-commonjs/components/Divider/renderDivider.js +20 -15
  22. package/lib-commonjs/components/Divider/renderDivider.js.map +1 -1
  23. package/lib-commonjs/components/Divider/useDivider.js +46 -39
  24. package/lib-commonjs/components/Divider/useDivider.js.map +1 -1
  25. package/lib-commonjs/components/Divider/useDividerStyles.js +182 -369
  26. package/lib-commonjs/components/Divider/useDividerStyles.js.map +1 -1
  27. package/lib-commonjs/index.js +33 -16
  28. package/lib-commonjs/index.js.map +1 -1
  29. package/package.json +6 -6
  30. package/.swcrc +0 -33
package/lib-commonjs/components/Divider/useDividerStyles.js CHANGED
@@ -1,384 +1,197 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: all[name]
9
- });
10
- }
11
- _export(exports, {
12
- dividerClassNames: ()=>dividerClassNames,
13
- useDividerStyles_unstable: ()=>useDividerStyles_unstable
4
+ value: true
14
5
  });
15
- const _react = require("@griffel/react");
16
- const dividerClassNames = {
17
- root: 'fui-Divider',
18
- wrapper: 'fui-Divider__wrapper'
6
+ exports.useDividerStyles_unstable = exports.dividerClassNames = void 0;
7
+ const react_1 = /*#__PURE__*/require("@griffel/react");
8
+ const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
9
+ exports.dividerClassNames = {
10
+ root: 'fui-Divider',
11
+ wrapper: 'fui-Divider__wrapper'
19
12
  };
20
13
  const contentSpacing = '12px';
21
14
  const insetSpacing = '12px';
22
15
  const maxStartEndLength = '8px';
23
16
  const minStartEndLength = '8px;';
24
- const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
25
- base: {
26
- Bt984gj: "f122n59",
27
- B7ck84d: "f1ewtqcl",
28
- mc9l5x: "f22iagw",
29
- Beiy3e4: "f1063pyq",
30
- Bh6795r: "fqerorx",
31
- qhf8xq: "f10pi13n",
32
- Bahqtrf: "fk6fouc",
33
- Be2twd7: "fy9rknc",
34
- Bhrd7zp: "figsok6",
35
- Bg96gwp: "fwrc4pm",
36
- fsow6f: "f17mccla",
37
- Bcvre1j: "fyl8oag",
38
- Br0sdwz: "f16vkdww",
39
- Bn78ew0: "fhsnbul",
40
- li1rpt: "f1gw3sf2",
41
- ap17g6: "f1ly5f7u",
42
- B771hl4: "f1s3tz6t"
43
- },
44
- childless: {
45
- susq4k: "f1kyqvp9",
46
- Bicfajf: [
47
- "fzynn9s",
48
- "f1z0ukd1"
49
- ],
50
- jwcpgy: [
51
- "fekrn8e",
52
- "ftdg338"
53
- ],
54
- B4rk6o: "fesgyo"
55
- },
56
- start: {
57
- Bsft5z2: "f13zj6fq"
58
- },
59
- center: {
60
- Ftih45: "f1wl9k8s",
61
- Bsft5z2: "f13zj6fq"
62
- },
63
- end: {
64
- Ftih45: "f1wl9k8s"
65
- },
66
- brand: {
67
- sj55zd: "f16muhyy",
68
- Bq4z7u6: "fcbuu2a",
69
- Bk5zm6e: [
70
- "f1wdw2dr",
71
- "f1ttio3w"
72
- ],
73
- Bqjgrrk: "f1582fpk",
74
- Bm6vgfq: [
75
- "f1ttio3w",
76
- "f1wdw2dr"
77
- ],
78
- B0n5ga8: "f1ahrvm8",
79
- s924m2: [
80
- "f1cd3wbc",
81
- "f17hbk9y"
82
- ],
83
- B1q35kw: "fvrapl0",
84
- Gp14am: [
85
- "f17hbk9y",
86
- "f1cd3wbc"
87
- ]
88
- },
89
- "default": {
90
- sj55zd: "fkfq4zb",
91
- Bq4z7u6: "f1vccso1",
92
- Bk5zm6e: [
93
- "f1geml7w",
94
- "fjml6kk"
95
- ],
96
- Bqjgrrk: "f1r7kh1m",
97
- Bm6vgfq: [
98
- "fjml6kk",
99
- "f1geml7w"
100
- ],
101
- B0n5ga8: "f16j7guv",
102
- s924m2: [
103
- "fx01ahm",
104
- "fj1a37q"
105
- ],
106
- B1q35kw: "fl8d8yv",
107
- Gp14am: [
108
- "fj1a37q",
109
- "fx01ahm"
110
- ]
111
- },
112
- subtle: {
113
- sj55zd: "fkfq4zb",
114
- Bq4z7u6: "f5g06un",
115
- Bk5zm6e: [
116
- "f13sxdku",
117
- "f1n015lb"
118
- ],
119
- Bqjgrrk: "f1x6bl8t",
120
- Bm6vgfq: [
121
- "f1n015lb",
122
- "f13sxdku"
123
- ],
124
- B0n5ga8: "fvod1wy",
125
- s924m2: [
126
- "fwslg65",
127
- "flk0e17"
128
- ],
129
- B1q35kw: "f103fvts",
130
- Gp14am: [
131
- "flk0e17",
132
- "fwslg65"
133
- ]
134
- },
135
- strong: {
136
- sj55zd: "fkfq4zb",
137
- Bq4z7u6: "f10tv6oz",
138
- Bk5zm6e: [
139
- "f16xp3sf",
140
- "f1seuxxq"
141
- ],
142
- Bqjgrrk: "fwrmqbx",
143
- Bm6vgfq: [
144
- "f1seuxxq",
145
- "f16xp3sf"
146
- ],
147
- B0n5ga8: "ft83z1f",
148
- s924m2: [
149
- "f1g4150c",
150
- "f192dr6e"
151
- ],
152
- B1q35kw: "f1qnawh6",
153
- Gp14am: [
154
- "f192dr6e",
155
- "f1g4150c"
156
- ]
157
- }
17
+ const useBaseStyles = /*#__PURE__*/react_1.__styles({
18
+ base: {
19
+ Bt984gj: "f122n59",
20
+ B7ck84d: "f1ewtqcl",
21
+ mc9l5x: "f22iagw",
22
+ Beiy3e4: "f1063pyq",
23
+ Bh6795r: "fqerorx",
24
+ qhf8xq: "f10pi13n",
25
+ Bahqtrf: "fk6fouc",
26
+ Be2twd7: "fy9rknc",
27
+ Bhrd7zp: "figsok6",
28
+ Bg96gwp: "fwrc4pm",
29
+ fsow6f: "f17mccla",
30
+ Bcvre1j: "fyl8oag",
31
+ Br0sdwz: "f16vkdww",
32
+ Bn78ew0: "fhsnbul",
33
+ li1rpt: "f1gw3sf2",
34
+ ap17g6: "f1ly5f7u",
35
+ B771hl4: "f1s3tz6t"
36
+ },
37
+ childless: {
38
+ susq4k: "f1kyqvp9",
39
+ Bicfajf: ["fzynn9s", "f1z0ukd1"],
40
+ jwcpgy: ["fekrn8e", "ftdg338"],
41
+ B4rk6o: "fesgyo"
42
+ },
43
+ start: {
44
+ Bsft5z2: "f13zj6fq"
45
+ },
46
+ center: {
47
+ Ftih45: "f1wl9k8s",
48
+ Bsft5z2: "f13zj6fq"
49
+ },
50
+ end: {
51
+ Ftih45: "f1wl9k8s"
52
+ },
53
+ brand: {
54
+ sj55zd: "f16muhyy",
55
+ Bq4z7u6: "fcbuu2a",
56
+ Bk5zm6e: ["f1wdw2dr", "f1ttio3w"],
57
+ Bqjgrrk: "f1582fpk",
58
+ Bm6vgfq: ["f1ttio3w", "f1wdw2dr"],
59
+ B0n5ga8: "f1ahrvm8",
60
+ s924m2: ["f1cd3wbc", "f17hbk9y"],
61
+ B1q35kw: "fvrapl0",
62
+ Gp14am: ["f17hbk9y", "f1cd3wbc"]
63
+ },
64
+ "default": {
65
+ sj55zd: "fkfq4zb",
66
+ Bq4z7u6: "f1vccso1",
67
+ Bk5zm6e: ["f1geml7w", "fjml6kk"],
68
+ Bqjgrrk: "f1r7kh1m",
69
+ Bm6vgfq: ["fjml6kk", "f1geml7w"],
70
+ B0n5ga8: "f16j7guv",
71
+ s924m2: ["fx01ahm", "fj1a37q"],
72
+ B1q35kw: "fl8d8yv",
73
+ Gp14am: ["fj1a37q", "fx01ahm"]
74
+ },
75
+ subtle: {
76
+ sj55zd: "fkfq4zb",
77
+ Bq4z7u6: "f5g06un",
78
+ Bk5zm6e: ["f13sxdku", "f1n015lb"],
79
+ Bqjgrrk: "f1x6bl8t",
80
+ Bm6vgfq: ["f1n015lb", "f13sxdku"],
81
+ B0n5ga8: "fvod1wy",
82
+ s924m2: ["fwslg65", "flk0e17"],
83
+ B1q35kw: "f103fvts",
84
+ Gp14am: ["flk0e17", "fwslg65"]
85
+ },
86
+ strong: {
87
+ sj55zd: "fkfq4zb",
88
+ Bq4z7u6: "f10tv6oz",
89
+ Bk5zm6e: ["f16xp3sf", "f1seuxxq"],
90
+ Bqjgrrk: "fwrmqbx",
91
+ Bm6vgfq: ["f1seuxxq", "f16xp3sf"],
92
+ B0n5ga8: "ft83z1f",
93
+ s924m2: ["f1g4150c", "f192dr6e"],
94
+ B1q35kw: "f1qnawh6",
95
+ Gp14am: ["f192dr6e", "f1g4150c"]
96
+ }
158
97
  }, {
159
- d: [
160
- ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
161
- ".f1ewtqcl{box-sizing:border-box;}",
162
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
163
- ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}",
164
- ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
165
- ".f10pi13n{position:relative;}",
166
- ".fk6fouc{font-family:var(--fontFamilyBase);}",
167
- ".fy9rknc{font-size:var(--fontSizeBase200);}",
168
- ".figsok6{font-weight:var(--fontWeightRegular);}",
169
- ".fwrc4pm{line-height:var(--lineHeightBase200);}",
170
- ".f17mccla{text-align:center;}",
171
- ".fyl8oag::before{box-sizing:border-box;}",
172
- ".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
173
- ".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
174
- ".f1gw3sf2::after{box-sizing:border-box;}",
175
- ".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
176
- ".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
177
- ".f1kyqvp9::before{margin-bottom:0;}",
178
- ".fzynn9s::before{margin-right:0;}",
179
- ".f1z0ukd1::before{margin-left:0;}",
180
- ".fekrn8e::after{margin-left:0;}",
181
- ".ftdg338::after{margin-right:0;}",
182
- ".fesgyo::after{margin-top:0;}",
183
- ".f13zj6fq::after{content:\"\";}",
184
- ".f1wl9k8s::before{content:\"\";}",
185
- ".f16muhyy{color:var(--colorBrandForeground1);}",
186
- ".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}",
187
- ".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}",
188
- ".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}",
189
- ".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}",
190
- ".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}",
191
- ".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}",
192
- ".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}",
193
- ".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}",
194
- ".fkfq4zb{color:var(--colorNeutralForeground2);}",
195
- ".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}",
196
- ".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}",
197
- ".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}",
198
- ".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}",
199
- ".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}",
200
- ".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}",
201
- ".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}",
202
- ".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}",
203
- ".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}",
204
- ".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}",
205
- ".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}",
206
- ".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}",
207
- ".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}",
208
- ".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}",
209
- ".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}",
210
- ".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}",
211
- ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}",
212
- ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}",
213
- ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}",
214
- ".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}",
215
- ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}",
216
- ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}",
217
- ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}",
218
- ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"
219
- ]
98
+ 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);}", ".f17mccla{text-align:center;}", ".fyl8oag::before{box-sizing:border-box;}", ".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1kyqvp9::before{margin-bottom:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".fekrn8e::after{margin-left:0;}", ".ftdg338::after{margin-right:0;}", ".fesgyo::after{margin-top:0;}", ".f13zj6fq::after{content:\"\";}", ".f1wl9k8s::before{content:\"\";}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}", ".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}", ".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}", ".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}", ".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}", ".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}", ".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}", ".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}", ".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}", ".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}", ".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}", ".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}", ".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}", ".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}", ".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}", ".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}", ".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}", ".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}", ".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}", ".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}", ".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}", ".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}", ".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}", ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}", ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}", ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}", ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"]
220
99
  });
221
- const useHorizontalStyles = /*#__PURE__*/ (0, _react["__styles"])({
222
- base: {
223
- a9b677: "fly5x3f",
224
- Bdkvgpv: "f163fonl",
225
- B0qfbqy: "f51yk4v",
226
- pbipgd: "f13rof3u",
227
- Bm2nyyq: "f8rth92",
228
- xrcqlc: "f6czdpx",
229
- i5u598: "f1iyka9k"
230
- },
231
- inset: {
232
- uwmqm3: [
233
- "fjlbh76",
234
- "f11qrl6u"
235
- ],
236
- z189sj: [
237
- "f11qrl6u",
238
- "fjlbh76"
239
- ]
240
- },
241
- start: {
242
- Ftih45: "f1wl9k8s",
243
- Bicfajf: [
244
- "f1ojjlep",
245
- "fk1kexq"
246
- ],
247
- Bxwl2t9: "f1he2m4d",
248
- jwcpgy: [
249
- "f12w1bnb",
250
- "f1558wlj"
251
- ]
252
- },
253
- center: {
254
- Bicfajf: [
255
- "f1ojjlep",
256
- "fk1kexq"
257
- ],
258
- jwcpgy: [
259
- "f12w1bnb",
260
- "f1558wlj"
261
- ]
262
- },
263
- end: {
264
- Bicfajf: [
265
- "f1ojjlep",
266
- "fk1kexq"
267
- ],
268
- Bsft5z2: "f13zj6fq",
269
- jwcpgy: [
270
- "f12w1bnb",
271
- "f1558wlj"
272
- ],
273
- Iy66sp: "f1ayce8x"
274
- }
100
+ const useHorizontalStyles = /*#__PURE__*/react_1.__styles({
101
+ base: {
102
+ a9b677: "fly5x3f",
103
+ Bdkvgpv: "f163fonl",
104
+ B0qfbqy: "f51yk4v",
105
+ pbipgd: "f13rof3u",
106
+ Bm2nyyq: "f8rth92",
107
+ xrcqlc: "f6czdpx",
108
+ i5u598: "f1iyka9k"
109
+ },
110
+ inset: {
111
+ uwmqm3: ["fjlbh76", "f11qrl6u"],
112
+ z189sj: ["f11qrl6u", "fjlbh76"]
113
+ },
114
+ start: {
115
+ Ftih45: "f1wl9k8s",
116
+ Bicfajf: ["f1ojjlep", "fk1kexq"],
117
+ Bxwl2t9: "f1he2m4d",
118
+ jwcpgy: ["f12w1bnb", "f1558wlj"]
119
+ },
120
+ center: {
121
+ Bicfajf: ["f1ojjlep", "fk1kexq"],
122
+ jwcpgy: ["f12w1bnb", "f1558wlj"]
123
+ },
124
+ end: {
125
+ Bicfajf: ["f1ojjlep", "fk1kexq"],
126
+ Bsft5z2: "f13zj6fq",
127
+ jwcpgy: ["f12w1bnb", "f1558wlj"],
128
+ Iy66sp: "f1ayce8x"
129
+ }
275
130
  }, {
276
- d: [
277
- ".fly5x3f{width:100%;}",
278
- ".f163fonl::before{border-top-style:solid;}",
279
- ".f51yk4v::before{border-top-width:var(--strokeWidthThin);}",
280
- ".f13rof3u::before{min-width:8px;}",
281
- ".f8rth92::after{border-top-style:solid;}",
282
- ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}",
283
- ".f1iyka9k::after{min-width:8px;}",
284
- ".fjlbh76{padding-left:12px;}",
285
- ".f11qrl6u{padding-right:12px;}",
286
- ".f1wl9k8s::before{content:\"\";}",
287
- ".f1ojjlep::before{margin-right:12px;}",
288
- ".fk1kexq::before{margin-left:12px;}",
289
- ".f1he2m4d::before{max-width:8px;}",
290
- ".f12w1bnb::after{margin-left:12px;}",
291
- ".f1558wlj::after{margin-right:12px;}",
292
- ".f13zj6fq::after{content:\"\";}",
293
- ".f1ayce8x::after{max-width:8px;}"
294
- ]
131
+ d: [".fly5x3f{width:100%;}", ".f163fonl::before{border-top-style:solid;}", ".f51yk4v::before{border-top-width:var(--strokeWidthThin);}", ".f13rof3u::before{min-width:8px;}", ".f8rth92::after{border-top-style:solid;}", ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}", ".f1iyka9k::after{min-width:8px;}", ".fjlbh76{padding-left:12px;}", ".f11qrl6u{padding-right:12px;}", ".f1wl9k8s::before{content:\"\";}", ".f1ojjlep::before{margin-right:12px;}", ".fk1kexq::before{margin-left:12px;}", ".f1he2m4d::before{max-width:8px;}", ".f12w1bnb::after{margin-left:12px;}", ".f1558wlj::after{margin-right:12px;}", ".f13zj6fq::after{content:\"\";}", ".f1ayce8x::after{max-width:8px;}"]
295
132
  });
296
- const useVerticalStyles = /*#__PURE__*/ (0, _react["__styles"])({
297
- base: {
298
- Beiy3e4: "f1vx9l62",
299
- sshi5w: "f16gbxbe",
300
- m598lv: [
301
- "f1yq6w5o",
302
- "f1jpmc5p"
303
- ],
304
- B4f6apu: [
305
- "f9sc749",
306
- "f1x8pvcy"
307
- ],
308
- zkzzav: "fhkwbjy",
309
- Barhvk9: [
310
- "flthirb",
311
- "ftkbnf5"
312
- ],
313
- Ihftqj: [
314
- "f13hvwk3",
315
- "f1en4csx"
316
- ],
317
- Bde111x: "f19onpk6"
318
- },
319
- inset: {
320
- B6of3ja: "f1xdg43u",
321
- jrapky: "f1jlhsmd"
322
- },
323
- withChildren: {
324
- sshi5w: "f1tjaq3g"
325
- },
326
- start: {
327
- Ftih45: "f1wl9k8s",
328
- susq4k: "fg2pwug",
329
- Bbdr6tz: "fkjtzyi",
330
- B4rk6o: "f8vk40g"
331
- },
332
- center: {
333
- susq4k: "fg2pwug",
334
- B4rk6o: "f8vk40g"
335
- },
336
- end: {
337
- susq4k: "fg2pwug",
338
- Bsft5z2: "f13zj6fq",
339
- B4rk6o: "f8vk40g",
340
- gn64ia: "fqg5mu5"
341
- }
133
+ const useVerticalStyles = /*#__PURE__*/react_1.__styles({
134
+ base: {
135
+ Beiy3e4: "f1vx9l62",
136
+ sshi5w: "f16gbxbe",
137
+ m598lv: ["f1yq6w5o", "f1jpmc5p"],
138
+ B4f6apu: ["f9sc749", "f1x8pvcy"],
139
+ zkzzav: "fhkwbjy",
140
+ Barhvk9: ["flthirb", "ftkbnf5"],
141
+ Ihftqj: ["f13hvwk3", "f1en4csx"],
142
+ Bde111x: "f19onpk6"
143
+ },
144
+ inset: {
145
+ B6of3ja: "f1xdg43u",
146
+ jrapky: "f1jlhsmd"
147
+ },
148
+ withChildren: {
149
+ sshi5w: "f1tjaq3g"
150
+ },
151
+ start: {
152
+ Ftih45: "f1wl9k8s",
153
+ susq4k: "fg2pwug",
154
+ Bbdr6tz: "fkjtzyi",
155
+ B4rk6o: "f8vk40g"
156
+ },
157
+ center: {
158
+ susq4k: "fg2pwug",
159
+ B4rk6o: "f8vk40g"
160
+ },
161
+ end: {
162
+ susq4k: "fg2pwug",
163
+ Bsft5z2: "f13zj6fq",
164
+ B4rk6o: "f8vk40g",
165
+ gn64ia: "fqg5mu5"
166
+ }
342
167
  }, {
343
- d: [
344
- ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
345
- ".f16gbxbe{min-height:20px;}",
346
- ".f1yq6w5o::before{border-right-style:solid;}",
347
- ".f1jpmc5p::before{border-left-style:solid;}",
348
- ".f9sc749::before{border-right-width:var(--strokeWidthThin);}",
349
- ".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}",
350
- ".fhkwbjy::before{min-height:8px;}",
351
- ".flthirb::after{border-right-style:solid;}",
352
- ".ftkbnf5::after{border-left-style:solid;}",
353
- ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}",
354
- ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}",
355
- ".f19onpk6::after{min-height:8px;}",
356
- ".f1xdg43u{margin-top:12px;}",
357
- ".f1jlhsmd{margin-bottom:12px;}",
358
- ".f1tjaq3g{min-height:84px;}",
359
- ".f1wl9k8s::before{content:\"\";}",
360
- ".fg2pwug::before{margin-bottom:12px;}",
361
- ".fkjtzyi::before{max-height:8px;}",
362
- ".f8vk40g::after{margin-top:12px;}",
363
- ".f13zj6fq::after{content:\"\";}",
364
- ".fqg5mu5::after{max-height:8px;}"
365
- ]
168
+ d: [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f16gbxbe{min-height:20px;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f9sc749::before{border-right-width:var(--strokeWidthThin);}", ".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}", ".fhkwbjy::before{min-height:8px;}", ".flthirb::after{border-right-style:solid;}", ".ftkbnf5::after{border-left-style:solid;}", ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}", ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}", ".f19onpk6::after{min-height:8px;}", ".f1xdg43u{margin-top:12px;}", ".f1jlhsmd{margin-bottom:12px;}", ".f1tjaq3g{min-height:84px;}", ".f1wl9k8s::before{content:\"\";}", ".fg2pwug::before{margin-bottom:12px;}", ".fkjtzyi::before{max-height:8px;}", ".f8vk40g::after{margin-top:12px;}", ".f13zj6fq::after{content:\"\";}", ".fqg5mu5::after{max-height:8px;}"]
366
169
  });
367
- const useDividerStyles_unstable = (state)=>{
368
- const baseStyles = useBaseStyles();
369
- const horizontalStyles = useHorizontalStyles();
370
- const verticalStyles = useVerticalStyles();
371
- const { alignContent , appearance , inset , vertical } = state;
372
- state.root.className = (0, _react.mergeClasses)(dividerClassNames.root, // Base styles
373
- baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
374
- !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
375
- vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles
376
- state.root.children === undefined && baseStyles.childless, // User provided class name
377
- state.root.className);
378
- if (state.wrapper) {
379
- state.wrapper.className = (0, _react.mergeClasses)(dividerClassNames.wrapper, state.wrapper.className);
380
- }
381
- return state;
382
- }; //# sourceMappingURL=useDividerStyles.js.map
383
-
170
+ const useDividerStyles_unstable = state => {
171
+ const baseStyles = useBaseStyles();
172
+ const horizontalStyles = useHorizontalStyles();
173
+ const verticalStyles = useVerticalStyles();
174
+ const {
175
+ alignContent,
176
+ appearance,
177
+ inset,
178
+ vertical
179
+ } = state;
180
+ state.root.className = react_1.mergeClasses(exports.dividerClassNames.root,
181
+ // Base styles
182
+ baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],
183
+ // Horizontal styles
184
+ !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],
185
+ // Vertical styles
186
+ vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,
187
+ // Childless styles
188
+ state.root.children === undefined && baseStyles.childless,
189
+ // User provided class name
190
+ state.root.className);
191
+ if (state.wrapper) {
192
+ state.wrapper.className = react_1.mergeClasses(exports.dividerClassNames.wrapper, state.wrapper.className);
193
+ }
194
+ return state;
195
+ };
196
+ exports.useDividerStyles_unstable = useDividerStyles_unstable;
384
197
  //# sourceMappingURL=useDividerStyles.js.map
package/lib-commonjs/components/Divider/useDividerStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Divider/useDividerStyles.js"],"sourcesContent":["import { mergeClasses, shorthands, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const dividerClassNames = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper'\n};\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\nconst useBaseStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n Bh6795r: \"fqerorx\",\n qhf8xq: \"f10pi13n\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n fsow6f: \"f17mccla\",\n Bcvre1j: \"fyl8oag\",\n Br0sdwz: \"f16vkdww\",\n Bn78ew0: \"fhsnbul\",\n li1rpt: \"f1gw3sf2\",\n ap17g6: \"f1ly5f7u\",\n B771hl4: \"f1s3tz6t\"\n },\n childless: {\n susq4k: \"f1kyqvp9\",\n Bicfajf: [\"fzynn9s\", \"f1z0ukd1\"],\n jwcpgy: [\"fekrn8e\", \"ftdg338\"],\n B4rk6o: \"fesgyo\"\n },\n start: {\n Bsft5z2: \"f13zj6fq\"\n },\n center: {\n Ftih45: \"f1wl9k8s\",\n Bsft5z2: \"f13zj6fq\"\n },\n end: {\n Ftih45: \"f1wl9k8s\"\n },\n brand: {\n sj55zd: \"f16muhyy\",\n Bq4z7u6: \"fcbuu2a\",\n Bk5zm6e: [\"f1wdw2dr\", \"f1ttio3w\"],\n Bqjgrrk: \"f1582fpk\",\n Bm6vgfq: [\"f1ttio3w\", \"f1wdw2dr\"],\n B0n5ga8: \"f1ahrvm8\",\n s924m2: [\"f1cd3wbc\", \"f17hbk9y\"],\n B1q35kw: \"fvrapl0\",\n Gp14am: [\"f17hbk9y\", \"f1cd3wbc\"]\n },\n \"default\": {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f1vccso1\",\n Bk5zm6e: [\"f1geml7w\", \"fjml6kk\"],\n Bqjgrrk: \"f1r7kh1m\",\n Bm6vgfq: [\"fjml6kk\", \"f1geml7w\"],\n B0n5ga8: \"f16j7guv\",\n s924m2: [\"fx01ahm\", \"fj1a37q\"],\n B1q35kw: \"fl8d8yv\",\n Gp14am: [\"fj1a37q\", \"fx01ahm\"]\n },\n subtle: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f5g06un\",\n Bk5zm6e: [\"f13sxdku\", \"f1n015lb\"],\n Bqjgrrk: \"f1x6bl8t\",\n Bm6vgfq: [\"f1n015lb\", \"f13sxdku\"],\n B0n5ga8: \"fvod1wy\",\n s924m2: [\"fwslg65\", \"flk0e17\"],\n B1q35kw: \"f103fvts\",\n Gp14am: [\"flk0e17\", \"fwslg65\"]\n },\n strong: {\n sj55zd: \"fkfq4zb\",\n Bq4z7u6: \"f10tv6oz\",\n Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n Bqjgrrk: \"fwrmqbx\",\n Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"],\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n }\n}, {\n 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);}\", \".f17mccla{text-align:center;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".f16vkdww::before{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fhsnbul::before{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f1ly5f7u::after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1s3tz6t::after{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1kyqvp9::before{margin-bottom:0;}\", \".fzynn9s::before{margin-right:0;}\", \".f1z0ukd1::before{margin-left:0;}\", \".fekrn8e::after{margin-left:0;}\", \".ftdg338::after{margin-right:0;}\", \".fesgyo::after{margin-top:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}\", \".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}\", \".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}\", \".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}\", \".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}\", \".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}\", \".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}\", \".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}\", \".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}\", \".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}\", \".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}\", \".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}\", \".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}\", \".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}\", \".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}\", \".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}\", \".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}\", \".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}\", \".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}\", \".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}\", \".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}\", \".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}\", \".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\"]\n});\nconst useHorizontalStyles = /*#__PURE__*/__styles({\n base: {\n a9b677: \"fly5x3f\",\n Bdkvgpv: \"f163fonl\",\n B0qfbqy: \"f51yk4v\",\n pbipgd: \"f13rof3u\",\n Bm2nyyq: \"f8rth92\",\n xrcqlc: \"f6czdpx\",\n i5u598: \"f1iyka9k\"\n },\n inset: {\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"],\n z189sj: [\"f11qrl6u\", \"fjlbh76\"]\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bxwl2t9: \"f1he2m4d\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n center: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"]\n },\n end: {\n Bicfajf: [\"f1ojjlep\", \"fk1kexq\"],\n Bsft5z2: \"f13zj6fq\",\n jwcpgy: [\"f12w1bnb\", \"f1558wlj\"],\n Iy66sp: \"f1ayce8x\"\n }\n}, {\n d: [\".fly5x3f{width:100%;}\", \".f163fonl::before{border-top-style:solid;}\", \".f51yk4v::before{border-top-width:var(--strokeWidthThin);}\", \".f13rof3u::before{min-width:8px;}\", \".f8rth92::after{border-top-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f1iyka9k::after{min-width:8px;}\", \".fjlbh76{padding-left:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1ojjlep::before{margin-right:12px;}\", \".fk1kexq::before{margin-left:12px;}\", \".f1he2m4d::before{max-width:8px;}\", \".f12w1bnb::after{margin-left:12px;}\", \".f1558wlj::after{margin-right:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1ayce8x::after{max-width:8px;}\"]\n});\nconst useVerticalStyles = /*#__PURE__*/__styles({\n base: {\n Beiy3e4: \"f1vx9l62\",\n sshi5w: \"f16gbxbe\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n B4f6apu: [\"f9sc749\", \"f1x8pvcy\"],\n zkzzav: \"fhkwbjy\",\n Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n Bde111x: \"f19onpk6\"\n },\n inset: {\n B6of3ja: \"f1xdg43u\",\n jrapky: \"f1jlhsmd\"\n },\n withChildren: {\n sshi5w: \"f1tjaq3g\"\n },\n start: {\n Ftih45: \"f1wl9k8s\",\n susq4k: \"fg2pwug\",\n Bbdr6tz: \"fkjtzyi\",\n B4rk6o: \"f8vk40g\"\n },\n center: {\n susq4k: \"fg2pwug\",\n B4rk6o: \"f8vk40g\"\n },\n end: {\n susq4k: \"fg2pwug\",\n Bsft5z2: \"f13zj6fq\",\n B4rk6o: \"f8vk40g\",\n gn64ia: \"fqg5mu5\"\n }\n}, {\n d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f16gbxbe{min-height:20px;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f9sc749::before{border-right-width:var(--strokeWidthThin);}\", \".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}\", \".fhkwbjy::before{min-height:8px;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f19onpk6::after{min-height:8px;}\", \".f1xdg43u{margin-top:12px;}\", \".f1jlhsmd{margin-bottom:12px;}\", \".f1tjaq3g{min-height:84px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fg2pwug::before{margin-bottom:12px;}\", \".fkjtzyi::before{max-height:8px;}\", \".f8vk40g::after{margin-top:12px;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fqg5mu5::after{max-height:8px;}\"]\n});\nexport const useDividerStyles_unstable = state => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n const {\n alignContent,\n appearance,\n inset,\n vertical\n } = state;\n state.root.className = mergeClasses(dividerClassNames.root,\n // Base styles\n baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance],\n // Horizontal styles\n !vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent],\n // Vertical styles\n vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren,\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n // User provided class name\n state.root.className);\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n return state;\n};\n//# sourceMappingURL=useDividerStyles.js.map"],"names":["dividerClassNames","useDividerStyles_unstable","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Beiy3e4","Bh6795r","qhf8xq","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","fsow6f","Bcvre1j","Br0sdwz","Bn78ew0","li1rpt","ap17g6","B771hl4","childless","susq4k","Bicfajf","jwcpgy","B4rk6o","start","Bsft5z2","center","Ftih45","end","brand","sj55zd","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","B0n5ga8","s924m2","B1q35kw","Gp14am","subtle","strong","d","useHorizontalStyles","a9b677","Bdkvgpv","B0qfbqy","pbipgd","Bm2nyyq","xrcqlc","i5u598","inset","uwmqm3","z189sj","Bxwl2t9","Iy66sp","useVerticalStyles","sshi5w","m598lv","B4f6apu","zkzzav","Barhvk9","Ihftqj","Bde111x","B6of3ja","jrapky","withChildren","Bbdr6tz","gn64ia","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","mergeClasses","children","undefined"],"mappings":"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"}
1
+ {"version":3,"mappings":"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","names":["exports","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","react_1","useHorizontalStyles","useVerticalStyles","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","inset","vertical","className","base","children","undefined","withChildren","childless"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-divider/src/components/Divider/useDividerStyles.ts"],"sourcesContent":["import { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n root: 'fui-Divider',\n wrapper: 'fui-Divider__wrapper',\n};\n\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n // Base styles\n base: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'row',\n flexGrow: 1,\n position: 'relative',\n\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n textAlign: 'center',\n\n '::before': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1,\n },\n\n '::after': {\n boxSizing: 'border-box',\n display: 'flex',\n flexGrow: 1,\n },\n },\n\n // Childless styles\n childless: {\n '::before': {\n marginBottom: 0,\n marginRight: 0,\n },\n\n '::after': {\n marginLeft: 0,\n marginTop: 0,\n },\n },\n\n // Alignment variations\n start: {\n '::after': {\n content: '\"\"',\n },\n },\n center: {\n '::before': {\n content: '\"\"',\n },\n '::after': {\n content: '\"\"',\n },\n },\n end: {\n '::before': {\n content: '\"\"',\n },\n },\n\n // Appearance variations\n brand: {\n color: tokens.colorBrandForeground1,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorBrandStroke1),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorBrandStroke1),\n },\n },\n default: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n },\n subtle: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke3),\n },\n },\n strong: {\n color: tokens.colorNeutralForeground2,\n\n '::before': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n },\n});\n\nconst useHorizontalStyles = makeStyles({\n // Base styles\n base: {\n width: '100%',\n\n '::before': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength,\n },\n\n '::after': {\n borderTopStyle: 'solid',\n borderTopWidth: tokens.strokeWidthThin,\n minWidth: minStartEndLength,\n },\n },\n\n // Inset styles\n inset: {\n paddingLeft: insetSpacing,\n paddingRight: insetSpacing,\n },\n\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginRight: contentSpacing,\n maxWidth: maxStartEndLength,\n },\n\n '::after': {\n marginLeft: contentSpacing,\n },\n },\n center: {\n '::before': {\n marginRight: contentSpacing,\n },\n '::after': {\n marginLeft: contentSpacing,\n },\n },\n end: {\n '::before': {\n marginRight: contentSpacing,\n },\n '::after': {\n content: '\"\"',\n marginLeft: contentSpacing,\n maxWidth: maxStartEndLength,\n },\n },\n});\n\nconst useVerticalStyles = makeStyles({\n // Base styles\n base: {\n flexDirection: 'column',\n minHeight: '20px',\n\n '::before': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength,\n },\n\n '::after': {\n borderRightStyle: 'solid',\n borderRightWidth: tokens.strokeWidthThin,\n minHeight: minStartEndLength,\n },\n },\n\n // Inset styles\n inset: {\n marginTop: insetSpacing,\n marginBottom: insetSpacing,\n },\n\n // With children styles\n withChildren: {\n minHeight: '84px',\n },\n\n // Alignment variations\n start: {\n '::before': {\n content: '\"\"',\n marginBottom: contentSpacing,\n maxHeight: maxStartEndLength,\n },\n\n '::after': {\n marginTop: contentSpacing,\n },\n },\n center: {\n '::before': {\n marginBottom: contentSpacing,\n },\n '::after': {\n marginTop: contentSpacing,\n },\n },\n end: {\n '::before': {\n marginBottom: contentSpacing,\n },\n '::after': {\n content: '\"\"',\n marginTop: contentSpacing,\n maxHeight: maxStartEndLength,\n },\n },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n const baseStyles = useBaseStyles();\n const horizontalStyles = useHorizontalStyles();\n const verticalStyles = useVerticalStyles();\n\n const { alignContent, appearance, inset, vertical } = state;\n\n state.root.className = mergeClasses(\n dividerClassNames.root,\n\n // Base styles\n baseStyles.base,\n baseStyles[alignContent],\n appearance && baseStyles[appearance],\n\n // Horizontal styles\n !vertical && horizontalStyles.base,\n !vertical && inset && horizontalStyles.inset,\n !vertical && horizontalStyles[alignContent],\n\n // Vertical styles\n vertical && verticalStyles.base,\n vertical && inset && verticalStyles.inset,\n vertical && verticalStyles[alignContent],\n vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n // Childless styles\n state.root.children === undefined && baseStyles.childless,\n\n // User provided class name\n state.root.className,\n );\n\n if (state.wrapper) {\n state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n }\n\n return state;\n};\n"]}