@fluentui/react-card 0.0.0-nightly-20240819-2052.1 → 0.0.0-nightly-20240819-2110.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 +13 -32
  2. package/lib/components/Card/useCard.js +3 -5
  3. package/lib/components/Card/useCard.js.map +1 -1
  4. package/lib/components/Card/useCardStyles.styles.js +113 -69
  5. package/lib/components/Card/useCardStyles.styles.js.map +1 -1
  6. package/lib-commonjs/components/Card/useCard.js +3 -5
  7. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  8. package/lib-commonjs/components/Card/useCardStyles.styles.js +218 -124
  9. package/lib-commonjs/components/Card/useCardStyles.styles.js.map +1 -1
  10. package/package.json +10 -11
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 = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
24
- const _react1 = require("@griffel/react");
23
+ const _react = require("@griffel/react");
25
24
  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,14 +34,71 @@ const cardCSSVars = {
34
34
  };
35
35
  const focusOutlineStyle = {
36
36
  outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,
37
- outlineWidth: `var(--697, var(--698, ${_reacttheme.tokens.strokeWidthThick}))`,
37
+ outlineWidth: `var(--ctrl-token-Card-697, var(--semantic-token-Card-698, ${_reacttheme.tokens.strokeWidthThick}))`,
38
38
  outlineOffset: '-2px'
39
39
  };
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)({
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
+ },
45
102
  focused: {
46
103
  Brovlpu: "ftqa4ok",
47
104
  B486eqv: "f2hkw1w",
@@ -85,21 +142,21 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
85
142
  B6dhp37: 0,
86
143
  Bf4ptjt: 0,
87
144
  Bqtpl0w: 0,
88
- i4rwgc: "f1pjxlw4",
145
+ i4rwgc: "f1xbuv65",
89
146
  Dah5zi: 0,
90
147
  B1tsrr9: 0,
91
148
  qqdqy8: 0,
92
149
  Bkh64rk: 0,
93
150
  e3fwne: "fnd8nzh",
94
- J0r882: "f1x3nap9",
151
+ J0r882: "f1ja06rw",
95
152
  Bule8hv: [
96
- "f7wspi5",
97
- "f1hn9lz"
153
+ "f1fgi2v",
154
+ "f13s1pi5"
98
155
  ],
99
- Bjwuhne: "fsnb5w7",
156
+ Bjwuhne: "f5o6laa",
100
157
  Ghsupd: [
101
- "f1hn9lz",
102
- "f7wspi5"
158
+ "f13s1pi5",
159
+ "f1fgi2v"
103
160
  ]
104
161
  },
105
162
  selectableFocused: {
@@ -145,21 +202,21 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
145
202
  nr063g: 0,
146
203
  ghq09: 0,
147
204
  Bbgo44z: 0,
148
- Bseh09z: "f1f7o0bi",
205
+ Bseh09z: "f5o6rnv",
149
206
  az1dzo: 0,
150
207
  Ba3ybja: 0,
151
208
  B6352mv: 0,
152
209
  vppk2z: 0,
153
210
  Biaj6j7: "f1nh8hsq",
154
- B2pnrqr: "f1wk50th",
211
+ B2pnrqr: "f1vngpbu",
155
212
  B29w5g4: [
156
- "f10jz3mr",
157
- "fc1dnuj"
213
+ "f1pf2b7l",
214
+ "fb1a886"
158
215
  ],
159
- Bhhzhcn: "f10o2p02",
216
+ Bhhzhcn: "f1bquznm",
160
217
  Bec0n69: [
161
- "fc1dnuj",
162
- "f10jz3mr"
218
+ "fb1a886",
219
+ "f1pf2b7l"
163
220
  ]
164
221
  },
165
222
  orientationHorizontal: {
@@ -193,22 +250,19 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
193
250
  },
194
251
  sizeSmall: {
195
252
  B7balbw: "f1pi9uxy",
196
- B1h88n7: "fir8pkv"
253
+ B1h88n7: "f15mxzhv"
197
254
  },
198
255
  sizeMedium: {
199
256
  B7balbw: "frsmuga",
200
- B1h88n7: "f1uqf95q"
257
+ B1h88n7: "fw2n66"
201
258
  },
202
259
  sizeLarge: {
203
260
  B7balbw: "f1qua4xo",
204
- B1h88n7: "f1u1hr7d"
205
- },
206
- interactive: {
207
- rhjd8f: "f1epqm3e"
261
+ B1h88n7: "f18zjdj0"
208
262
  },
209
263
  filled: {
210
- De3pzq: "fltf6vh",
211
- E5pizo: "fwitwng",
264
+ De3pzq: "f1y5ql7n",
265
+ E5pizo: "f1l2ude5",
212
266
  B0n5ga8: "f16gxe2i",
213
267
  s924m2: [
214
268
  "fpgykix",
@@ -222,8 +276,8 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
222
276
  },
223
277
  filledInteractive: {
224
278
  Bceei9c: "f1k6fduh",
225
- De3pzq: "f1h5vatx",
226
- E5pizo: "f1uxkkbl",
279
+ De3pzq: "fiekp45",
280
+ E5pizo: "f7rwcsy",
227
281
  B0n5ga8: "f16gxe2i",
228
282
  s924m2: [
229
283
  "fpgykix",
@@ -234,13 +288,12 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
234
288
  "fzybk4o",
235
289
  "fpgykix"
236
290
  ],
237
- Bi91k9c: "feu1g3u",
238
- Jwef8y: "f7oweeb",
239
- Bvxd0ez: "f18emohc",
240
- ecr2s2: "fqbzxcg"
291
+ Jwef8y: "f9iybsv",
292
+ Bvxd0ez: "f1b9qmj4",
293
+ ecr2s2: "fljdlzu"
241
294
  },
242
295
  filledInteractiveSelected: {
243
- De3pzq: "f1ksn0ep",
296
+ De3pzq: "f12vh31t",
244
297
  B0n5ga8: "f16eln5f",
245
298
  s924m2: [
246
299
  "fa2okxs",
@@ -251,12 +304,11 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
251
304
  "fg4zq3l",
252
305
  "fa2okxs"
253
306
  ],
254
- Bi91k9c: "fx9teim",
255
- Jwef8y: "f1bwa2ac"
307
+ Jwef8y: "fe4l7lm"
256
308
  },
257
309
  filledAlternative: {
258
- De3pzq: "far5xx1",
259
- E5pizo: "fsznyw7",
310
+ De3pzq: "f145rpb8",
311
+ E5pizo: "f1jrlzwb",
260
312
  B0n5ga8: "f16gxe2i",
261
313
  s924m2: [
262
314
  "fpgykix",
@@ -270,8 +322,8 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
270
322
  },
271
323
  filledAlternativeInteractive: {
272
324
  Bceei9c: "f1k6fduh",
273
- De3pzq: "f7smas5",
274
- E5pizo: "f1ubef17",
325
+ De3pzq: "f1kgqpjs",
326
+ E5pizo: "f1a2zne9",
275
327
  B0n5ga8: "f16gxe2i",
276
328
  s924m2: [
277
329
  "fpgykix",
@@ -282,13 +334,12 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
282
334
  "fzybk4o",
283
335
  "fpgykix"
284
336
  ],
285
- Bi91k9c: "fnwyq0v",
286
- Jwef8y: "fzx3r4q",
287
- Bvxd0ez: "fug60o5",
288
- ecr2s2: "f1ha9751"
337
+ Jwef8y: "fqm50rs",
338
+ Bvxd0ez: "fq5fk87",
339
+ ecr2s2: "f15wjqsw"
289
340
  },
290
341
  filledAlternativeInteractiveSelected: {
291
- De3pzq: "fufun8q",
342
+ De3pzq: "flecxhl",
292
343
  B0n5ga8: "f16eln5f",
293
344
  s924m2: [
294
345
  "fa2okxs",
@@ -299,10 +350,10 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
299
350
  "fg4zq3l",
300
351
  "fa2okxs"
301
352
  ],
302
- Jwef8y: "frbale"
353
+ Jwef8y: "f1oin7as"
303
354
  },
304
355
  outline: {
305
- De3pzq: "faq45x3",
356
+ De3pzq: "f11a8mzo",
306
357
  E5pizo: "f1couhl3",
307
358
  B0n5ga8: "ft83z1f",
308
359
  s924m2: [
@@ -317,7 +368,7 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
317
368
  },
318
369
  outlineInteractive: {
319
370
  Bceei9c: "f1k6fduh",
320
- De3pzq: "f80i76d",
371
+ De3pzq: "f134r7n3",
321
372
  E5pizo: "f1couhl3",
322
373
  B0n5ga8: "ft83z1f",
323
374
  s924m2: [
@@ -329,8 +380,7 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
329
380
  "f192dr6e",
330
381
  "f1g4150c"
331
382
  ],
332
- Bi91k9c: "feu1g3u",
333
- Jwef8y: "f1qzbeqf",
383
+ Jwef8y: "frxoo8s",
334
384
  Be0v6ae: "f1llr77y",
335
385
  B5kxglz: [
336
386
  "fzk0khw",
@@ -341,7 +391,7 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
341
391
  "fjj8tog",
342
392
  "fzk0khw"
343
393
  ],
344
- ecr2s2: "fny1dgt",
394
+ ecr2s2: "f1djjq2p",
345
395
  dmfk: "f1uohb70",
346
396
  B4ofi8: [
347
397
  "f1jm7v1n",
@@ -354,7 +404,7 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
354
404
  ]
355
405
  },
356
406
  outlineInteractiveSelected: {
357
- De3pzq: "f1l0mf4q",
407
+ De3pzq: "f3jdprh",
358
408
  B0n5ga8: "f16eln5f",
359
409
  s924m2: [
360
410
  "fa2okxs",
@@ -365,11 +415,10 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
365
415
  "fg4zq3l",
366
416
  "fa2okxs"
367
417
  ],
368
- Bi91k9c: "fx9teim",
369
- Jwef8y: "f12erfqo"
418
+ Jwef8y: "f1tbkf9f"
370
419
  },
371
420
  subtle: {
372
- De3pzq: "fkapjeb",
421
+ De3pzq: "focdvv2",
373
422
  E5pizo: "f1couhl3",
374
423
  B0n5ga8: "f16gxe2i",
375
424
  s924m2: [
@@ -384,7 +433,7 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
384
433
  },
385
434
  subtleInteractive: {
386
435
  Bceei9c: "f1k6fduh",
387
- De3pzq: "f51qof6",
436
+ De3pzq: "f1rfvwxm",
388
437
  E5pizo: "f1couhl3",
389
438
  B0n5ga8: "f16gxe2i",
390
439
  s924m2: [
@@ -396,12 +445,11 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
396
445
  "fzybk4o",
397
446
  "fpgykix"
398
447
  ],
399
- Bi91k9c: "feu1g3u",
400
- Jwef8y: "fopo1yw",
401
- ecr2s2: "ftzbayt"
448
+ Jwef8y: "f1cdzzdq",
449
+ ecr2s2: "fe89iq9"
402
450
  },
403
451
  subtleInteractiveSelected: {
404
- De3pzq: "f998m3t",
452
+ De3pzq: "f8hjf28",
405
453
  B0n5ga8: "f16eln5f",
406
454
  s924m2: [
407
455
  "fa2okxs",
@@ -412,8 +460,7 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
412
460
  "fg4zq3l",
413
461
  "fa2okxs"
414
462
  ],
415
- Bi91k9c: "fx9teim",
416
- Jwef8y: "fbohybn"
463
+ Jwef8y: "f241ven"
417
464
  },
418
465
  highContrastSelected: {
419
466
  ycbfsm: "fkc42ay",
@@ -468,13 +515,57 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
468
515
  Huce71: "fz5stix"
469
516
  }
470
517
  }, {
471
- f: [
472
- ".ftqa4ok:focus{outline-style:none;}"
473
- ],
474
- i: [
475
- ".f2hkw1w:focus-visible{outline-style:none;}"
476
- ],
477
518
  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;}",
478
569
  ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
479
570
  ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
480
571
  ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
@@ -484,7 +575,7 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
484
575
  ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
485
576
  ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
486
577
  [
487
- ".f1pjxlw4[data-fui-focus-visible]::after{border:var(--697, var(--698, var(--strokeWidthThick))) solid var(--colorStrokeFocus2);}",
578
+ ".f1xbuv65[data-fui-focus-visible]::after{border:var(--ctrl-token-Card-697, var(--semantic-token-Card-698, var(--strokeWidthThick))) solid var(--colorStrokeFocus2);}",
488
579
  {
489
580
  p: -2
490
581
  }
@@ -495,10 +586,10 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
495
586
  p: -1
496
587
  }
497
588
  ],
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);}",
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);}",
502
593
  ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}",
503
594
  ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}",
504
595
  ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}",
@@ -508,7 +599,7 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
508
599
  ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}",
509
600
  ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}",
510
601
  [
511
- ".f1f7o0bi[data-fui-focus-within]:focus-within::after{border:var(--697, var(--698, var(--strokeWidthThick))) solid var(--colorStrokeFocus2);}",
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);}",
512
603
  {
513
604
  p: -2
514
605
  }
@@ -519,10 +610,10 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
519
610
  p: -1
520
611
  }
521
612
  ],
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);}",
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);}",
526
617
  ".f1063pyq{flex-direction:row;}",
527
618
  ".f122n59{align-items:center;}",
528
619
  ".ftrw7vg>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
@@ -539,42 +630,41 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
539
630
  ".f3am6yf>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}",
540
631
  ".f1r5wgso>:not([aria-hidden=\"true\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}",
541
632
  ".f1pi9uxy{--fui-Card--size:8px;}",
542
- ".fir8pkv{--fui-Card--border-radius:var(--701, var(--702, var(--borderRadiusSmall)));}",
633
+ ".f15mxzhv{--fui-Card--border-radius:var(--ctrl-token-Card-701, var(--semantic-token-Card-702, var(--borderRadiusSmall)));}",
543
634
  ".frsmuga{--fui-Card--size:12px;}",
544
- ".f1uqf95q{--fui-Card--border-radius:var(--703, var(--704, var(--borderRadiusMedium)));}",
635
+ ".fw2n66{--fui-Card--border-radius:var(--ctrl-token-Card-703, var(--semantic-token-Card-704, var(--borderRadiusMedium)));}",
545
636
  ".f1qua4xo{--fui-Card--size:16px;}",
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)));}",
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)));}",
550
640
  ".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}",
551
641
  ".fpgykix::after{border-right-color:var(--colorTransparentStroke);}",
552
642
  ".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}",
553
643
  ".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}",
554
644
  ".f1k6fduh{cursor:pointer;}",
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)));}",
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)));}",
558
648
  ".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}",
559
649
  ".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}",
560
650
  ".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}",
561
651
  ".ff6932p::after{border-bottom-color:var(--colorNeutralStroke1Selected);}",
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)));}",
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)));}",
568
658
  ".f1couhl3{box-shadow:none;}",
569
659
  ".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}",
570
660
  ".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}",
571
661
  ".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}",
572
662
  ".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}",
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)));}",
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)));}",
578
668
  ".f1euv43f{position:absolute;}",
579
669
  ".fqclxi7{top:4px;}",
580
670
  ".fiv86kb{right:4px;}",
@@ -592,6 +682,12 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
592
682
  ".f1wch0ki{clip-path:inset(50%);}",
593
683
  ".fz5stix{white-space:nowrap;}"
594
684
  ],
685
+ f: [
686
+ ".ftqa4ok:focus{outline-style:none;}"
687
+ ],
688
+ i: [
689
+ ".f2hkw1w:focus-visible{outline-style:none;}"
690
+ ],
595
691
  m: [
596
692
  [
597
693
  "@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
@@ -697,39 +793,35 @@ const useCardStyles = /*#__PURE__*/ (0, _react1.__styles)({
697
793
  ]
698
794
  ],
699
795
  h: [
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)));}",
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)));}",
710
803
  ".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}",
711
804
  ".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}",
712
805
  ".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}",
713
806
  ".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}",
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)));}"
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)));}"
717
810
  ],
718
811
  a: [
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)));}",
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)));}",
722
815
  ".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}",
723
816
  ".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}",
724
817
  ".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}",
725
818
  ".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}",
726
- ".ftzbayt:active{background-color:var(--761, var(--762, var(--colorSubtleBackgroundPressed)));}"
819
+ ".fe89iq9:active{background-color:var(--ctrl-token-Card-761, var(--semantic-token-Card-762, var(--colorSubtleBackgroundPressed)));}"
727
820
  ]
728
821
  });
729
822
  const useCardStyles_unstable = (state)=>{
730
823
  'use no memo';
731
- const resetStyles = useCardResetStyles();
732
- const styles = useCardStyles();
824
+ const styles = useStyles();
733
825
  const orientationMap = {
734
826
  horizontal: styles.orientationHorizontal,
735
827
  vertical: styles.orientationVertical
@@ -758,7 +850,7 @@ const useCardStyles_unstable = (state)=>{
758
850
  subtle: styles.subtleInteractive
759
851
  };
760
852
  const isSelectableOrInteractive = state.interactive || state.selectable;
761
- const focusedClassName = _react.useMemo(()=>{
853
+ const focusedClassName = _react1.useMemo(()=>{
762
854
  if (state.selectable) {
763
855
  if (state.selectFocused) {
764
856
  return styles.selectableFocused;
@@ -772,12 +864,14 @@ const useCardStyles_unstable = (state)=>{
772
864
  styles.focused,
773
865
  styles.selectableFocused
774
866
  ]);
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);
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);
776
870
  if (state.floatingAction) {
777
- state.floatingAction.className = (0, _react1.mergeClasses)(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
871
+ state.floatingAction.className = (0, _react.mergeClasses)(cardClassNames.floatingAction, styles.select, state.floatingAction.className);
778
872
  }
779
873
  if (state.checkbox) {
780
- state.checkbox.className = (0, _react1.mergeClasses)(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);
874
+ state.checkbox.className = (0, _react.mergeClasses)(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);
781
875
  }
782
876
  return state;
783
877
  }; //# sourceMappingURL=useCardStyles.styles.js.map