@fluentui/react-card 0.0.0-nightly-20240819-2137.1 → 0.0.0-nightly-20240822-0407.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 +50 -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 +70 -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 +122 -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,18 @@ 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: _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)("rfxo2k2", "rgle7w9", [
41
+ ".rfxo2k2{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(--colorNeutralForeground1);}",
42
+ ".rfxo2k2::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);}",
43
+ ".rfxo2k2>.fui-CardHeader,.rfxo2k2>.fui-CardFooter{flex-shrink:0;}",
44
+ ".rgle7w9{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(--colorNeutralForeground1);}",
45
+ ".rgle7w9::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);}",
46
+ ".rgle7w9>.fui-CardHeader,.rgle7w9>.fui-CardFooter{flex-shrink:0;}"
47
+ ]);
48
+ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
102
49
  focused: {
103
50
  Brovlpu: "ftqa4ok",
104
51
  B486eqv: "f2hkw1w",
@@ -142,21 +89,21 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
142
89
  B6dhp37: 0,
143
90
  Bf4ptjt: 0,
144
91
  Bqtpl0w: 0,
145
- i4rwgc: "f1xbuv65",
92
+ i4rwgc: "fpqizxz",
146
93
  Dah5zi: 0,
147
94
  B1tsrr9: 0,
148
95
  qqdqy8: 0,
149
96
  Bkh64rk: 0,
150
97
  e3fwne: "fnd8nzh",
151
- J0r882: "f1ja06rw",
98
+ J0r882: "f15fr7a0",
152
99
  Bule8hv: [
153
- "f1fgi2v",
154
- "f13s1pi5"
100
+ "fwsq40z",
101
+ "fy0y4wt"
155
102
  ],
156
- Bjwuhne: "f5o6laa",
103
+ Bjwuhne: "f34ld9f",
157
104
  Ghsupd: [
158
- "f13s1pi5",
159
- "f1fgi2v"
105
+ "fy0y4wt",
106
+ "fwsq40z"
160
107
  ]
161
108
  },
162
109
  selectableFocused: {
@@ -202,21 +149,21 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
202
149
  nr063g: 0,
203
150
  ghq09: 0,
204
151
  Bbgo44z: 0,
205
- Bseh09z: "f5o6rnv",
152
+ Bseh09z: "f1i978nd",
206
153
  az1dzo: 0,
207
154
  Ba3ybja: 0,
208
155
  B6352mv: 0,
209
156
  vppk2z: 0,
210
157
  Biaj6j7: "f1nh8hsq",
211
- B2pnrqr: "f1vngpbu",
158
+ B2pnrqr: "f1amxum7",
212
159
  B29w5g4: [
213
- "f1pf2b7l",
214
- "fb1a886"
160
+ "f1cec8w7",
161
+ "f554mv0"
215
162
  ],
216
- Bhhzhcn: "f1bquznm",
163
+ Bhhzhcn: "f1sj6kbr",
217
164
  Bec0n69: [
218
- "fb1a886",
219
- "f1pf2b7l"
165
+ "f554mv0",
166
+ "f1cec8w7"
220
167
  ]
221
168
  },
222
169
  orientationHorizontal: {
@@ -250,19 +197,22 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
250
197
  },
251
198
  sizeSmall: {
252
199
  B7balbw: "f1pi9uxy",
253
- B1h88n7: "f15mxzhv"
200
+ B1h88n7: "f1h1zgly"
254
201
  },
255
202
  sizeMedium: {
256
203
  B7balbw: "frsmuga",
257
- B1h88n7: "fw2n66"
204
+ B1h88n7: "fuldkky"
258
205
  },
259
206
  sizeLarge: {
260
207
  B7balbw: "f1qua4xo",
261
- B1h88n7: "f18zjdj0"
208
+ B1h88n7: "fimkt6v"
209
+ },
210
+ interactive: {
211
+ rhjd8f: "f1epqm3e"
262
212
  },
263
213
  filled: {
264
- De3pzq: "f1y5ql7n",
265
- E5pizo: "f1l2ude5",
214
+ De3pzq: "fxugw4r",
215
+ E5pizo: "f1whvlc6",
266
216
  B0n5ga8: "f16gxe2i",
267
217
  s924m2: [
268
218
  "fpgykix",
@@ -276,8 +226,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
276
226
  },
277
227
  filledInteractive: {
278
228
  Bceei9c: "f1k6fduh",
279
- De3pzq: "fiekp45",
280
- E5pizo: "f7rwcsy",
229
+ De3pzq: "fxugw4r",
230
+ E5pizo: "f1whvlc6",
281
231
  B0n5ga8: "f16gxe2i",
282
232
  s924m2: [
283
233
  "fpgykix",
@@ -288,12 +238,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
288
238
  "fzybk4o",
289
239
  "fpgykix"
290
240
  ],
291
- Jwef8y: "f9iybsv",
292
- Bvxd0ez: "f1b9qmj4",
293
- ecr2s2: "fljdlzu"
241
+ Bi91k9c: "feu1g3u",
242
+ Jwef8y: "f1knas48",
243
+ Bvxd0ez: "f1m145df",
244
+ ecr2s2: "fb40n2d"
294
245
  },
295
246
  filledInteractiveSelected: {
296
- De3pzq: "f12vh31t",
247
+ De3pzq: "f1nfm20t",
297
248
  B0n5ga8: "f16eln5f",
298
249
  s924m2: [
299
250
  "fa2okxs",
@@ -304,11 +255,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
304
255
  "fg4zq3l",
305
256
  "fa2okxs"
306
257
  ],
307
- Jwef8y: "fe4l7lm"
258
+ Bi91k9c: "fx9teim",
259
+ Jwef8y: "f1kz6goq"
308
260
  },
309
261
  filledAlternative: {
310
- De3pzq: "f145rpb8",
311
- E5pizo: "f1jrlzwb",
262
+ De3pzq: "f1dmdbja",
263
+ E5pizo: "f1whvlc6",
312
264
  B0n5ga8: "f16gxe2i",
313
265
  s924m2: [
314
266
  "fpgykix",
@@ -322,8 +274,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
322
274
  },
323
275
  filledAlternativeInteractive: {
324
276
  Bceei9c: "f1k6fduh",
325
- De3pzq: "f1kgqpjs",
326
- E5pizo: "f1a2zne9",
277
+ De3pzq: "f1dmdbja",
278
+ E5pizo: "f1whvlc6",
327
279
  B0n5ga8: "f16gxe2i",
328
280
  s924m2: [
329
281
  "fpgykix",
@@ -334,12 +286,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
334
286
  "fzybk4o",
335
287
  "fpgykix"
336
288
  ],
337
- Jwef8y: "fqm50rs",
338
- Bvxd0ez: "fq5fk87",
339
- ecr2s2: "f15wjqsw"
289
+ Bi91k9c: "fnwyq0v",
290
+ Jwef8y: "f1uvynv3",
291
+ Bvxd0ez: "f1m145df",
292
+ ecr2s2: "f1yhgkbh"
340
293
  },
341
294
  filledAlternativeInteractiveSelected: {
342
- De3pzq: "flecxhl",
295
+ De3pzq: "fjxa0vh",
343
296
  B0n5ga8: "f16eln5f",
344
297
  s924m2: [
345
298
  "fa2okxs",
@@ -350,10 +303,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
350
303
  "fg4zq3l",
351
304
  "fa2okxs"
352
305
  ],
353
- Jwef8y: "f1oin7as"
306
+ Bi91k9c: "f1luvkty",
307
+ Jwef8y: "fehi0vp"
354
308
  },
355
309
  outline: {
356
- De3pzq: "f11a8mzo",
310
+ De3pzq: "f1c21dwh",
357
311
  E5pizo: "f1couhl3",
358
312
  B0n5ga8: "ft83z1f",
359
313
  s924m2: [
@@ -368,7 +322,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
368
322
  },
369
323
  outlineInteractive: {
370
324
  Bceei9c: "f1k6fduh",
371
- De3pzq: "f134r7n3",
325
+ De3pzq: "f1c21dwh",
372
326
  E5pizo: "f1couhl3",
373
327
  B0n5ga8: "ft83z1f",
374
328
  s924m2: [
@@ -380,7 +334,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
380
334
  "f192dr6e",
381
335
  "f1g4150c"
382
336
  ],
383
- Jwef8y: "frxoo8s",
337
+ Bi91k9c: "feu1g3u",
338
+ Jwef8y: "fjxutwb",
384
339
  Be0v6ae: "f1llr77y",
385
340
  B5kxglz: [
386
341
  "fzk0khw",
@@ -391,7 +346,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
391
346
  "fjj8tog",
392
347
  "fzk0khw"
393
348
  ],
394
- ecr2s2: "f1djjq2p",
349
+ ecr2s2: "fophhak",
395
350
  dmfk: "f1uohb70",
396
351
  B4ofi8: [
397
352
  "f1jm7v1n",
@@ -404,7 +359,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
404
359
  ]
405
360
  },
406
361
  outlineInteractiveSelected: {
407
- De3pzq: "f3jdprh",
362
+ De3pzq: "f1q9pm1r",
408
363
  B0n5ga8: "f16eln5f",
409
364
  s924m2: [
410
365
  "fa2okxs",
@@ -415,10 +370,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
415
370
  "fg4zq3l",
416
371
  "fa2okxs"
417
372
  ],
418
- Jwef8y: "f1tbkf9f"
373
+ Bi91k9c: "fx9teim",
374
+ Jwef8y: "fg59vm4"
419
375
  },
420
376
  subtle: {
421
- De3pzq: "focdvv2",
377
+ De3pzq: "fhovq9v",
422
378
  E5pizo: "f1couhl3",
423
379
  B0n5ga8: "f16gxe2i",
424
380
  s924m2: [
@@ -433,7 +389,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
433
389
  },
434
390
  subtleInteractive: {
435
391
  Bceei9c: "f1k6fduh",
436
- De3pzq: "f1rfvwxm",
392
+ De3pzq: "fhovq9v",
437
393
  E5pizo: "f1couhl3",
438
394
  B0n5ga8: "f16gxe2i",
439
395
  s924m2: [
@@ -445,11 +401,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
445
401
  "fzybk4o",
446
402
  "fpgykix"
447
403
  ],
448
- Jwef8y: "f1cdzzdq",
449
- ecr2s2: "fe89iq9"
404
+ Bi91k9c: "feu1g3u",
405
+ Jwef8y: "f1t94bn6",
406
+ ecr2s2: "f1wfn5kd"
450
407
  },
451
408
  subtleInteractiveSelected: {
452
- De3pzq: "f8hjf28",
409
+ De3pzq: "fq5gl1p",
453
410
  B0n5ga8: "f16eln5f",
454
411
  s924m2: [
455
412
  "fa2okxs",
@@ -460,7 +417,8 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
460
417
  "fg4zq3l",
461
418
  "fa2okxs"
462
419
  ],
463
- Jwef8y: "f241ven"
420
+ Bi91k9c: "fx9teim",
421
+ Jwef8y: "f1uqaxdt"
464
422
  },
465
423
  highContrastSelected: {
466
424
  ycbfsm: "fkc42ay",
@@ -515,57 +473,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
515
473
  Huce71: "fz5stix"
516
474
  }
517
475
  }, {
476
+ f: [
477
+ ".ftqa4ok:focus{outline-style:none;}"
478
+ ],
479
+ i: [
480
+ ".f2hkw1w:focus-visible{outline-style:none;}"
481
+ ],
518
482
  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
483
  ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
570
484
  ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
571
485
  ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
@@ -575,7 +489,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
575
489
  ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
576
490
  ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
577
491
  [
578
- ".f1xbuv65[data-fui-focus-visible]::after{border:var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) solid var(--colorStrokeFocus2);}",
492
+ ".fpqizxz[data-fui-focus-visible]::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
579
493
  {
580
494
  p: -2
581
495
  }
@@ -586,10 +500,10 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
586
500
  p: -1
587
501
  }
588
502
  ],
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);}",
503
+ ".f15fr7a0[data-fui-focus-visible]::after{top:calc(0px - var(--strokeWidthThick) - -2px);}",
504
+ ".fwsq40z[data-fui-focus-visible]::after{right:calc(0px - var(--strokeWidthThick) - -2px);}",
505
+ ".fy0y4wt[data-fui-focus-visible]::after{left:calc(0px - var(--strokeWidthThick) - -2px);}",
506
+ ".f34ld9f[data-fui-focus-visible]::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}",
593
507
  ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}",
594
508
  ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}",
595
509
  ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}",
@@ -599,7 +513,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
599
513
  ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}",
600
514
  ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}",
601
515
  [
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);}",
516
+ ".f1i978nd[data-fui-focus-within]:focus-within::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
603
517
  {
604
518
  p: -2
605
519
  }
@@ -610,10 +524,10 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
610
524
  p: -1
611
525
  }
612
526
  ],
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);}",
527
+ ".f1amxum7[data-fui-focus-within]:focus-within::after{top:calc(0px - var(--strokeWidthThick) - -2px);}",
528
+ ".f1cec8w7[data-fui-focus-within]:focus-within::after{right:calc(0px - var(--strokeWidthThick) - -2px);}",
529
+ ".f554mv0[data-fui-focus-within]:focus-within::after{left:calc(0px - var(--strokeWidthThick) - -2px);}",
530
+ ".f1sj6kbr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - var(--strokeWidthThick) - -2px);}",
617
531
  ".f1063pyq{flex-direction:row;}",
618
532
  ".f122n59{align-items:center;}",
619
533
  ".ftrw7vg>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
@@ -630,41 +544,35 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
630
544
  ".f3am6yf>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
631
545
  ".f1r5wgso>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}",
632
546
  ".f1pi9uxy{--fui-Card--size:8px;}",
633
- ".f15mxzhv{--fui-Card--border-radius:var(--ctrl-token-Card-701, var(--semantic-token-Card-702, var(--borderRadiusSmall)));}",
547
+ ".f1h1zgly{--fui-Card--border-radius:var(--borderRadiusSmall);}",
634
548
  ".frsmuga{--fui-Card--size:12px;}",
635
- ".fw2n66{--fui-Card--border-radius:var(--ctrl-token-Card-703, var(--semantic-token-Card-704, var(--borderRadiusMedium)));}",
549
+ ".fuldkky{--fui-Card--border-radius:var(--borderRadiusMedium);}",
636
550
  ".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)));}",
551
+ ".fimkt6v{--fui-Card--border-radius:var(--borderRadiusLarge);}",
552
+ ".f1epqm3e .fui-Text{color:currentColor;}",
553
+ ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
554
+ ".f1whvlc6{box-shadow:var(--shadow4);}",
640
555
  ".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}",
641
556
  ".fpgykix::after{border-right-color:var(--colorTransparentStroke);}",
642
557
  ".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}",
643
558
  ".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}",
644
559
  ".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)));}",
560
+ ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",
648
561
  ".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}",
649
562
  ".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}",
650
563
  ".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}",
651
564
  ".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)));}",
565
+ ".f1dmdbja{background-color:var(--colorNeutralBackground2);}",
566
+ ".fjxa0vh{background-color:var(--colorNeutralBackground2Selected);}",
567
+ ".f1c21dwh{background-color: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
+ ".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}",
574
+ ".fhovq9v{background-color:var(--colorSubtleBackground);}",
575
+ ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}",
668
576
  ".f1euv43f{position:absolute;}",
669
577
  ".fqclxi7{top:4px;}",
670
578
  ".fiv86kb{right:4px;}",
@@ -682,12 +590,6 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
682
590
  ".f1wch0ki{clip-path:inset(50%);}",
683
591
  ".fz5stix{white-space:nowrap;}"
684
592
  ],
685
- f: [
686
- ".ftqa4ok:focus{outline-style:none;}"
687
- ],
688
- i: [
689
- ".f2hkw1w:focus-visible{outline-style:none;}"
690
- ],
691
593
  m: [
692
594
  [
693
595
  "@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
@@ -793,35 +695,39 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
793
695
  ]
794
696
  ],
795
697
  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)));}",
698
+ ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
699
+ ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
700
+ ".f1m145df:hover{box-shadow:var(--shadow8);}",
701
+ ".fx9teim:hover{color:var(--colorNeutralForeground1Selected);}",
702
+ ".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}",
703
+ ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
704
+ ".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}",
705
+ ".f1luvkty:hover{color:var(--colorNeutralForeground2Selected);}",
706
+ ".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}",
707
+ ".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}",
803
708
  ".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}",
804
709
  ".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}",
805
710
  ".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}",
806
711
  ".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)));}"
712
+ ".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}",
713
+ ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
714
+ ".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}"
810
715
  ],
811
716
  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)));}",
717
+ ".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}",
718
+ ".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}",
719
+ ".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}",
815
720
  ".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}",
816
721
  ".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}",
817
722
  ".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}",
818
723
  ".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)));}"
724
+ ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}"
820
725
  ]
821
726
  });
822
727
  const useCardStyles_unstable = (state)=>{
823
728
  'use no memo';
824
- const styles = useStyles();
729
+ const resetStyles = useCardResetStyles();
730
+ const styles = useCardStyles();
825
731
  const orientationMap = {
826
732
  horizontal: styles.orientationHorizontal,
827
733
  vertical: styles.orientationVertical
@@ -850,7 +756,7 @@ const useCardStyles_unstable = (state)=>{
850
756
  subtle: styles.subtleInteractive
851
757
  };
852
758
  const isSelectableOrInteractive = state.interactive || state.selectable;
853
- const focusedClassName = _react1.useMemo(()=>{
759
+ const focusedClassName = _react.useMemo(()=>{
854
760
  if (state.selectable) {
855
761
  if (state.selectFocused) {
856
762
  return styles.selectableFocused;
@@ -864,14 +770,12 @@ const useCardStyles_unstable = (state)=>{
864
770
  styles.focused,
865
771
  styles.selectableFocused
866
772
  ]);
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);
773
+ 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
774
  if (state.floatingAction) {
871
- state.floatingAction.className = (0, _react.mergeClasses)(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
775
+ state.floatingAction.className = (0, _react1.mergeClasses)(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
872
776
  }
873
777
  if (state.checkbox) {
874
- state.checkbox.className = (0, _react.mergeClasses)(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);
778
+ state.checkbox.className = (0, _react1.mergeClasses)(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);
875
779
  }
876
780
  return state;
877
781
  }; //# sourceMappingURL=useCardStyles.styles.js.map