@fluentui/react-card 0.0.0-nightly-20240816-2133.1 → 0.0.0-nightly-20240819-2052.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 (10) hide show
  1. package/CHANGELOG.md +32 -13
  2. package/lib/components/Card/useCard.js +5 -3
  3. package/lib/components/Card/useCard.js.map +1 -1
  4. package/lib/components/Card/useCardStyles.styles.js +69 -113
  5. package/lib/components/Card/useCardStyles.styles.js.map +1 -1
  6. package/lib-commonjs/components/Card/useCard.js +5 -3
  7. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  8. package/lib-commonjs/components/Card/useCardStyles.styles.js +124 -218
  9. package/lib-commonjs/components/Card/useCardStyles.styles.js.map +1 -1
  10. package/package.json +11 -10
package/lib-commonjs/components/Card/useCardStyles.styles.js CHANGED
@@ -20,9 +20,9 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
23
- const _react = require("@griffel/react");
23
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
24
+ const _react1 = require("@griffel/react");
24
25
  const _reacttheme = require("@fluentui/react-theme");
25
- const _react1 = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
26
26
  const cardClassNames = {
27
27
  root: 'fui-Card',
28
28
  floatingAction: 'fui-Card__floatingAction',
@@ -34,71 +34,14 @@ const cardCSSVars = {
34
34
  };
35
35
  const focusOutlineStyle = {
36
36
  outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,
37
- outlineWidth: `var(--ctrl-token-Card-697, var(--semantic-token-Card-698, ${_reacttheme.tokens.strokeWidthThick}))`,
37
+ outlineWidth: `var(--697, var(--698, ${_reacttheme.tokens.strokeWidthThick}))`,
38
38
  outlineOffset: '-2px'
39
39
  };
40
- const useStyles = /*#__PURE__*/ (0, _react.__styles)({
41
- root: {
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",
58
- mc9l5x: "f22iagw",
59
- qhf8xq: "f10pi13n",
60
- B7ck84d: "f1ewtqcl",
61
- sj55zd: "f1py3b4z",
62
- E3zdtr: "f1mdlcz9",
63
- bn5sak: "frwkxtg",
64
- Eqx8gd: [
65
- "f1n6gb5g",
66
- "f15yvnhg"
67
- ],
68
- B1piin3: [
69
- "f15yvnhg",
70
- "f1n6gb5g"
71
- ],
72
- By385i5: "fo72kxq",
73
- Bsft5z2: "f13zj6fq",
74
- B80jsxd: "f1nwj1ja",
75
- Bm2nyyq: "f8rth92",
76
- Barhvk9: [
77
- "flthirb",
78
- "ftkbnf5"
79
- ],
80
- Bw17bha: "f1lh990p",
81
- vfts7: [
82
- "ftkbnf5",
83
- "flthirb"
84
- ],
85
- xrcqlc: "f6czdpx",
86
- Ihftqj: [
87
- "f13hvwk3",
88
- "f1en4csx"
89
- ],
90
- Bcgy8vk: "f1i1u9k0",
91
- Bhxzhr1: [
92
- "f1en4csx",
93
- "f13hvwk3"
94
- ],
95
- d9w3h3: 0,
96
- B3778ie: 0,
97
- B4j8arr: 0,
98
- Bl18szs: 0,
99
- Blrzh8d: "fw3u9gn",
100
- Bwr1qzv: "fnk4z59"
101
- },
40
+ const useCardResetStyles = /*#__PURE__*/ (0, _react1.__resetStyles)("r1fgywha", "rwpg34w", [
41
+ ".r1fgywha{overflow:hidden;border-radius:var(--fui-Card--border-radius);padding:var(--fui-Card--size);gap:var(--fui-Card--size);display:flex;position:relative;box-sizing:border-box;color:var(--699, var(--700, var(--colorNeutralForeground1));&::after{position:absolute;top:0;left:0;right:0;bottom:0;content:\"\";pointer-events:none;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-radius:var(--fui-Card--border-radius);}&> .fui-CardHeader,& > .fui-CardFooter{flex-shrink:0;}};}",
42
+ ".rwpg34w{overflow:hidden;border-radius:var(--fui-Card--border-radius);padding:var(--fui-Card--size);gap:var(--fui-Card--size);display:flex;position:relative;box-sizing:border-box;color:var(--699, var(--700, var(--colorNeutralForeground1));&::after{position:absolute;top:0;right:0;left:0;bottom:0;content:\"\";pointer-events:none;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:var(--strokeWidthThin);border-left-width:var(--strokeWidthThin);border-bottom-width:var(--strokeWidthThin);border-right-width:var(--strokeWidthThin);border-radius:var(--fui-Card--border-radius);}&> .fui-CardHeader,& > .fui-CardFooter{flex-shrink:0;}};}"
43
+ ]);
44
+ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
102
45
  focused: {
103
46
  Brovlpu: "ftqa4ok",
104
47
  B486eqv: "f2hkw1w",
@@ -142,21 +85,21 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
142
85
  B6dhp37: 0,
143
86
  Bf4ptjt: 0,
144
87
  Bqtpl0w: 0,
145
- i4rwgc: "f1xbuv65",
88
+ i4rwgc: "f1pjxlw4",
146
89
  Dah5zi: 0,
147
90
  B1tsrr9: 0,
148
91
  qqdqy8: 0,
149
92
  Bkh64rk: 0,
150
93
  e3fwne: "fnd8nzh",
151
- J0r882: "f1ja06rw",
94
+ J0r882: "f1x3nap9",
152
95
  Bule8hv: [
153
- "f1fgi2v",
154
- "f13s1pi5"
96
+ "f7wspi5",
97
+ "f1hn9lz"
155
98
  ],
156
- Bjwuhne: "f5o6laa",
99
+ Bjwuhne: "fsnb5w7",
157
100
  Ghsupd: [
158
- "f13s1pi5",
159
- "f1fgi2v"
101
+ "f1hn9lz",
102
+ "f7wspi5"
160
103
  ]
161
104
  },
162
105
  selectableFocused: {
@@ -202,21 +145,21 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
202
145
  nr063g: 0,
203
146
  ghq09: 0,
204
147
  Bbgo44z: 0,
205
- Bseh09z: "f5o6rnv",
148
+ Bseh09z: "f1f7o0bi",
206
149
  az1dzo: 0,
207
150
  Ba3ybja: 0,
208
151
  B6352mv: 0,
209
152
  vppk2z: 0,
210
153
  Biaj6j7: "f1nh8hsq",
211
- B2pnrqr: "f1vngpbu",
154
+ B2pnrqr: "f1wk50th",
212
155
  B29w5g4: [
213
- "f1pf2b7l",
214
- "fb1a886"
156
+ "f10jz3mr",
157
+ "fc1dnuj"
215
158
  ],
216
- Bhhzhcn: "f1bquznm",
159
+ Bhhzhcn: "f10o2p02",
217
160
  Bec0n69: [
218
- "fb1a886",
219
- "f1pf2b7l"
161
+ "fc1dnuj",
162
+ "f10jz3mr"
220
163
  ]
221
164
  },
222
165
  orientationHorizontal: {
@@ -250,19 +193,22 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
250
193
  },
251
194
  sizeSmall: {
252
195
  B7balbw: "f1pi9uxy",
253
- B1h88n7: "f15mxzhv"
196
+ B1h88n7: "fir8pkv"
254
197
  },
255
198
  sizeMedium: {
256
199
  B7balbw: "frsmuga",
257
- B1h88n7: "fw2n66"
200
+ B1h88n7: "f1uqf95q"
258
201
  },
259
202
  sizeLarge: {
260
203
  B7balbw: "f1qua4xo",
261
- B1h88n7: "f18zjdj0"
204
+ B1h88n7: "f1u1hr7d"
205
+ },
206
+ interactive: {
207
+ rhjd8f: "f1epqm3e"
262
208
  },
263
209
  filled: {
264
- De3pzq: "f1y5ql7n",
265
- E5pizo: "f1l2ude5",
210
+ De3pzq: "fltf6vh",
211
+ E5pizo: "fwitwng",
266
212
  B0n5ga8: "f16gxe2i",
267
213
  s924m2: [
268
214
  "fpgykix",
@@ -276,8 +222,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
276
222
  },
277
223
  filledInteractive: {
278
224
  Bceei9c: "f1k6fduh",
279
- De3pzq: "fiekp45",
280
- E5pizo: "f7rwcsy",
225
+ De3pzq: "f1h5vatx",
226
+ E5pizo: "f1uxkkbl",
281
227
  B0n5ga8: "f16gxe2i",
282
228
  s924m2: [
283
229
  "fpgykix",
@@ -288,12 +234,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
288
234
  "fzybk4o",
289
235
  "fpgykix"
290
236
  ],
291
- Jwef8y: "f9iybsv",
292
- Bvxd0ez: "f1b9qmj4",
293
- ecr2s2: "fljdlzu"
237
+ Bi91k9c: "feu1g3u",
238
+ Jwef8y: "f7oweeb",
239
+ Bvxd0ez: "f18emohc",
240
+ ecr2s2: "fqbzxcg"
294
241
  },
295
242
  filledInteractiveSelected: {
296
- De3pzq: "f12vh31t",
243
+ De3pzq: "f1ksn0ep",
297
244
  B0n5ga8: "f16eln5f",
298
245
  s924m2: [
299
246
  "fa2okxs",
@@ -304,11 +251,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
304
251
  "fg4zq3l",
305
252
  "fa2okxs"
306
253
  ],
307
- Jwef8y: "fe4l7lm"
254
+ Bi91k9c: "fx9teim",
255
+ Jwef8y: "f1bwa2ac"
308
256
  },
309
257
  filledAlternative: {
310
- De3pzq: "f145rpb8",
311
- E5pizo: "f1jrlzwb",
258
+ De3pzq: "far5xx1",
259
+ E5pizo: "fsznyw7",
312
260
  B0n5ga8: "f16gxe2i",
313
261
  s924m2: [
314
262
  "fpgykix",
@@ -322,8 +270,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
322
270
  },
323
271
  filledAlternativeInteractive: {
324
272
  Bceei9c: "f1k6fduh",
325
- De3pzq: "f1kgqpjs",
326
- E5pizo: "f1a2zne9",
273
+ De3pzq: "f7smas5",
274
+ E5pizo: "f1ubef17",
327
275
  B0n5ga8: "f16gxe2i",
328
276
  s924m2: [
329
277
  "fpgykix",
@@ -334,12 +282,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
334
282
  "fzybk4o",
335
283
  "fpgykix"
336
284
  ],
337
- Jwef8y: "fqm50rs",
338
- Bvxd0ez: "fq5fk87",
339
- ecr2s2: "f15wjqsw"
285
+ Bi91k9c: "fnwyq0v",
286
+ Jwef8y: "fzx3r4q",
287
+ Bvxd0ez: "fug60o5",
288
+ ecr2s2: "f1ha9751"
340
289
  },
341
290
  filledAlternativeInteractiveSelected: {
342
- De3pzq: "flecxhl",
291
+ De3pzq: "fufun8q",
343
292
  B0n5ga8: "f16eln5f",
344
293
  s924m2: [
345
294
  "fa2okxs",
@@ -350,10 +299,10 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
350
299
  "fg4zq3l",
351
300
  "fa2okxs"
352
301
  ],
353
- Jwef8y: "f1oin7as"
302
+ Jwef8y: "frbale"
354
303
  },
355
304
  outline: {
356
- De3pzq: "f11a8mzo",
305
+ De3pzq: "faq45x3",
357
306
  E5pizo: "f1couhl3",
358
307
  B0n5ga8: "ft83z1f",
359
308
  s924m2: [
@@ -368,7 +317,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
368
317
  },
369
318
  outlineInteractive: {
370
319
  Bceei9c: "f1k6fduh",
371
- De3pzq: "f134r7n3",
320
+ De3pzq: "f80i76d",
372
321
  E5pizo: "f1couhl3",
373
322
  B0n5ga8: "ft83z1f",
374
323
  s924m2: [
@@ -380,7 +329,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
380
329
  "f192dr6e",
381
330
  "f1g4150c"
382
331
  ],
383
- Jwef8y: "frxoo8s",
332
+ Bi91k9c: "feu1g3u",
333
+ Jwef8y: "f1qzbeqf",
384
334
  Be0v6ae: "f1llr77y",
385
335
  B5kxglz: [
386
336
  "fzk0khw",
@@ -391,7 +341,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
391
341
  "fjj8tog",
392
342
  "fzk0khw"
393
343
  ],
394
- ecr2s2: "f1djjq2p",
344
+ ecr2s2: "fny1dgt",
395
345
  dmfk: "f1uohb70",
396
346
  B4ofi8: [
397
347
  "f1jm7v1n",
@@ -404,7 +354,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
404
354
  ]
405
355
  },
406
356
  outlineInteractiveSelected: {
407
- De3pzq: "f3jdprh",
357
+ De3pzq: "f1l0mf4q",
408
358
  B0n5ga8: "f16eln5f",
409
359
  s924m2: [
410
360
  "fa2okxs",
@@ -415,10 +365,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
415
365
  "fg4zq3l",
416
366
  "fa2okxs"
417
367
  ],
418
- Jwef8y: "f1tbkf9f"
368
+ Bi91k9c: "fx9teim",
369
+ Jwef8y: "f12erfqo"
419
370
  },
420
371
  subtle: {
421
- De3pzq: "focdvv2",
372
+ De3pzq: "fkapjeb",
422
373
  E5pizo: "f1couhl3",
423
374
  B0n5ga8: "f16gxe2i",
424
375
  s924m2: [
@@ -433,7 +384,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
433
384
  },
434
385
  subtleInteractive: {
435
386
  Bceei9c: "f1k6fduh",
436
- De3pzq: "f1rfvwxm",
387
+ De3pzq: "f51qof6",
437
388
  E5pizo: "f1couhl3",
438
389
  B0n5ga8: "f16gxe2i",
439
390
  s924m2: [
@@ -445,11 +396,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
445
396
  "fzybk4o",
446
397
  "fpgykix"
447
398
  ],
448
- Jwef8y: "f1cdzzdq",
449
- ecr2s2: "fe89iq9"
399
+ Bi91k9c: "feu1g3u",
400
+ Jwef8y: "fopo1yw",
401
+ ecr2s2: "ftzbayt"
450
402
  },
451
403
  subtleInteractiveSelected: {
452
- De3pzq: "f8hjf28",
404
+ De3pzq: "f998m3t",
453
405
  B0n5ga8: "f16eln5f",
454
406
  s924m2: [
455
407
  "fa2okxs",
@@ -460,7 +412,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
460
412
  "fg4zq3l",
461
413
  "fa2okxs"
462
414
  ],
463
- Jwef8y: "f241ven"
415
+ Bi91k9c: "fx9teim",
416
+ Jwef8y: "fbohybn"
464
417
  },
465
418
  highContrastSelected: {
466
419
  ycbfsm: "fkc42ay",
@@ -515,57 +468,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
515
468
  Huce71: "fz5stix"
516
469
  }
517
470
  }, {
471
+ f: [
472
+ ".ftqa4ok:focus{outline-style:none;}"
473
+ ],
474
+ i: [
475
+ ".f2hkw1w:focus-visible{outline-style:none;}"
476
+ ],
518
477
  d: [
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
- ],
543
- ".f22iagw{display:flex;}",
544
- ".f10pi13n{position:relative;}",
545
- ".f1ewtqcl{box-sizing:border-box;}",
546
- ".f1py3b4z{color:var(--ctrl-token-Card-699, var(--semantic-token-Card-700, var(--colorNeutralForeground1)));}",
547
- ".f1mdlcz9::after{position:absolute;}",
548
- ".frwkxtg::after{top:0;}",
549
- ".f1n6gb5g::after{left:0;}",
550
- ".f15yvnhg::after{right:0;}",
551
- ".fo72kxq::after{bottom:0;}",
552
- ".f13zj6fq::after{content:\"\";}",
553
- ".f1nwj1ja::after{pointer-events:none;}",
554
- ".f8rth92::after{border-top-style:solid;}",
555
- ".flthirb::after{border-right-style:solid;}",
556
- ".ftkbnf5::after{border-left-style:solid;}",
557
- ".f1lh990p::after{border-bottom-style:solid;}",
558
- ".f6czdpx::after{border-top-width:var(--strokeWidthThin);}",
559
- ".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}",
560
- ".f1en4csx::after{border-left-width:var(--strokeWidthThin);}",
561
- ".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}",
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;}",
569
478
  ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
570
479
  ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
571
480
  ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
@@ -575,7 +484,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
575
484
  ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
576
485
  ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
577
486
  [
578
- ".f1xbuv65[data-fui-focus-visible]::after{border:var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) solid var(--colorStrokeFocus2);}",
487
+ ".f1pjxlw4[data-fui-focus-visible]::after{border:var(--697, var(--698, var(--strokeWidthThick))) solid var(--colorStrokeFocus2);}",
579
488
  {
580
489
  p: -2
581
490
  }
@@ -586,10 +495,10 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
586
495
  p: -1
587
496
  }
588
497
  ],
589
- ".f1ja06rw[data-fui-focus-visible]::after{top:calc(0px - var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) - -2px);}",
590
- ".f1fgi2v[data-fui-focus-visible]::after{right:calc(0px - var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) - -2px);}",
591
- ".f13s1pi5[data-fui-focus-visible]::after{left:calc(0px - var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) - -2px);}",
592
- ".f5o6laa[data-fui-focus-visible]::after{bottom:calc(0px - var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) - -2px);}",
498
+ ".f1x3nap9[data-fui-focus-visible]::after{top:calc(0px - var(--697, var(--698, var(--strokeWidthThick))) - -2px);}",
499
+ ".f7wspi5[data-fui-focus-visible]::after{right:calc(0px - var(--697, var(--698, var(--strokeWidthThick))) - -2px);}",
500
+ ".f1hn9lz[data-fui-focus-visible]::after{left:calc(0px - var(--697, var(--698, var(--strokeWidthThick))) - -2px);}",
501
+ ".fsnb5w7[data-fui-focus-visible]::after{bottom:calc(0px - var(--697, var(--698, var(--strokeWidthThick))) - -2px);}",
593
502
  ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}",
594
503
  ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}",
595
504
  ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}",
@@ -599,7 +508,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
599
508
  ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}",
600
509
  ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}",
601
510
  [
602
- ".f5o6rnv[data-fui-focus-within]:focus-within::after{border:var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) solid var(--colorStrokeFocus2);}",
511
+ ".f1f7o0bi[data-fui-focus-within]:focus-within::after{border:var(--697, var(--698, var(--strokeWidthThick))) solid var(--colorStrokeFocus2);}",
603
512
  {
604
513
  p: -2
605
514
  }
@@ -610,10 +519,10 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
610
519
  p: -1
611
520
  }
612
521
  ],
613
- ".f1vngpbu[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) - -2px);}",
614
- ".f1pf2b7l[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) - -2px);}",
615
- ".fb1a886[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) - -2px);}",
616
- ".f1bquznm[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) - -2px);}",
522
+ ".f1wk50th[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--697, var(--698, var(--strokeWidthThick))) - -2px);}",
523
+ ".f10jz3mr[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--697, var(--698, var(--strokeWidthThick))) - -2px);}",
524
+ ".fc1dnuj[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--697, var(--698, var(--strokeWidthThick))) - -2px);}",
525
+ ".f10o2p02[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--697, var(--698, var(--strokeWidthThick))) - -2px);}",
617
526
  ".f1063pyq{flex-direction:row;}",
618
527
  ".f122n59{align-items:center;}",
619
528
  ".ftrw7vg>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
@@ -630,41 +539,42 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
630
539
  ".f3am6yf>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
631
540
  ".f1r5wgso>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}",
632
541
  ".f1pi9uxy{--fui-Card--size:8px;}",
633
- ".f15mxzhv{--fui-Card--border-radius:var(--ctrl-token-Card-701, var(--semantic-token-Card-702, var(--borderRadiusSmall)));}",
542
+ ".fir8pkv{--fui-Card--border-radius:var(--701, var(--702, var(--borderRadiusSmall)));}",
634
543
  ".frsmuga{--fui-Card--size:12px;}",
635
- ".fw2n66{--fui-Card--border-radius:var(--ctrl-token-Card-703, var(--semantic-token-Card-704, var(--borderRadiusMedium)));}",
544
+ ".f1uqf95q{--fui-Card--border-radius:var(--703, var(--704, var(--borderRadiusMedium)));}",
636
545
  ".f1qua4xo{--fui-Card--size:16px;}",
637
- ".f18zjdj0{--fui-Card--border-radius:var(--ctrl-token-Card-705, var(--semantic-token-Card-706, var(--borderRadiusLarge)));}",
638
- ".f1y5ql7n{background-color:var(--ctrl-token-Card-707, var(--semantic-token-Card-708, var(--colorNeutralBackground1)));}",
639
- ".f1l2ude5{box-shadow:var(--ctrl-token-Card-709, var(--semantic-token-Card-710, var(--shadow4)));}",
546
+ ".f1u1hr7d{--fui-Card--border-radius:var(--705, var(--706, var(--borderRadiusLarge)));}",
547
+ ".f1epqm3e .fui-Text{color:currentColor;}",
548
+ ".fltf6vh{background-color:var(--707, var(--708, var(--colorNeutralBackground1)));}",
549
+ ".fwitwng{box-shadow:var(--709, var(--710, var(--shadow4)));}",
640
550
  ".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}",
641
551
  ".fpgykix::after{border-right-color:var(--colorTransparentStroke);}",
642
552
  ".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}",
643
553
  ".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}",
644
554
  ".f1k6fduh{cursor:pointer;}",
645
- ".fiekp45{background-color:var(--ctrl-token-Card-711, var(--semantic-token-Card-712, var(--colorNeutralBackground1)));}",
646
- ".f7rwcsy{box-shadow:var(--ctrl-token-Card-713, var(--semantic-token-Card-714, var(--shadow4)));}",
647
- ".f12vh31t{background-color:var(--ctrl-token-Card-721, var(--semantic-token-Card-722, var(--colorNeutralBackground1Selected)));}",
555
+ ".f1h5vatx{background-color:var(--711, var(--712, var(--colorNeutralBackground1)));}",
556
+ ".f1uxkkbl{box-shadow:var(--713, var(--714, var(--shadow4)));}",
557
+ ".f1ksn0ep{background-color:var(--721, var(--722, var(--colorNeutralBackground1Selected)));}",
648
558
  ".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}",
649
559
  ".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}",
650
560
  ".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}",
651
561
  ".ff6932p::after{border-bottom-color:var(--colorNeutralStroke1Selected);}",
652
- ".f145rpb8{background-color:var(--ctrl-token-Card-725, var(--semantic-token-Card-726, var(--colorNeutralBackground2)));}",
653
- ".f1jrlzwb{box-shadow:var(--ctrl-token-Card-727, var(--semantic-token-Card-728, var(--shadow4)));}",
654
- ".f1kgqpjs{background-color:var(--ctrl-token-Card-729, var(--semantic-token-Card-730, var(--colorNeutralBackground2)));}",
655
- ".f1a2zne9{box-shadow:var(--ctrl-token-Card-731, var(--semantic-token-Card-732, var(--shadow4)));}",
656
- ".flecxhl{background-color:var(--ctrl-token-Card-739, var(--semantic-token-Card-740, var(--colorNeutralBackground2Selected)));}",
657
- ".f11a8mzo{background-color:var(--ctrl-token-Card-743, var(--semantic-token-Card-744, var(--colorTransparentBackground)));}",
562
+ ".far5xx1{background-color:var(--725, var(--726, var(--colorNeutralBackground2)));}",
563
+ ".fsznyw7{box-shadow:var(--727, var(--728, var(--shadow4)));}",
564
+ ".f7smas5{background-color:var(--729, var(--730, var(--colorNeutralBackground2)));}",
565
+ ".f1ubef17{box-shadow:var(--731, var(--732, var(--shadow4)));}",
566
+ ".fufun8q{background-color:var(--739, var(--740, var(--colorNeutralBackground2Selected)));}",
567
+ ".faq45x3{background-color:var(--743, var(--744, var(--colorTransparentBackground)));}",
658
568
  ".f1couhl3{box-shadow:none;}",
659
569
  ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}",
660
570
  ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}",
661
571
  ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}",
662
572
  ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}",
663
- ".f134r7n3{background-color:var(--ctrl-token-Card-745, var(--semantic-token-Card-746, var(--colorTransparentBackground)));}",
664
- ".f3jdprh{background-color:var(--ctrl-token-Card-751, var(--semantic-token-Card-752, var(--colorTransparentBackgroundSelected)));}",
665
- ".focdvv2{background-color:var(--ctrl-token-Card-755, var(--semantic-token-Card-756, var(--colorSubtleBackground)));}",
666
- ".f1rfvwxm{background-color:var(--ctrl-token-Card-757, var(--semantic-token-Card-758, var(--colorSubtleBackground)));}",
667
- ".f8hjf28{background-color:var(--ctrl-token-Card-763, var(--semantic-token-Card-764, var(--colorSubtleBackgroundSelected)));}",
573
+ ".f80i76d{background-color:var(--745, var(--746, var(--colorTransparentBackground)));}",
574
+ ".f1l0mf4q{background-color:var(--751, var(--752, var(--colorTransparentBackgroundSelected)));}",
575
+ ".fkapjeb{background-color:var(--755, var(--756, var(--colorSubtleBackground)));}",
576
+ ".f51qof6{background-color:var(--757, var(--758, var(--colorSubtleBackground)));}",
577
+ ".f998m3t{background-color:var(--763, var(--764, var(--colorSubtleBackgroundSelected)));}",
668
578
  ".f1euv43f{position:absolute;}",
669
579
  ".fqclxi7{top:4px;}",
670
580
  ".fiv86kb{right:4px;}",
@@ -682,12 +592,6 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
682
592
  ".f1wch0ki{clip-path:inset(50%);}",
683
593
  ".fz5stix{white-space:nowrap;}"
684
594
  ],
685
- f: [
686
- ".ftqa4ok:focus{outline-style:none;}"
687
- ],
688
- i: [
689
- ".f2hkw1w:focus-visible{outline-style:none;}"
690
- ],
691
595
  m: [
692
596
  [
693
597
  "@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
@@ -793,35 +697,39 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
793
697
  ]
794
698
  ],
795
699
  h: [
796
- ".f9iybsv:hover{background-color:var(--ctrl-token-Card-715, var(--semantic-token-Card-716, var(--colorNeutralBackground1Hover)));}",
797
- ".f1b9qmj4:hover{box-shadow:var(--ctrl-token-Card-717, var(--semantic-token-Card-718, var(--shadow8)));}",
798
- ".fe4l7lm:hover{background-color:var(--ctrl-token-Card-723, var(--semantic-token-Card-724, var(--colorNeutralBackground1Selected)));}",
799
- ".fqm50rs:hover{background-color:var(--ctrl-token-Card-733, var(--semantic-token-Card-734, var(--colorNeutralBackground2Hover)));}",
800
- ".fq5fk87:hover{box-shadow:var(--ctrl-token-Card-735, var(--semantic-token-Card-736, var(--shadow8)));}",
801
- ".f1oin7as:hover{background-color:var(--ctrl-token-Card-741, var(--semantic-token-Card-742, var(--colorNeutralBackground2Selected)));}",
802
- ".frxoo8s:hover{background-color:var(--ctrl-token-Card-747, var(--semantic-token-Card-748, var(--colorTransparentBackgroundHover)));}",
700
+ ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
701
+ ".f7oweeb:hover{background-color:var(--715, var(--716, var(--colorNeutralBackground1Hover)));}",
702
+ ".f18emohc:hover{box-shadow:var(--717, var(--718, var(--shadow8)));}",
703
+ ".fx9teim:hover{color:var(--colorNeutralForeground1Selected);}",
704
+ ".f1bwa2ac:hover{background-color:var(--723, var(--724, var(--colorNeutralBackground1Selected)));}",
705
+ ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
706
+ ".fzx3r4q:hover{background-color:var(--733, var(--734, var(--colorNeutralBackground2Hover)));}",
707
+ ".fug60o5:hover{box-shadow:var(--735, var(--736, var(--shadow8)));}",
708
+ ".frbale:hover{background-color:var(--741, var(--742, var(--colorNeutralBackground2Selected)));}",
709
+ ".f1qzbeqf:hover{background-color:var(--747, var(--748, var(--colorTransparentBackgroundHover)));}",
803
710
  ".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}",
804
711
  ".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}",
805
712
  ".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}",
806
713
  ".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}",
807
- ".f1tbkf9f:hover{background-color:var(--ctrl-token-Card-753, var(--semantic-token-Card-754, var(--colorTransparentBackgroundSelected)));}",
808
- ".f1cdzzdq:hover{background-color:var(--ctrl-token-Card-759, var(--semantic-token-Card-760, var(--colorSubtleBackgroundHover)));}",
809
- ".f241ven:hover{background-color:var(--ctrl-token-Card-765, var(--semantic-token-Card-766, var(--colorSubtleBackgroundSelected)));}"
714
+ ".f12erfqo:hover{background-color:var(--753, var(--754, var(--colorTransparentBackgroundSelected)));}",
715
+ ".fopo1yw:hover{background-color:var(--759, var(--760, var(--colorSubtleBackgroundHover)));}",
716
+ ".fbohybn:hover{background-color:var(--765, var(--766, var(--colorSubtleBackgroundSelected)));}"
810
717
  ],
811
718
  a: [
812
- ".fljdlzu:active{background-color:var(--ctrl-token-Card-719, var(--semantic-token-Card-720, var(--colorNeutralBackground1Pressed)));}",
813
- ".f15wjqsw:active{background-color:var(--ctrl-token-Card-737, var(--semantic-token-Card-738, var(--colorNeutralBackground2Pressed)));}",
814
- ".f1djjq2p:active{background-color:var(--ctrl-token-Card-749, var(--semantic-token-Card-750, var(--colorTransparentBackgroundPressed)));}",
719
+ ".fqbzxcg:active{background-color:var(--719, var(--720, var(--colorNeutralBackground1Pressed)));}",
720
+ ".f1ha9751:active{background-color:var(--737, var(--738, var(--colorNeutralBackground2Pressed)));}",
721
+ ".fny1dgt:active{background-color:var(--749, var(--750, var(--colorTransparentBackgroundPressed)));}",
815
722
  ".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}",
816
723
  ".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}",
817
724
  ".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}",
818
725
  ".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}",
819
- ".fe89iq9:active{background-color:var(--ctrl-token-Card-761, var(--semantic-token-Card-762, var(--colorSubtleBackgroundPressed)));}"
726
+ ".ftzbayt:active{background-color:var(--761, var(--762, var(--colorSubtleBackgroundPressed)));}"
820
727
  ]
821
728
  });
822
729
  const useCardStyles_unstable = (state)=>{
823
730
  'use no memo';
824
- const styles = useStyles();
731
+ const resetStyles = useCardResetStyles();
732
+ const styles = useCardStyles();
825
733
  const orientationMap = {
826
734
  horizontal: styles.orientationHorizontal,
827
735
  vertical: styles.orientationVertical
@@ -850,7 +758,7 @@ const useCardStyles_unstable = (state)=>{
850
758
  subtle: styles.subtleInteractive
851
759
  };
852
760
  const isSelectableOrInteractive = state.interactive || state.selectable;
853
- const focusedClassName = _react1.useMemo(()=>{
761
+ const focusedClassName = _react.useMemo(()=>{
854
762
  if (state.selectable) {
855
763
  if (state.selectFocused) {
856
764
  return styles.selectableFocused;
@@ -864,14 +772,12 @@ const useCardStyles_unstable = (state)=>{
864
772
  styles.focused,
865
773
  styles.selectableFocused
866
774
  ]);
867
- state.root.className = (0, _react.mergeClasses)(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], // Focus overrides
868
- focusedClassName, // High contrast overrides
869
- isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);
775
+ state.root.className = (0, _react1.mergeClasses)(cardClassNames.root, resetStyles, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && styles.interactive, isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], focusedClassName, isSelectableOrInteractive && styles.highContrastInteractive, state.selected && styles.highContrastSelected, state.root.className);
870
776
  if (state.floatingAction) {
871
- state.floatingAction.className = (0, _react.mergeClasses)(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
777
+ state.floatingAction.className = (0, _react1.mergeClasses)(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
872
778
  }
873
779
  if (state.checkbox) {
874
- state.checkbox.className = (0, _react.mergeClasses)(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);
780
+ state.checkbox.className = (0, _react1.mergeClasses)(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);
875
781
  }
876
782
  return state;
877
783
  }; //# sourceMappingURL=useCardStyles.styles.js.map