@fluentui/react-card 9.0.79 → 9.0.81
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.
- package/CHANGELOG.md +23 -1
- package/lib/components/Card/useCardStyles.styles.js +100 -62
- package/lib/components/Card/useCardStyles.styles.js.map +1 -1
- package/lib/components/CardFooter/useCardFooterStyles.styles.js +6 -3
- package/lib/components/CardFooter/useCardFooterStyles.styles.js.map +1 -1
- package/lib/components/CardPreview/useCardPreviewStyles.styles.js +4 -4
- package/lib/components/CardPreview/useCardPreviewStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Card/useCardStyles.styles.js +160 -220
- package/lib-commonjs/components/Card/useCardStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js +9 -4
- package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.js +6 -6
- package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.js.map +1 -1
- package/package.json +5 -5
@@ -39,36 +39,22 @@ const focusOutlineStyle = {
|
|
39
39
|
};
|
40
40
|
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
41
41
|
root: {
|
42
|
-
B68tc82:
|
43
|
-
Bmxbyg5:
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
"f4h3tyx"
|
59
|
-
],
|
60
|
-
z8tnut: "f1lplnzb",
|
61
|
-
z189sj: [
|
62
|
-
"f10m5gbb",
|
63
|
-
"f1k04kkk"
|
64
|
-
],
|
65
|
-
Byoj8tv: "fhftqfp",
|
66
|
-
uwmqm3: [
|
67
|
-
"f1k04kkk",
|
68
|
-
"f10m5gbb"
|
69
|
-
],
|
70
|
-
i8kkvl: "fxsr4vj",
|
71
|
-
Belr9w4: "fcvsdzp",
|
42
|
+
B68tc82: 0,
|
43
|
+
Bmxbyg5: 0,
|
44
|
+
Bpg54ce: "f1a3p1vp",
|
45
|
+
Beyfa6y: 0,
|
46
|
+
Bbmb7ep: 0,
|
47
|
+
Btl43ni: 0,
|
48
|
+
B7oj6ja: 0,
|
49
|
+
Dimara: "flpxrij",
|
50
|
+
Byoj8tv: 0,
|
51
|
+
uwmqm3: 0,
|
52
|
+
z189sj: 0,
|
53
|
+
z8tnut: 0,
|
54
|
+
B0ocmuz: "fi54ll6",
|
55
|
+
i8kkvl: 0,
|
56
|
+
Belr9w4: 0,
|
57
|
+
rmohyg: "fs0zar4",
|
72
58
|
mc9l5x: "f22iagw",
|
73
59
|
qhf8xq: "f10pi13n",
|
74
60
|
B7ck84d: "f1ewtqcl",
|
@@ -106,23 +92,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
106
92
|
"f1en4csx",
|
107
93
|
"f13hvwk3"
|
108
94
|
],
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
"f1qnomq5"
|
116
|
-
],
|
117
|
-
Bl18szs: [
|
118
|
-
"f1anhtl",
|
119
|
-
"f1n2zcl3"
|
120
|
-
],
|
121
|
-
B4j8arr: [
|
122
|
-
"f1n2zcl3",
|
123
|
-
"f1anhtl"
|
124
|
-
],
|
125
|
-
B2jhnfs: "f16v3d5c"
|
95
|
+
d9w3h3: 0,
|
96
|
+
B3778ie: 0,
|
97
|
+
B4j8arr: 0,
|
98
|
+
Bl18szs: 0,
|
99
|
+
Blrzh8d: "fw3u9gn",
|
100
|
+
Bwr1qzv: "fnk4z59"
|
126
101
|
},
|
127
102
|
focused: {
|
128
103
|
Brovlpu: "ftqa4ok",
|
@@ -151,52 +126,28 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
151
126
|
B7ys5i9: "f14e48fq",
|
152
127
|
Busjfv9: "f18yb2kv",
|
153
128
|
Bhk32uz: "fd6o370",
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
Blkhhs4:
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
clg4pj:
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
"fbd201q"
|
177
|
-
],
|
178
|
-
Dah5zi: [
|
179
|
-
"fbd201q",
|
180
|
-
"f11unbnk"
|
181
|
-
],
|
182
|
-
Bkh64rk: [
|
183
|
-
"f12nqxso",
|
184
|
-
"f1uguk4w"
|
185
|
-
],
|
186
|
-
qqdqy8: [
|
187
|
-
"f1uguk4w",
|
188
|
-
"f12nqxso"
|
189
|
-
],
|
190
|
-
B6dhp37: "f1dvezut",
|
191
|
-
i03rao: [
|
192
|
-
"fd0oaoj",
|
193
|
-
"f1cwg4i8"
|
194
|
-
],
|
195
|
-
Boxcth7: "fjvm52t",
|
196
|
-
Bsom6fd: [
|
197
|
-
"f1cwg4i8",
|
198
|
-
"fd0oaoj"
|
199
|
-
],
|
129
|
+
f6g5ot: 0,
|
130
|
+
Boxcth7: 0,
|
131
|
+
Bhdgwq3: 0,
|
132
|
+
hgwjuy: 0,
|
133
|
+
Bshpdp8: 0,
|
134
|
+
Bsom6fd: 0,
|
135
|
+
Blkhhs4: 0,
|
136
|
+
Bonggc9: 0,
|
137
|
+
Ddfuxk: 0,
|
138
|
+
i03rao: 0,
|
139
|
+
kclons: 0,
|
140
|
+
clg4pj: 0,
|
141
|
+
Bpqj9nj: 0,
|
142
|
+
B6dhp37: 0,
|
143
|
+
Bf4ptjt: 0,
|
144
|
+
Bqtpl0w: 0,
|
145
|
+
i4rwgc: "fpqizxz",
|
146
|
+
Dah5zi: 0,
|
147
|
+
B1tsrr9: 0,
|
148
|
+
qqdqy8: 0,
|
149
|
+
Bkh64rk: 0,
|
150
|
+
e3fwne: "fnd8nzh",
|
200
151
|
J0r882: "f15fr7a0",
|
201
152
|
Bule8hv: [
|
202
153
|
"fwsq40z",
|
@@ -235,52 +186,28 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
235
186
|
wigs8: "f1p0ul1q",
|
236
187
|
pbfy6t: "f1c901ms",
|
237
188
|
B0v4ure: "f1alokd7",
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
Bvwlmkc:
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
Bil7v7r:
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
"f1ia5cve"
|
261
|
-
],
|
262
|
-
az1dzo: [
|
263
|
-
"f1ia5cve",
|
264
|
-
"fxwickw"
|
265
|
-
],
|
266
|
-
vppk2z: [
|
267
|
-
"f194aguw",
|
268
|
-
"fqicc6c"
|
269
|
-
],
|
270
|
-
B6352mv: [
|
271
|
-
"fqicc6c",
|
272
|
-
"f194aguw"
|
273
|
-
],
|
274
|
-
nr063g: "fq4eyks",
|
275
|
-
Blmvk6g: [
|
276
|
-
"f1ya6x16",
|
277
|
-
"ftuszwa"
|
278
|
-
],
|
279
|
-
Bsiemmq: "f1e2iu44",
|
280
|
-
B98u21t: [
|
281
|
-
"ftuszwa",
|
282
|
-
"f1ya6x16"
|
283
|
-
],
|
189
|
+
Byrf0fs: 0,
|
190
|
+
Bsiemmq: 0,
|
191
|
+
Bwckmig: 0,
|
192
|
+
skfxo0: 0,
|
193
|
+
Iidy0u: 0,
|
194
|
+
B98u21t: 0,
|
195
|
+
Bvwlmkc: 0,
|
196
|
+
jo1ztg: 0,
|
197
|
+
Ba1iezr: 0,
|
198
|
+
Blmvk6g: 0,
|
199
|
+
B24cy0v: 0,
|
200
|
+
Bil7v7r: 0,
|
201
|
+
Br3gin4: 0,
|
202
|
+
nr063g: 0,
|
203
|
+
ghq09: 0,
|
204
|
+
Bbgo44z: 0,
|
205
|
+
Bseh09z: "f1i978nd",
|
206
|
+
az1dzo: 0,
|
207
|
+
Ba3ybja: 0,
|
208
|
+
B6352mv: 0,
|
209
|
+
vppk2z: 0,
|
210
|
+
Biaj6j7: "f1nh8hsq",
|
284
211
|
B2pnrqr: "f1amxum7",
|
285
212
|
B29w5g4: [
|
286
213
|
"f1cec8w7",
|
@@ -295,31 +222,31 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
295
222
|
orientationHorizontal: {
|
296
223
|
Beiy3e4: "f1063pyq",
|
297
224
|
Bt984gj: "f122n59",
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
"
|
302
|
-
"
|
225
|
+
Binpb3b: "ftrw7vg",
|
226
|
+
qrt8p2: "f18opajm",
|
227
|
+
k6ws3r: [
|
228
|
+
"f13002it",
|
229
|
+
"fqo182t"
|
303
230
|
],
|
304
|
-
|
305
|
-
"
|
306
|
-
"
|
231
|
+
Btcwela: [
|
232
|
+
"f18yna97",
|
233
|
+
"f1kd6wh7"
|
307
234
|
],
|
308
|
-
|
235
|
+
Fer9m8: "f4i4759"
|
309
236
|
},
|
310
237
|
orientationVertical: {
|
311
238
|
Beiy3e4: "f1vx9l62",
|
312
|
-
|
313
|
-
"
|
314
|
-
"
|
239
|
+
B5nvv7i: [
|
240
|
+
"f14k419y",
|
241
|
+
"f1fgo9fz"
|
315
242
|
],
|
316
|
-
|
317
|
-
"
|
318
|
-
"
|
243
|
+
Baxg94k: [
|
244
|
+
"f1fgo9fz",
|
245
|
+
"f14k419y"
|
319
246
|
],
|
320
|
-
|
321
|
-
|
322
|
-
|
247
|
+
tn21ii: "fvqmfsm",
|
248
|
+
B0ud6bj: "f3am6yf",
|
249
|
+
Bgdo4j: "f1r5wgso"
|
323
250
|
},
|
324
251
|
sizeSmall: {
|
325
252
|
B7balbw: "f1pi9uxy",
|
@@ -577,8 +504,9 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
577
504
|
Bj3rh1h: "f19g0ac"
|
578
505
|
},
|
579
506
|
hiddenCheckbox: {
|
580
|
-
B68tc82:
|
581
|
-
Bmxbyg5:
|
507
|
+
B68tc82: 0,
|
508
|
+
Bmxbyg5: 0,
|
509
|
+
Bpg54ce: "f1a3p1vp",
|
582
510
|
a9b677: "frkrog8",
|
583
511
|
Bqenvij: "f1mpe4l3",
|
584
512
|
qhf8xq: "f1euv43f",
|
@@ -588,18 +516,30 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
588
516
|
}
|
589
517
|
}, {
|
590
518
|
d: [
|
591
|
-
|
592
|
-
|
593
|
-
|
594
|
-
|
595
|
-
|
596
|
-
|
597
|
-
|
598
|
-
|
599
|
-
|
600
|
-
|
601
|
-
|
602
|
-
|
519
|
+
[
|
520
|
+
".f1a3p1vp{overflow:hidden;}",
|
521
|
+
{
|
522
|
+
p: -1
|
523
|
+
}
|
524
|
+
],
|
525
|
+
[
|
526
|
+
".flpxrij{border-radius:var(--fui-Card--border-radius);}",
|
527
|
+
{
|
528
|
+
p: -1
|
529
|
+
}
|
530
|
+
],
|
531
|
+
[
|
532
|
+
".fi54ll6{padding:var(--fui-Card--size);}",
|
533
|
+
{
|
534
|
+
p: -1
|
535
|
+
}
|
536
|
+
],
|
537
|
+
[
|
538
|
+
".fs0zar4{gap:var(--fui-Card--size);}",
|
539
|
+
{
|
540
|
+
p: -1
|
541
|
+
}
|
542
|
+
],
|
603
543
|
".f22iagw{display:flex;}",
|
604
544
|
".f10pi13n{position:relative;}",
|
605
545
|
".f1ewtqcl{box-sizing:border-box;}",
|
@@ -619,11 +559,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
619
559
|
".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}",
|
620
560
|
".f1en4csx::after{border-left-width:var(--strokeWidthThin);}",
|
621
561
|
".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}",
|
622
|
-
|
623
|
-
|
624
|
-
|
625
|
-
|
626
|
-
|
562
|
+
[
|
563
|
+
".fw3u9gn::after{border-radius:var(--fui-Card--border-radius);}",
|
564
|
+
{
|
565
|
+
p: -1
|
566
|
+
}
|
567
|
+
],
|
568
|
+
".fnk4z59>.fui-CardHeader,.fnk4z59>.fui-CardFooter{flex-shrink:0;}",
|
627
569
|
".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
|
628
570
|
".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
|
629
571
|
".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
|
@@ -632,22 +574,18 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
632
574
|
".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
|
633
575
|
".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
|
634
576
|
".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
|
635
|
-
|
636
|
-
|
637
|
-
|
638
|
-
|
639
|
-
|
640
|
-
|
641
|
-
|
642
|
-
|
643
|
-
|
644
|
-
|
645
|
-
|
646
|
-
|
647
|
-
".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
|
648
|
-
".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
|
649
|
-
".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
|
650
|
-
".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
|
577
|
+
[
|
578
|
+
".fpqizxz[data-fui-focus-visible]::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
|
579
|
+
{
|
580
|
+
p: -2
|
581
|
+
}
|
582
|
+
],
|
583
|
+
[
|
584
|
+
".fnd8nzh[data-fui-focus-visible]::after{border-radius:var(--fui-Card--border-radius);}",
|
585
|
+
{
|
586
|
+
p: -1
|
587
|
+
}
|
588
|
+
],
|
651
589
|
".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}",
|
652
590
|
".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}",
|
653
591
|
".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}",
|
@@ -660,41 +598,37 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
660
598
|
".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}",
|
661
599
|
".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}",
|
662
600
|
".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}",
|
663
|
-
|
664
|
-
|
665
|
-
|
666
|
-
|
667
|
-
|
668
|
-
|
669
|
-
|
670
|
-
|
671
|
-
|
672
|
-
|
673
|
-
|
674
|
-
|
675
|
-
".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}",
|
676
|
-
".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}",
|
677
|
-
".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}",
|
678
|
-
".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}",
|
601
|
+
[
|
602
|
+
".f1i978nd[data-fui-focus-within]:focus-within::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
|
603
|
+
{
|
604
|
+
p: -2
|
605
|
+
}
|
606
|
+
],
|
607
|
+
[
|
608
|
+
".f1nh8hsq[data-fui-focus-within]:focus-within::after{border-radius:var(--fui-Card--border-radius);}",
|
609
|
+
{
|
610
|
+
p: -1
|
611
|
+
}
|
612
|
+
],
|
679
613
|
".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}",
|
680
614
|
".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}",
|
681
615
|
".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}",
|
682
616
|
".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}",
|
683
617
|
".f1063pyq{flex-direction:row;}",
|
684
618
|
".f122n59{align-items:center;}",
|
685
|
-
".
|
686
|
-
".
|
687
|
-
".
|
688
|
-
".
|
689
|
-
".
|
690
|
-
".
|
691
|
-
".
|
619
|
+
".ftrw7vg>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
|
620
|
+
".f18opajm>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}",
|
621
|
+
".f13002it>:not([aria-hidden=\"true\"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}",
|
622
|
+
".fqo182t>:not([aria-hidden=\"true\"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}",
|
623
|
+
".f18yna97>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}",
|
624
|
+
".f1kd6wh7>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}",
|
625
|
+
".f4i4759>.fui-CardHeader:last-of-type,.f4i4759>.fui-CardFooter:last-of-type{flex-grow:1;}",
|
692
626
|
".f1vx9l62{flex-direction:column;}",
|
693
|
-
".
|
694
|
-
".
|
695
|
-
".
|
696
|
-
".
|
697
|
-
".
|
627
|
+
".f14k419y>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}",
|
628
|
+
".f1fgo9fz>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}",
|
629
|
+
".fvqmfsm>:not([aria-hidden=\"true\"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}",
|
630
|
+
".f3am6yf>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
|
631
|
+
".f1r5wgso>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}",
|
698
632
|
".f1pi9uxy{--fui-Card--size:8px;}",
|
699
633
|
".f1h1zgly{--fui-Card--border-radius:var(--borderRadiusSmall);}",
|
700
634
|
".frsmuga{--fui-Card--size:12px;}",
|
@@ -729,6 +663,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
729
663
|
".fiv86kb{right:4px;}",
|
730
664
|
".f36uhnt{left:4px;}",
|
731
665
|
".f19g0ac{z-index:1;}",
|
666
|
+
[
|
667
|
+
".f1a3p1vp{overflow:hidden;}",
|
668
|
+
{
|
669
|
+
p: -1
|
670
|
+
}
|
671
|
+
],
|
732
672
|
".frkrog8{width:1px;}",
|
733
673
|
".f1mpe4l3{height:1px;}",
|
734
674
|
".fmf1zke{clip:rect(0 0 0 0);}",
|