@fluentui/react-card 9.0.8 → 9.0.10

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 (68) hide show
  1. package/CHANGELOG.json +115 -3
  2. package/CHANGELOG.md +33 -4
  3. package/lib/components/Card/Card.js +1 -1
  4. package/lib/components/Card/Card.js.map +1 -1
  5. package/lib/components/Card/index.js +1 -1
  6. package/lib/components/Card/index.js.map +1 -1
  7. package/lib/components/Card/{useCardStyles.js → useCardStyles.styles.js} +4 -4
  8. package/lib/components/Card/useCardStyles.styles.js.map +1 -0
  9. package/lib/components/CardFooter/CardFooter.js +1 -1
  10. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  11. package/lib/components/CardFooter/index.js +1 -1
  12. package/lib/components/CardFooter/index.js.map +1 -1
  13. package/lib/components/CardFooter/{useCardFooterStyles.js → useCardFooterStyles.styles.js} +1 -1
  14. package/lib/components/CardFooter/useCardFooterStyles.styles.js.map +1 -0
  15. package/lib/components/CardHeader/CardHeader.js +1 -1
  16. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  17. package/lib/components/CardHeader/index.js +1 -1
  18. package/lib/components/CardHeader/index.js.map +1 -1
  19. package/lib/components/CardHeader/useCardHeader.js +1 -1
  20. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  21. package/lib/components/CardHeader/{useCardHeaderStyles.js → useCardHeaderStyles.styles.js} +1 -1
  22. package/lib/components/CardHeader/useCardHeaderStyles.styles.js.map +1 -0
  23. package/lib/components/CardPreview/CardPreview.js +1 -1
  24. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  25. package/lib/components/CardPreview/index.js +1 -1
  26. package/lib/components/CardPreview/index.js.map +1 -1
  27. package/lib/components/CardPreview/useCardPreview.js +1 -1
  28. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  29. package/lib/components/CardPreview/{useCardPreviewStyles.js → useCardPreviewStyles.styles.js} +1 -1
  30. package/lib/components/CardPreview/useCardPreviewStyles.styles.js.map +1 -0
  31. package/lib-commonjs/components/Card/Card.js +2 -2
  32. package/lib-commonjs/components/Card/Card.js.map +1 -1
  33. package/lib-commonjs/components/Card/index.js +1 -1
  34. package/lib-commonjs/components/Card/index.js.map +1 -1
  35. package/lib-commonjs/components/Card/{useCardStyles.js → useCardStyles.styles.js} +2 -2
  36. package/lib-commonjs/components/Card/useCardStyles.styles.js.map +1 -0
  37. package/lib-commonjs/components/CardFooter/CardFooter.js +2 -2
  38. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  39. package/lib-commonjs/components/CardFooter/index.js +1 -1
  40. package/lib-commonjs/components/CardFooter/index.js.map +1 -1
  41. package/lib-commonjs/components/CardFooter/{useCardFooterStyles.js → useCardFooterStyles.styles.js} +2 -2
  42. package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.js.map +1 -0
  43. package/lib-commonjs/components/CardHeader/CardHeader.js +2 -2
  44. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  45. package/lib-commonjs/components/CardHeader/index.js +1 -1
  46. package/lib-commonjs/components/CardHeader/index.js.map +1 -1
  47. package/lib-commonjs/components/CardHeader/useCardHeader.js +2 -2
  48. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  49. package/lib-commonjs/components/CardHeader/{useCardHeaderStyles.js → useCardHeaderStyles.styles.js} +2 -2
  50. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.js.map +1 -0
  51. package/lib-commonjs/components/CardPreview/CardPreview.js +2 -2
  52. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  53. package/lib-commonjs/components/CardPreview/index.js +1 -1
  54. package/lib-commonjs/components/CardPreview/index.js.map +1 -1
  55. package/lib-commonjs/components/CardPreview/useCardPreview.js +2 -2
  56. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  57. package/lib-commonjs/components/CardPreview/{useCardPreviewStyles.js → useCardPreviewStyles.styles.js} +2 -2
  58. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.js.map +1 -0
  59. package/package.json +10 -9
  60. package/.swcrc +0 -30
  61. package/lib/components/Card/useCardStyles.js.map +0 -1
  62. package/lib/components/CardFooter/useCardFooterStyles.js.map +0 -1
  63. package/lib/components/CardHeader/useCardHeaderStyles.js.map +0 -1
  64. package/lib/components/CardPreview/useCardPreviewStyles.js.map +0 -1
  65. package/lib-commonjs/components/Card/useCardStyles.js.map +0 -1
  66. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +0 -1
  67. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +0 -1
  68. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../lib/components/Card/useCardStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardClassNames = {\n root: 'fui-Card',\n floatingAction: 'fui-Card__floatingAction',\n checkbox: 'fui-Card__checkbox'\n};\n/**\n * CSS variable names used internally for uniform styling in Card.\n */\nexport const cardCSSVars = {\n cardSizeVar: '--fui-Card--size',\n cardBorderRadiusVar: '--fui-Card--border-radius'\n};\nconst focusOutlineStyle = {\n outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n outlineWidth: tokens.strokeWidthThick\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bbmb7ep: [\"fifeqxg\", \"f899z7z\"],\n Beyfa6y: [\"f899z7z\", \"fifeqxg\"],\n B7oj6ja: [\"f4h3tyx\", \"f18ur2pz\"],\n Btl43ni: [\"f18ur2pz\", \"f4h3tyx\"],\n z8tnut: \"f1lplnzb\",\n z189sj: [\"f10m5gbb\", \"f1k04kkk\"],\n Byoj8tv: \"fhftqfp\",\n uwmqm3: [\"f1k04kkk\", \"f10m5gbb\"],\n i8kkvl: \"fxsr4vj\",\n Belr9w4: \"fcvsdzp\",\n mc9l5x: \"f22iagw\",\n qhf8xq: \"f10pi13n\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f19n0e5\",\n E3zdtr: \"f1mdlcz9\",\n bn5sak: \"frwkxtg\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n By385i5: \"fo72kxq\",\n Bsft5z2: \"f13zj6fq\",\n B80jsxd: \"f1nwj1ja\",\n Bm2nyyq: \"f8rth92\",\n Barhvk9: [\"flthirb\", \"ftkbnf5\"],\n Bw17bha: \"f1lh990p\",\n vfts7: [\"ftkbnf5\", \"flthirb\"],\n xrcqlc: \"f6czdpx\",\n Ihftqj: [\"f13hvwk3\", \"f1en4csx\"],\n Bcgy8vk: \"f1i1u9k0\",\n Bhxzhr1: [\"f1en4csx\", \"f13hvwk3\"],\n B3778ie: [\"f1qnomq5\", \"f2fl922\"],\n d9w3h3: [\"f2fl922\", \"f1qnomq5\"],\n Bl18szs: [\"f1anhtl\", \"f1n2zcl3\"],\n B4j8arr: [\"f1n2zcl3\", \"f1anhtl\"],\n B2jhnfs: \"f16v3d5c\",\n wiictr: \"f1su8t2g\",\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"f99gebs\",\n clg4pj: [\"f13b0oaq\", \"f8t2bz6\"],\n hgwjuy: \"f1jvq617\",\n Bonggc9: [\"f8t2bz6\", \"f13b0oaq\"],\n B1tsrr9: [\"f11unbnk\", \"fbd201q\"],\n Dah5zi: [\"fbd201q\", \"f11unbnk\"],\n Bkh64rk: [\"f12nqxso\", \"f1uguk4w\"],\n qqdqy8: [\"f1uguk4w\", \"f12nqxso\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"f3l4wcz\",\n Bjwuhne: \"f6j2biq\",\n Ghsupd: [\"fdzzmfx\", \"fduh8kh\"],\n Bule8hv: [\"fduh8kh\", \"fdzzmfx\"]\n },\n selectableFocused: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n ghq09: \"f78i1la\",\n B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n Bwckmig: \"f8k7e5g\",\n Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n Bbgo44z: \"f125hn41\",\n Bil7v7r: [\"fgxkx34\", \"f1v56tyl\"],\n skfxo0: \"fdxas6f\",\n jo1ztg: [\"f1v56tyl\", \"fgxkx34\"],\n Ba3ybja: [\"fxwickw\", \"f1ia5cve\"],\n az1dzo: [\"f1ia5cve\", \"fxwickw\"],\n vppk2z: [\"f194aguw\", \"fqicc6c\"],\n B6352mv: [\"fqicc6c\", \"f194aguw\"],\n nr063g: \"fq4eyks\",\n Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n Bsiemmq: \"f1e2iu44\",\n B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n B2pnrqr: \"f4a0pcc\",\n Bhhzhcn: \"f11go4w5\",\n Bec0n69: [\"f4dzull\", \"fy687nj\"],\n B29w5g4: [\"fy687nj\", \"f4dzull\"]\n },\n orientationHorizontal: {\n Beiy3e4: \"f1063pyq\",\n Bt984gj: \"f122n59\",\n Bnoktp0: \"fpfyeui\",\n Idhjb2: \"fwi74qw\",\n ihgzqh: [\"ffcmwrh\", \"f6ppoih\"],\n Bgp6ld0: [\"f1dc9p14\", \"fd933vt\"],\n Bbucpmy: \"f18esqgw\"\n },\n orientationVertical: {\n Beiy3e4: \"f1vx9l62\",\n Bt4kzjz: [\"fobhde4\", \"fx5r7kn\"],\n B1ou843: [\"fx5r7kn\", \"fobhde4\"],\n y1433z: \"f19chtn8\",\n B7egwnw: \"fuvs6re\",\n B49b4xf: \"fy4glsf\"\n },\n sizeSmall: {\n B7balbw: \"f1pi9uxy\",\n B1h88n7: \"f1h1zgly\"\n },\n sizeMedium: {\n B7balbw: \"frsmuga\",\n B1h88n7: \"fuldkky\"\n },\n sizeLarge: {\n B7balbw: \"f1qua4xo\",\n B1h88n7: \"fimkt6v\"\n },\n filled: {\n De3pzq: \"fxugw4r\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n filledInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"fxugw4r\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1knas48\",\n Bvxd0ez: \"f1m145df\",\n ecr2s2: \"fb40n2d\"\n },\n filledInteractiveSelected: {\n De3pzq: \"f1nfm20t\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"f1kz6goq\"\n },\n filledAlternative: {\n De3pzq: \"f1dmdbja\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n filledAlternativeInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"f1dmdbja\",\n E5pizo: \"f1whvlc6\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1uvynv3\",\n Bvxd0ez: \"f1m145df\",\n ecr2s2: \"f1yhgkbh\"\n },\n filledAlternativeInteractiveSelected: {\n De3pzq: \"fjxa0vh\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"fehi0vp\"\n },\n outline: {\n De3pzq: \"f1c21dwh\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"]\n },\n outlineInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"f1c21dwh\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"ft83z1f\",\n s924m2: [\"f1g4150c\", \"f192dr6e\"],\n B1q35kw: \"f1qnawh6\",\n Gp14am: [\"f192dr6e\", \"f1g4150c\"],\n Jwef8y: \"fjxutwb\",\n Be0v6ae: \"f1llr77y\",\n B5kxglz: [\"fzk0khw\", \"fjj8tog\"],\n B3pwyw6: \"fb1u8ub\",\n Bymgtzf: [\"fjj8tog\", \"fzk0khw\"],\n ecr2s2: \"fophhak\",\n dmfk: \"f1uohb70\",\n B4ofi8: [\"f1jm7v1n\", \"f1bus3rq\"],\n jgq6uv: \"f1fbu7rr\",\n Baxewws: [\"f1bus3rq\", \"f1jm7v1n\"]\n },\n outlineInteractiveSelected: {\n De3pzq: \"f1q9pm1r\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"fg59vm4\"\n },\n subtle: {\n De3pzq: \"fhovq9v\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"]\n },\n subtleInteractive: {\n Bceei9c: \"f1k6fduh\",\n De3pzq: \"fhovq9v\",\n E5pizo: \"f1couhl3\",\n B0n5ga8: \"f16gxe2i\",\n s924m2: [\"fpgykix\", \"fzybk4o\"],\n B1q35kw: \"f1osi826\",\n Gp14am: [\"fzybk4o\", \"fpgykix\"],\n Jwef8y: \"f1t94bn6\",\n ecr2s2: \"f1wfn5kd\"\n },\n subtleInteractiveSelected: {\n De3pzq: \"fq5gl1p\",\n B0n5ga8: \"f16eln5f\",\n s924m2: [\"fa2okxs\", \"fg4zq3l\"],\n B1q35kw: \"ff6932p\",\n Gp14am: [\"fg4zq3l\", \"fa2okxs\"],\n Jwef8y: \"f1uqaxdt\"\n },\n highContrastSelected: {\n ycbfsm: \"fkc42ay\",\n Bsw6fvg: \"f1rirnrt\",\n Bbusuzp: \"f1lkg8j3\",\n xgfqdd: \"f1nkj0oa\",\n Bmmdzwq: \"fey3rwa\",\n zkpvhj: [\"f5jhx11\", \"fff9uym\"],\n B20bydw: \"fm7n0jy\",\n Bwwwggl: [\"fff9uym\", \"f5jhx11\"]\n },\n highContrastInteractive: {\n h1vhog: \"fpfvv3l\",\n kslmdy: \"f1oamsm6\",\n Baaf6ca: \"f1il21bs\",\n x9zz3d: \"fnn5dk0\",\n Bmmdzwq: \"fey3rwa\",\n zkpvhj: [\"f5jhx11\", \"fff9uym\"],\n B20bydw: \"fm7n0jy\",\n Bwwwggl: [\"fff9uym\", \"f5jhx11\"]\n },\n select: {\n qhf8xq: \"f1euv43f\",\n Bhzewxz: \"fqclxi7\",\n j35jbq: [\"fiv86kb\", \"f36uhnt\"],\n Bj3rh1h: \"f19g0ac\"\n },\n hiddenCheckbox: {\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n a9b677: \"frkrog8\",\n Bqenvij: \"f1mpe4l3\",\n qhf8xq: \"f1euv43f\",\n Bh84pgu: \"fmf1zke\",\n Bgl5zvf: \"f1wch0ki\",\n Huce71: \"fz5stix\"\n }\n}, {\n d: [\".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".fifeqxg{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f899z7z{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f4h3tyx{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f18ur2pz{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f1lplnzb{padding-top:var(--fui-Card--size);}\", \".f10m5gbb{padding-right:var(--fui-Card--size);}\", \".f1k04kkk{padding-left:var(--fui-Card--size);}\", \".fhftqfp{padding-bottom:var(--fui-Card--size);}\", \".fxsr4vj{-webkit-column-gap:var(--fui-Card--size);column-gap:var(--fui-Card--size);}\", \".fcvsdzp{row-gap:var(--fui-Card--size);}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f10pi13n{position:relative;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mdlcz9::after{position:absolute;}\", \".frwkxtg::after{top:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fo72kxq::after{bottom:0;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1nwj1ja::after{pointer-events:none;}\", \".f8rth92::after{border-top-style:solid;}\", \".flthirb::after{border-right-style:solid;}\", \".ftkbnf5::after{border-left-style:solid;}\", \".f1lh990p::after{border-bottom-style:solid;}\", \".f6czdpx::after{border-top-width:var(--strokeWidthThin);}\", \".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}\", \".f1en4csx::after{border-left-width:var(--strokeWidthThin);}\", \".f1i1u9k0::after{border-bottom-width:var(--strokeWidthThin);}\", \".f1qnomq5::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f2fl922::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f1anhtl::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f1n2zcl3::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f16v3d5c>.fui-CardHeader,.f16v3d5c>.fui-CardFooter{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1su8t2g>:not(.fui-CardPreview):not(.fui-CardHeader):not(.fui-CardFooter){-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".f99gebs[data-fui-focus-visible]::after{border-top-width:var(--strokeWidthThick);}\", \".f13b0oaq[data-fui-focus-visible]::after{border-right-width:var(--strokeWidthThick);}\", \".f8t2bz6[data-fui-focus-visible]::after{border-left-width:var(--strokeWidthThick);}\", \".f1jvq617[data-fui-focus-visible]::after{border-bottom-width:var(--strokeWidthThick);}\", \".f11unbnk[data-fui-focus-visible]::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".fbd201q[data-fui-focus-visible]::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f12nqxso[data-fui-focus-visible]::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".f1uguk4w[data-fui-focus-visible]::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f3l4wcz[data-fui-focus-visible]::after{top:-var(--strokeWidthThick);}\", \".f6j2biq[data-fui-focus-visible]::after{bottom:-var(--strokeWidthThick);}\", \".fdzzmfx[data-fui-focus-visible]::after{left:-var(--strokeWidthThick);}\", \".fduh8kh[data-fui-focus-visible]::after{right:-var(--strokeWidthThick);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", \".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}\", \".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}\", \".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}\", \".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}\", \".f125hn41[data-fui-focus-within]:focus-within::after{border-top-width:var(--strokeWidthThick);}\", \".fgxkx34[data-fui-focus-within]:focus-within::after{border-right-width:var(--strokeWidthThick);}\", \".f1v56tyl[data-fui-focus-within]:focus-within::after{border-left-width:var(--strokeWidthThick);}\", \".fdxas6f[data-fui-focus-within]:focus-within::after{border-bottom-width:var(--strokeWidthThick);}\", \".fxwickw[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--fui-Card--border-radius);}\", \".f1ia5cve[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--fui-Card--border-radius);}\", \".f194aguw[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--fui-Card--border-radius);}\", \".fqicc6c[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--fui-Card--border-radius);}\", \".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}\", \".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}\", \".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f4a0pcc[data-fui-focus-within]:focus-within::after{top:-var(--strokeWidthThick);}\", \".f11go4w5[data-fui-focus-within]:focus-within::after{bottom:-var(--strokeWidthThick);}\", \".f4dzull[data-fui-focus-within]:focus-within::after{left:-var(--strokeWidthThick);}\", \".fy687nj[data-fui-focus-within]:focus-within::after{right:-var(--strokeWidthThick);}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fpfyeui>.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fwi74qw>.fui-CardPreview{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".ffcmwrh>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f6ppoih>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f1dc9p14>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-right:calc(var(--fui-Card--size) * -1);}\", \".fd933vt>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-left:calc(var(--fui-Card--size) * -1);}\", \".f18esqgw>.fui-CardHeader:last-of-type,.f18esqgw>.fui-CardFooter:last-of-type{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".fobhde4>.fui-CardPreview{margin-left:calc(var(--fui-Card--size) * -1);}\", \".fx5r7kn>.fui-CardPreview{margin-right:calc(var(--fui-Card--size) * -1);}\", \".f19chtn8>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:first-of-type{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fuvs6re>.fui-Card__floatingAction+.fui-CardPreview{margin-top:calc(var(--fui-Card--size) * -1);}\", \".fy4glsf>:not([aria-hidden=\\\"true\\\"]).fui-CardPreview:last-of-type{margin-bottom:calc(var(--fui-Card--size) * -1);}\", \".f1pi9uxy{--fui-Card--size:8px;}\", \".f1h1zgly{--fui-Card--border-radius:var(--borderRadiusSmall);}\", \".frsmuga{--fui-Card--size:12px;}\", \".fuldkky{--fui-Card--border-radius:var(--borderRadiusMedium);}\", \".f1qua4xo{--fui-Card--size:16px;}\", \".fimkt6v{--fui-Card--border-radius:var(--borderRadiusLarge);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1whvlc6{box-shadow:var(--shadow4);}\", \".f16gxe2i::after{border-top-color:var(--colorTransparentStroke);}\", \".fpgykix::after{border-right-color:var(--colorTransparentStroke);}\", \".fzybk4o::after{border-left-color:var(--colorTransparentStroke);}\", \".f1osi826::after{border-bottom-color:var(--colorTransparentStroke);}\", \".f1k6fduh{cursor:pointer;}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".f16eln5f::after{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fa2okxs::after{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fg4zq3l::after{border-left-color:var(--colorNeutralStroke1Selected);}\", \".ff6932p::after{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".f1dmdbja{background-color:var(--colorNeutralBackground2);}\", \".fjxa0vh{background-color:var(--colorNeutralBackground2Selected);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1couhl3{box-shadow:none;}\", \".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}\", \".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}\", \".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}\", \".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1euv43f{position:absolute;}\", \".fqclxi7{top:4px;}\", \".fiv86kb{right:4px;}\", \".f36uhnt{left:4px;}\", \".f19g0ac{z-index:1;}\", \".frkrog8{width:1px;}\", \".f1mpe4l3{height:1px;}\", \".fmf1zke{clip:rect(0 0 0 0);}\", \".f1wch0ki{-webkit-clip-path:inset(50%);clip-path:inset(50%);}\", \".fz5stix{white-space:nowrap;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".f1m145df:hover{box-shadow:var(--shadow8);}\", \".f1kz6goq:hover{background-color:var(--colorNeutralBackground1Selected);}\", \".f1uvynv3:hover{background-color:var(--colorNeutralBackground2Hover);}\", \".fehi0vp:hover{background-color:var(--colorNeutralBackground2Selected);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1llr77y:hover::after{border-top-color:var(--colorNeutralStroke1Hover);}\", \".fzk0khw:hover::after{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fjj8tog:hover::after{border-left-color:var(--colorNeutralStroke1Hover);}\", \".fb1u8ub:hover::after{border-bottom-color:var(--colorNeutralStroke1Hover);}\", \".fg59vm4:hover{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n a: [\".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f1yhgkbh:active{background-color:var(--colorNeutralBackground2Pressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1uohb70:active::after{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1jm7v1n:active::after{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1bus3rq:active::after{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1fbu7rr:active::after{border-bottom-color:var(--colorNeutralStroke1Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"],\n m: [[\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1nkj0oa .fui-CardPreview,.f1nkj0oa .fui-CardFooter{forced-color-adjust:auto;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fff9uym::after{border-left-color:Highlight;}.f5jhx11::after{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fpfvv3l:hover,.fpfvv3l :active{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1oamsm6:hover,.f1oamsm6 :active{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1il21bs:hover,.f1il21bs :active{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fnn5dk0:hover .fui-CardPreview,.fnn5dk0 :active .fui-CardPreview,.fnn5dk0:hover .fui-CardFooter,.fnn5dk0 :active .fui-CardFooter{forced-color-adjust:auto;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fey3rwa::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f5jhx11::after{border-right-color:Highlight;}.fff9uym::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fm7n0jy::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fff9uym::after{border-left-color:Highlight;}.f5jhx11::after{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = state => {\n const styles = useStyles();\n const orientationMap = {\n horizontal: styles.orientationHorizontal,\n vertical: styles.orientationVertical\n };\n const sizeMap = {\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge\n };\n const appearanceMap = {\n filled: styles.filled,\n 'filled-alternative': styles.filledAlternative,\n outline: styles.outline,\n subtle: styles.subtle\n };\n const selectedMap = {\n filled: styles.filledInteractiveSelected,\n 'filled-alternative': styles.filledAlternativeInteractiveSelected,\n outline: styles.outlineInteractiveSelected,\n subtle: styles.subtleInteractiveSelected\n };\n const interactiveMap = {\n filled: styles.filledInteractive,\n 'filled-alternative': styles.filledAlternativeInteractive,\n outline: styles.outlineInteractive,\n subtle: styles.subtleInteractive\n };\n const isSelectableOrInteractive = state.interactive || state.selectable;\n state.root.className = mergeClasses(cardClassNames.root, styles.root, orientationMap[state.orientation], sizeMap[state.size], appearanceMap[state.appearance], isSelectableOrInteractive && interactiveMap[state.appearance], state.selected && selectedMap[state.appearance], state.selectFocused && styles.selectableFocused,\n // High contrast overrides\n state.selected && styles.highContrastSelected, isSelectableOrInteractive && styles.highContrastInteractive, state.root.className);\n if (state.floatingAction) {\n state.floatingAction.className = mergeClasses(cardClassNames.floatingAction, styles.select, state.floatingAction.className);\n }\n if (state.checkbox) {\n state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardStyles.styles.js.map"],"names":["cardClassNames","cardCSSVars","useCardStyles_unstable","root","floatingAction","checkbox","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","tokens","strokeWidthThick","useStyles","__styles","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B2jhnfs","wiictr","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","orientationHorizontal","Beiy3e4","Bt984gj","Bnoktp0","Idhjb2","ihgzqh","Bgp6ld0","Bbucpmy","orientationVertical","Bt4kzjz","B1ou843","y1433z","B7egwnw","B49b4xf","sizeSmall","B7balbw","B1h88n7","sizeMedium","sizeLarge","filled","De3pzq","E5pizo","B0n5ga8","s924m2","B1q35kw","Gp14am","filledInteractive","Bceei9c","Jwef8y","Bvxd0ez","ecr2s2","filledInteractiveSelected","filledAlternative","filledAlternativeInteractive","filledAlternativeInteractiveSelected","outline","outlineInteractive","Be0v6ae","B5kxglz","B3pwyw6","Bymgtzf","dmfk","B4ofi8","jgq6uv","Baxewws","outlineInteractiveSelected","subtle","subtleInteractive","subtleInteractiveSelected","highContrastSelected","ycbfsm","Bsw6fvg","Bbusuzp","xgfqdd","Bmmdzwq","zkpvhj","B20bydw","Bwwwggl","highContrastInteractive","h1vhog","kslmdy","Baaf6ca","x9zz3d","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","f","i","h","a","m","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","className","mergeClasses","orientation","size","appearance","selected","selectFocused"],"mappings":"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"}
@@ -10,10 +10,10 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
10
10
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _useCardFooter = require("./useCardFooter");
12
12
  const _renderCardFooter = require("./renderCardFooter");
13
- const _useCardFooterStyles = require("./useCardFooterStyles");
13
+ const _useCardFooterStylesStyles = require("./useCardFooterStyles.styles");
14
14
  const CardFooter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
15
15
  const state = (0, _useCardFooter.useCardFooter_unstable)(props, ref);
16
- (0, _useCardFooterStyles.useCardFooterStyles_unstable)(state);
16
+ (0, _useCardFooterStylesStyles.useCardFooterStyles_unstable)(state);
17
17
  return (0, _renderCardFooter.renderCardFooter_unstable)(state);
18
18
  });
19
19
  CardFooter.displayName = 'CardFooter'; //# sourceMappingURL=CardFooter.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CardFooter/CardFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardFooter_unstable } from './useCardFooter';\nimport { renderCardFooter_unstable } from './renderCardFooter';\nimport { useCardFooterStyles_unstable } from './useCardFooterStyles';\n/**\n * Component to render Button actions in a Card component.\n */\nexport const CardFooter = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useCardFooter_unstable(props, ref);\n useCardFooterStyles_unstable(state);\n return renderCardFooter_unstable(state);\n});\nCardFooter.displayName = 'CardFooter';\n//# sourceMappingURL=CardFooter.js.map"],"names":["CardFooter","React","forwardRef","props","ref","state","useCardFooter_unstable","useCardFooterStyles_unstable","renderCardFooter_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;+BACgB;kCACG;qCACG;AAItC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACnC;AACAL,WAAWS,WAAW,GAAG,cACzB,sCAAsC"}
1
+ {"version":3,"sources":["../../../lib/components/CardFooter/CardFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardFooter_unstable } from './useCardFooter';\nimport { renderCardFooter_unstable } from './renderCardFooter';\nimport { useCardFooterStyles_unstable } from './useCardFooterStyles.styles';\n/**\n * Component to render Button actions in a Card component.\n */\nexport const CardFooter = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useCardFooter_unstable(props, ref);\n useCardFooterStyles_unstable(state);\n return renderCardFooter_unstable(state);\n});\nCardFooter.displayName = 'CardFooter';\n//# sourceMappingURL=CardFooter.js.map"],"names":["CardFooter","React","forwardRef","props","ref","state","useCardFooter_unstable","useCardFooterStyles_unstable","renderCardFooter_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;+BACgB;kCACG;2CACG;AAItC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACnC;AACAL,WAAWS,WAAW,GAAG,cACzB,sCAAsC"}
@@ -7,7 +7,7 @@ _exportStar(require("./CardFooter"), exports);
7
7
  _exportStar(require("./CardFooter.types"), exports);
8
8
  _exportStar(require("./renderCardFooter"), exports);
9
9
  _exportStar(require("./useCardFooter"), exports);
10
- _exportStar(require("./useCardFooterStyles"), exports);
10
+ _exportStar(require("./useCardFooterStyles.styles"), exports);
11
11
  //# sourceMappingURL=index.js.map
12
12
 
13
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CardFooter/index.js"],"sourcesContent":["export * from './CardFooter';\nexport * from './CardFooter.types';\nexport * from './renderCardFooter';\nexport * from './useCardFooter';\nexport * from './useCardFooterStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["../../../lib/components/CardFooter/index.js"],"sourcesContent":["export * from './CardFooter';\nexport * from './CardFooter.types';\nexport * from './renderCardFooter';\nexport * from './useCardFooter';\nexport * from './useCardFooterStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -47,6 +47,6 @@ const useCardFooterStyles_unstable = (state)=>{
47
47
  state.action.className = (0, _react.mergeClasses)(cardFooterClassNames.action, styles.action, state.action.className);
48
48
  }
49
49
  return state;
50
- }; //# sourceMappingURL=useCardFooterStyles.js.map
50
+ }; //# sourceMappingURL=useCardFooterStyles.styles.js.map
51
51
 
52
- //# sourceMappingURL=useCardFooterStyles.js.map
52
+ //# sourceMappingURL=useCardFooterStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../lib/components/CardFooter/useCardFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardFooterClassNames = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n i8kkvl: \"f4akndk\",\n Belr9w4: \"fe5j3v\"\n },\n action: {\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"]\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".f4akndk{-webkit-column-gap:12px;column-gap:12px;}\", \".fe5j3v{row-gap:12px;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\"]\n});\n/**\n * Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardFooterStyles.styles.js.map"],"names":["cardFooterClassNames","useCardFooterStyles_unstable","root","action","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","Frg6f3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB,MAApBA;IAoBAC,4BAA4B,MAA5BA;;uBAxBsC;AAI5C,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,QAAQ;AACV;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAN,QAAQ;QACNO,QAAQ;YAAC;YAAW;SAAW;IACjC;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAAoF;QAAsD;QAA0B;QAA+B;KAAgC;AACjU;AAIO,MAAMV,+BAA+BW,CAAAA,QAAS;IACnD,MAAMC,SAAST;IACfQ,MAAMV,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,qBAAqBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IAChG,IAAIF,MAAMT,MAAM,EAAE;QAChBS,MAAMT,MAAM,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACf,qBAAqBG,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACW,SAAS;IAC1G,CAAC;IACD,OAAOF;AACT,GACA,sDAAsD"}
@@ -10,10 +10,10 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
10
10
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _useCardHeader = require("./useCardHeader");
12
12
  const _renderCardHeader = require("./renderCardHeader");
13
- const _useCardHeaderStyles = require("./useCardHeaderStyles");
13
+ const _useCardHeaderStylesStyles = require("./useCardHeaderStyles.styles");
14
14
  const CardHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
15
15
  const state = (0, _useCardHeader.useCardHeader_unstable)(props, ref);
16
- (0, _useCardHeaderStyles.useCardHeaderStyles_unstable)(state);
16
+ (0, _useCardHeaderStylesStyles.useCardHeaderStyles_unstable)(state);
17
17
  return (0, _renderCardHeader.renderCardHeader_unstable)(state);
18
18
  });
19
19
  CardHeader.displayName = 'CardHeader'; //# sourceMappingURL=CardHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CardHeader/CardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardHeader_unstable } from './useCardHeader';\nimport { renderCardHeader_unstable } from './renderCardHeader';\nimport { useCardHeaderStyles_unstable } from './useCardHeaderStyles';\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useCardHeader_unstable(props, ref);\n useCardHeaderStyles_unstable(state);\n return renderCardHeader_unstable(state);\n});\nCardHeader.displayName = 'CardHeader';\n//# sourceMappingURL=CardHeader.js.map"],"names":["CardHeader","React","forwardRef","props","ref","state","useCardHeader_unstable","useCardHeaderStyles_unstable","renderCardHeader_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;+BACgB;kCACG;qCACG;AAItC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACnC;AACAL,WAAWS,WAAW,GAAG,cACzB,sCAAsC"}
1
+ {"version":3,"sources":["../../../lib/components/CardHeader/CardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardHeader_unstable } from './useCardHeader';\nimport { renderCardHeader_unstable } from './renderCardHeader';\nimport { useCardHeaderStyles_unstable } from './useCardHeaderStyles.styles';\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useCardHeader_unstable(props, ref);\n useCardHeaderStyles_unstable(state);\n return renderCardHeader_unstable(state);\n});\nCardHeader.displayName = 'CardHeader';\n//# sourceMappingURL=CardHeader.js.map"],"names":["CardHeader","React","forwardRef","props","ref","state","useCardHeader_unstable","useCardHeaderStyles_unstable","renderCardHeader_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;+BACgB;kCACG;2CACG;AAItC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACnC;AACAL,WAAWS,WAAW,GAAG,cACzB,sCAAsC"}
@@ -7,7 +7,7 @@ _exportStar(require("./CardHeader"), exports);
7
7
  _exportStar(require("./CardHeader.types"), exports);
8
8
  _exportStar(require("./renderCardHeader"), exports);
9
9
  _exportStar(require("./useCardHeader"), exports);
10
- _exportStar(require("./useCardHeaderStyles"), exports);
10
+ _exportStar(require("./useCardHeaderStyles.styles"), exports);
11
11
  //# sourceMappingURL=index.js.map
12
12
 
13
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CardHeader/index.js"],"sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["../../../lib/components/CardHeader/index.js"],"sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -10,12 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
10
10
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _reactUtilities = require("@fluentui/react-utilities");
12
12
  const _cardContext = require("../Card/CardContext");
13
- const _useCardHeaderStyles = require("./useCardHeaderStyles");
13
+ const _useCardHeaderStylesStyles = require("./useCardHeaderStyles.styles");
14
14
  const useCardHeader_unstable = (props, ref)=>{
15
15
  const { image , header , description , action } = props;
16
16
  const { selectableA11yProps: { referenceId , setReferenceId } } = (0, _cardContext.useCardContext_unstable)();
17
17
  const headerRef = _react.useRef(null);
18
- const generatedId = (0, _reactUtilities.useId)(_useCardHeaderStyles.cardHeaderClassNames.header, referenceId);
18
+ const generatedId = (0, _reactUtilities.useId)(_useCardHeaderStylesStyles.cardHeaderClassNames.header, referenceId);
19
19
  _react.useEffect(()=>{
20
20
  if (header && headerRef.current) {
21
21
  const { id } = headerRef.current;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CardHeader/useCardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardHeaderClassNames } from './useCardHeaderStyles';\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,\n * before being passed to renderCardHeader_unstable.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n */\nexport const useCardHeader_unstable = (props, ref) => {\n const {\n image,\n header,\n description,\n action\n } = props;\n const {\n selectableA11yProps: {\n referenceId,\n setReferenceId\n }\n } = useCardContext_unstable();\n const headerRef = React.useRef(null);\n const generatedId = useId(cardHeaderClassNames.header, referenceId);\n React.useEffect(() => {\n if (header && headerRef.current) {\n const {\n id\n } = headerRef.current;\n setReferenceId(id ? id : generatedId);\n }\n }, [header, setReferenceId, generatedId]);\n return {\n components: {\n root: 'div',\n image: 'div',\n header: 'div',\n description: 'div',\n action: 'div'\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n image: resolveShorthand(image),\n header: resolveShorthand(header, {\n required: true,\n defaultProps: {\n ref: headerRef,\n id: referenceId\n }\n }),\n description: resolveShorthand(description),\n action: resolveShorthand(action)\n };\n};\n//# sourceMappingURL=useCardHeader.js.map"],"names":["useCardHeader_unstable","props","ref","image","header","description","action","selectableA11yProps","referenceId","setReferenceId","useCardContext_unstable","headerRef","React","useRef","generatedId","useId","cardHeaderClassNames","useEffect","current","id","components","root","getNativeElementProps","resolveShorthand","required","defaultProps"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACwC;6BACvB;qCACH;AAU9B,MAAMA,yBAAyB,CAACC,OAAOC,MAAQ;IACpD,MAAM,EACJC,MAAK,EACLC,OAAM,EACNC,YAAW,EACXC,OAAM,EACP,GAAGL;IACJ,MAAM,EACJM,qBAAqB,EACnBC,YAAW,EACXC,eAAc,EACf,CAAA,EACF,GAAGC,IAAAA,oCAAuB;IAC3B,MAAMC,YAAYC,OAAMC,MAAM,CAAC,IAAI;IACnC,MAAMC,cAAcC,IAAAA,qBAAK,EAACC,yCAAoB,CAACZ,MAAM,EAAEI;IACvDI,OAAMK,SAAS,CAAC,IAAM;QACpB,IAAIb,UAAUO,UAAUO,OAAO,EAAE;YAC/B,MAAM,EACJC,GAAE,EACH,GAAGR,UAAUO,OAAO;YACrBT,eAAeU,KAAKA,KAAKL,WAAW;QACtC,CAAC;IACH,GAAG;QAACV;QAAQK;QAAgBK;KAAY;IACxC,OAAO;QACLM,YAAY;YACVC,MAAM;YACNlB,OAAO;YACPC,QAAQ;YACRC,aAAa;YACbC,QAAQ;QACV;QACAe,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCpB;YACA,GAAGD,KAAK;QACV;QACAE,OAAOoB,IAAAA,gCAAgB,EAACpB;QACxBC,QAAQmB,IAAAA,gCAAgB,EAACnB,QAAQ;YAC/BoB,UAAU,IAAI;YACdC,cAAc;gBACZvB,KAAKS;gBACLQ,IAAIX;YACN;QACF;QACAH,aAAakB,IAAAA,gCAAgB,EAAClB;QAC9BC,QAAQiB,IAAAA,gCAAgB,EAACjB;IAC3B;AACF,GACA,yCAAyC"}
1
+ {"version":3,"sources":["../../../lib/components/CardHeader/useCardHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardHeaderClassNames } from './useCardHeaderStyles.styles';\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,\n * before being passed to renderCardHeader_unstable.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n */\nexport const useCardHeader_unstable = (props, ref) => {\n const {\n image,\n header,\n description,\n action\n } = props;\n const {\n selectableA11yProps: {\n referenceId,\n setReferenceId\n }\n } = useCardContext_unstable();\n const headerRef = React.useRef(null);\n const generatedId = useId(cardHeaderClassNames.header, referenceId);\n React.useEffect(() => {\n if (header && headerRef.current) {\n const {\n id\n } = headerRef.current;\n setReferenceId(id ? id : generatedId);\n }\n }, [header, setReferenceId, generatedId]);\n return {\n components: {\n root: 'div',\n image: 'div',\n header: 'div',\n description: 'div',\n action: 'div'\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n image: resolveShorthand(image),\n header: resolveShorthand(header, {\n required: true,\n defaultProps: {\n ref: headerRef,\n id: referenceId\n }\n }),\n description: resolveShorthand(description),\n action: resolveShorthand(action)\n };\n};\n//# sourceMappingURL=useCardHeader.js.map"],"names":["useCardHeader_unstable","props","ref","image","header","description","action","selectableA11yProps","referenceId","setReferenceId","useCardContext_unstable","headerRef","React","useRef","generatedId","useId","cardHeaderClassNames","useEffect","current","id","components","root","getNativeElementProps","resolveShorthand","required","defaultProps"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACwC;6BACvB;2CACH;AAU9B,MAAMA,yBAAyB,CAACC,OAAOC,MAAQ;IACpD,MAAM,EACJC,MAAK,EACLC,OAAM,EACNC,YAAW,EACXC,OAAM,EACP,GAAGL;IACJ,MAAM,EACJM,qBAAqB,EACnBC,YAAW,EACXC,eAAc,EACf,CAAA,EACF,GAAGC,IAAAA,oCAAuB;IAC3B,MAAMC,YAAYC,OAAMC,MAAM,CAAC,IAAI;IACnC,MAAMC,cAAcC,IAAAA,qBAAK,EAACC,+CAAoB,CAACZ,MAAM,EAAEI;IACvDI,OAAMK,SAAS,CAAC,IAAM;QACpB,IAAIb,UAAUO,UAAUO,OAAO,EAAE;YAC/B,MAAM,EACJC,GAAE,EACH,GAAGR,UAAUO,OAAO;YACrBT,eAAeU,KAAKA,KAAKL,WAAW;QACtC,CAAC;IACH,GAAG;QAACV;QAAQK;QAAgBK;KAAY;IACxC,OAAO;QACLM,YAAY;YACVC,MAAM;YACNlB,OAAO;YACPC,QAAQ;YACRC,aAAa;YACbC,QAAQ;QACV;QACAe,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCpB;YACA,GAAGD,KAAK;QACV;QACAE,OAAOoB,IAAAA,gCAAgB,EAACpB;QACxBC,QAAQmB,IAAAA,gCAAgB,EAACnB,QAAQ;YAC/BoB,UAAU,IAAI;YACdC,cAAc;gBACZvB,KAAKS;gBACLQ,IAAIX;YACN;QACF;QACAH,aAAakB,IAAAA,gCAAgB,EAAClB;QAC9BC,QAAQiB,IAAAA,gCAAgB,EAACjB;IAC3B;AACF,GACA,yCAAyC"}
@@ -91,6 +91,6 @@ const useCardHeaderStyles_unstable = (state)=>{
91
91
  state.action.className = (0, _react.mergeClasses)(cardHeaderClassNames.action, styles.action, state.action.className);
92
92
  }
93
93
  return state;
94
- }; //# sourceMappingURL=useCardHeaderStyles.js.map
94
+ }; //# sourceMappingURL=useCardHeaderStyles.styles.js.map
95
95
 
96
- //# sourceMappingURL=useCardHeaderStyles.js.map
96
+ //# sourceMappingURL=useCardHeaderStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../lib/components/CardHeader/useCardHeaderStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action'\n};\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bkc6ea2: \"fkufhic\",\n mc9l5x: \"f13qh94s\",\n t4k1zu: \"f8a668j\",\n v29qe6: \"f4h39za\",\n Bt984gj: \"f122n59\"\n },\n image: {\n mc9l5x: \"ftuwxu6\",\n t21cq0: [\"fql5097\", \"f6yss9k\"],\n Br312pm: \"fwpfdsa\",\n Ijaq50: \"fldnz9j\"\n },\n header: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"f16hsg94\"\n },\n description: {\n Br312pm: \"fd46tj4\",\n Ijaq50: \"faunodf\"\n },\n action: {\n Frg6f3: [\"f6yss9k\", \"fql5097\"],\n Br312pm: \"fis13di\",\n Ijaq50: \"fldnz9j\"\n }\n}, {\n d: [\".fkufhic{--fui-CardHeader--gap:12px;}\", \".f13qh94s{display:grid;}\", \".f8a668j{grid-auto-columns:min-content 1fr min-content;}\", \".f4h39za{grid-auto-rows:1fr min-content;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fql5097{margin-right:var(--fui-CardHeader--gap);}\", \".f6yss9k{margin-left:var(--fui-CardHeader--gap);}\", \".fwpfdsa{grid-column-start:1;}\", \".fldnz9j{grid-row-start:span 2;}\", \".fd46tj4{grid-column-start:2;}\", \".f16hsg94{grid-row-start:1;}\", \".faunodf{grid-row-start:2;}\", \".fis13di{grid-column-start:3;}\"]\n});\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n if (state.image) {\n state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n }\n if (state.header) {\n state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(cardHeaderClassNames.description, styles.description, state.description.className);\n }\n if (state.action) {\n state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardHeaderStyles.styles.js.map"],"names":["cardHeaderClassNames","cardHeaderCSSVars","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","mc9l5x","t4k1zu","v29qe6","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB,MAApBA;IAUAC,iBAAiB,MAAjBA;IAoCAC,4BAA4B,MAA5BA;;uBAlD0B;AAIhC,MAAMF,uBAAuB;IAClCG,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,QAAQ;AACV;AAIO,MAAMN,oBAAoB;IAC/BO,kBAAkB;AACpB;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCP,MAAM;QACJQ,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAX,OAAO;QACLQ,QAAQ;QACRI,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;IACV;IACAb,QAAQ;QACNY,SAAS;QACTC,QAAQ;IACV;IACAZ,aAAa;QACXW,SAAS;QACTC,QAAQ;IACV;IACAX,QAAQ;QACNY,QAAQ;YAAC;YAAW;SAAU;QAC9BF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAyC;QAA4B;QAA4D;QAA6C;QAA2G;QAAoH;QAAsD;QAAqD;QAAkC;QAAoC;QAAkC;QAAgC;QAA+B;KAAiC;AACtsB;AAIO,MAAMlB,+BAA+BmB,CAAAA,QAAS;IACnD,MAAMC,SAASb;IACfY,MAAMlB,IAAI,CAACoB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBG,IAAI,EAAEmB,OAAOnB,IAAI,EAAEkB,MAAMlB,IAAI,CAACoB,SAAS;IAChG,IAAIF,MAAMjB,KAAK,EAAE;QACfiB,MAAMjB,KAAK,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBI,KAAK,EAAEkB,OAAOlB,KAAK,EAAEiB,MAAMjB,KAAK,CAACmB,SAAS;IACtG,CAAC;IACD,IAAIF,MAAMhB,MAAM,EAAE;QAChBgB,MAAMhB,MAAM,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBK,MAAM,EAAEiB,OAAOjB,MAAM,EAAEgB,MAAMhB,MAAM,CAACkB,SAAS;IAC1G,CAAC;IACD,IAAIF,MAAMf,WAAW,EAAE;QACrBe,MAAMf,WAAW,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBM,WAAW,EAAEgB,OAAOhB,WAAW,EAAEe,MAAMf,WAAW,CAACiB,SAAS;IAC9H,CAAC;IACD,IAAIF,MAAMd,MAAM,EAAE;QAChBc,MAAMd,MAAM,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBO,MAAM,EAAEe,OAAOf,MAAM,EAAEc,MAAMd,MAAM,CAACgB,SAAS;IAC1G,CAAC;IACD,OAAOF;AACT,GACA,sDAAsD"}
@@ -10,10 +10,10 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
10
10
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _useCardPreview = require("./useCardPreview");
12
12
  const _renderCardPreview = require("./renderCardPreview");
13
- const _useCardPreviewStyles = require("./useCardPreviewStyles");
13
+ const _useCardPreviewStylesStyles = require("./useCardPreviewStyles.styles");
14
14
  const CardPreview = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
15
15
  const state = (0, _useCardPreview.useCardPreview_unstable)(props, ref);
16
- (0, _useCardPreviewStyles.useCardPreviewStyles_unstable)(state);
16
+ (0, _useCardPreviewStylesStyles.useCardPreviewStyles_unstable)(state);
17
17
  return (0, _renderCardPreview.renderCardPreview_unstable)(state);
18
18
  });
19
19
  CardPreview.displayName = 'CardPreview'; //# sourceMappingURL=CardPreview.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CardPreview/CardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles';\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useCardPreview_unstable(props, ref);\n useCardPreviewStyles_unstable(state);\n return renderCardPreview_unstable(state);\n});\nCardPreview.displayName = 'CardPreview';\n//# sourceMappingURL=CardPreview.js.map"],"names":["CardPreview","React","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACiB;mCACG;sCACG;AAIvC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,mDAA6B,EAACF;IAC9B,OAAOG,IAAAA,6CAA0B,EAACH;AACpC;AACAL,YAAYS,WAAW,GAAG,eAC1B,uCAAuC"}
1
+ {"version":3,"sources":["../../../lib/components/CardPreview/CardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles.styles';\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useCardPreview_unstable(props, ref);\n useCardPreviewStyles_unstable(state);\n return renderCardPreview_unstable(state);\n});\nCardPreview.displayName = 'CardPreview';\n//# sourceMappingURL=CardPreview.js.map"],"names":["CardPreview","React","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;gCACiB;mCACG;4CACG;AAIvC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9B,OAAOG,IAAAA,6CAA0B,EAACH;AACpC;AACAL,YAAYS,WAAW,GAAG,eAC1B,uCAAuC"}
@@ -7,7 +7,7 @@ _exportStar(require("./CardPreview"), exports);
7
7
  _exportStar(require("./CardPreview.types"), exports);
8
8
  _exportStar(require("./renderCardPreview"), exports);
9
9
  _exportStar(require("./useCardPreview"), exports);
10
- _exportStar(require("./useCardPreviewStyles"), exports);
10
+ _exportStar(require("./useCardPreviewStyles.styles"), exports);
11
11
  //# sourceMappingURL=index.js.map
12
12
 
13
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CardPreview/index.js"],"sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["../../../lib/components/CardPreview/index.js"],"sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -10,7 +10,7 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
10
10
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
11
  const _reactUtilities = require("@fluentui/react-utilities");
12
12
  const _cardContext = require("../Card/CardContext");
13
- const _useCardPreviewStyles = require("./useCardPreviewStyles");
13
+ const _useCardPreviewStylesStyles = require("./useCardPreviewStyles.styles");
14
14
  const useCardPreview_unstable = (props, ref)=>{
15
15
  const { logo } = props;
16
16
  const { selectableA11yProps: { referenceLabel , referenceId , setReferenceLabel , setReferenceId } } = (0, _cardContext.useCardContext_unstable)();
@@ -20,7 +20,7 @@ const useCardPreview_unstable = (props, ref)=>{
20
20
  return;
21
21
  }
22
22
  if (previewRef.current && previewRef.current.parentNode) {
23
- const img = previewRef.current.parentNode.querySelector(`.${_useCardPreviewStyles.cardPreviewClassNames.root} > img`);
23
+ const img = previewRef.current.parentNode.querySelector(`.${_useCardPreviewStylesStyles.cardPreviewClassNames.root} > img`);
24
24
  if (img) {
25
25
  const ariaLabel = img.getAttribute('aria-label');
26
26
  const ariaDescribedby = img.getAttribute('aria-describedby');
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/CardPreview/useCardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles';\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */\nexport const useCardPreview_unstable = (props, ref) => {\n const {\n logo\n } = props;\n const {\n selectableA11yProps: {\n referenceLabel,\n referenceId,\n setReferenceLabel,\n setReferenceId\n }\n } = useCardContext_unstable();\n const previewRef = useMergedRefs(ref, React.useRef(null));\n React.useEffect(() => {\n if (referenceLabel && referenceId) {\n return;\n }\n if (previewRef.current && previewRef.current.parentNode) {\n const img = previewRef.current.parentNode.querySelector(`.${cardPreviewClassNames.root} > img`);\n if (img) {\n const ariaLabel = img.getAttribute('aria-label');\n const ariaDescribedby = img.getAttribute('aria-describedby');\n if (ariaDescribedby) {\n setReferenceId(ariaDescribedby);\n } else if (img.alt) {\n setReferenceLabel(img.alt);\n } else if (ariaLabel) {\n setReferenceLabel(ariaLabel);\n }\n }\n }\n }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);\n return {\n components: {\n root: 'div',\n logo: 'div'\n },\n root: getNativeElementProps('div', {\n ref: previewRef,\n ...props\n }),\n logo: resolveShorthand(logo)\n };\n};\n//# sourceMappingURL=useCardPreview.js.map"],"names":["useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","useCardContext_unstable","previewRef","useMergedRefs","React","useRef","useEffect","current","parentNode","img","querySelector","cardPreviewClassNames","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","getNativeElementProps","resolveShorthand"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACgD;6BAC/B;sCACF;AAU/B,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,MAAM,EACJC,KAAI,EACL,GAAGF;IACJ,MAAM,EACJG,qBAAqB,EACnBC,eAAc,EACdC,YAAW,EACXC,kBAAiB,EACjBC,eAAc,EACf,CAAA,EACF,GAAGC,IAAAA,oCAAuB;IAC3B,MAAMC,aAAaC,IAAAA,6BAAa,EAACT,KAAKU,OAAMC,MAAM,CAAC,IAAI;IACvDD,OAAME,SAAS,CAAC,IAAM;QACpB,IAAIT,kBAAkBC,aAAa;YACjC;QACF,CAAC;QACD,IAAII,WAAWK,OAAO,IAAIL,WAAWK,OAAO,CAACC,UAAU,EAAE;YACvD,MAAMC,MAAMP,WAAWK,OAAO,CAACC,UAAU,CAACE,aAAa,CAAC,CAAC,CAAC,EAAEC,2CAAqB,CAACC,IAAI,CAAC,MAAM,CAAC;YAC9F,IAAIH,KAAK;gBACP,MAAMI,YAAYJ,IAAIK,YAAY,CAAC;gBACnC,MAAMC,kBAAkBN,IAAIK,YAAY,CAAC;gBACzC,IAAIC,iBAAiB;oBACnBf,eAAee;gBACjB,OAAO,IAAIN,IAAIO,GAAG,EAAE;oBAClBjB,kBAAkBU,IAAIO,GAAG;gBAC3B,OAAO,IAAIH,WAAW;oBACpBd,kBAAkBc;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;IACH,GAAG;QAACd;QAAmBF;QAAgBK;QAAYJ;QAAaE;KAAe;IAC/E,OAAO;QACLiB,YAAY;YACVL,MAAM;YACNjB,MAAM;QACR;QACAiB,MAAMM,IAAAA,qCAAqB,EAAC,OAAO;YACjCxB,KAAKQ;YACL,GAAGT,KAAK;QACV;QACAE,MAAMwB,IAAAA,gCAAgB,EAACxB;IACzB;AACF,GACA,0CAA0C"}
1
+ {"version":3,"sources":["../../../lib/components/CardPreview/useCardPreview.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles.styles';\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */\nexport const useCardPreview_unstable = (props, ref) => {\n const {\n logo\n } = props;\n const {\n selectableA11yProps: {\n referenceLabel,\n referenceId,\n setReferenceLabel,\n setReferenceId\n }\n } = useCardContext_unstable();\n const previewRef = useMergedRefs(ref, React.useRef(null));\n React.useEffect(() => {\n if (referenceLabel && referenceId) {\n return;\n }\n if (previewRef.current && previewRef.current.parentNode) {\n const img = previewRef.current.parentNode.querySelector(`.${cardPreviewClassNames.root} > img`);\n if (img) {\n const ariaLabel = img.getAttribute('aria-label');\n const ariaDescribedby = img.getAttribute('aria-describedby');\n if (ariaDescribedby) {\n setReferenceId(ariaDescribedby);\n } else if (img.alt) {\n setReferenceLabel(img.alt);\n } else if (ariaLabel) {\n setReferenceLabel(ariaLabel);\n }\n }\n }\n }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);\n return {\n components: {\n root: 'div',\n logo: 'div'\n },\n root: getNativeElementProps('div', {\n ref: previewRef,\n ...props\n }),\n logo: resolveShorthand(logo)\n };\n};\n//# sourceMappingURL=useCardPreview.js.map"],"names":["useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","useCardContext_unstable","previewRef","useMergedRefs","React","useRef","useEffect","current","parentNode","img","querySelector","cardPreviewClassNames","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","getNativeElementProps","resolveShorthand"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACgD;6BAC/B;4CACF;AAU/B,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,MAAM,EACJC,KAAI,EACL,GAAGF;IACJ,MAAM,EACJG,qBAAqB,EACnBC,eAAc,EACdC,YAAW,EACXC,kBAAiB,EACjBC,eAAc,EACf,CAAA,EACF,GAAGC,IAAAA,oCAAuB;IAC3B,MAAMC,aAAaC,IAAAA,6BAAa,EAACT,KAAKU,OAAMC,MAAM,CAAC,IAAI;IACvDD,OAAME,SAAS,CAAC,IAAM;QACpB,IAAIT,kBAAkBC,aAAa;YACjC;QACF,CAAC;QACD,IAAII,WAAWK,OAAO,IAAIL,WAAWK,OAAO,CAACC,UAAU,EAAE;YACvD,MAAMC,MAAMP,WAAWK,OAAO,CAACC,UAAU,CAACE,aAAa,CAAC,CAAC,CAAC,EAAEC,iDAAqB,CAACC,IAAI,CAAC,MAAM,CAAC;YAC9F,IAAIH,KAAK;gBACP,MAAMI,YAAYJ,IAAIK,YAAY,CAAC;gBACnC,MAAMC,kBAAkBN,IAAIK,YAAY,CAAC;gBACzC,IAAIC,iBAAiB;oBACnBf,eAAee;gBACjB,OAAO,IAAIN,IAAIO,GAAG,EAAE;oBAClBjB,kBAAkBU,IAAIO,GAAG;gBAC3B,OAAO,IAAIH,WAAW;oBACpBd,kBAAkBc;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;IACH,GAAG;QAACd;QAAmBF;QAAgBK;QAAYJ;QAAaE;KAAe;IAC/E,OAAO;QACLiB,YAAY;YACVL,MAAM;YACNjB,MAAM;QACR;QACAiB,MAAMM,IAAAA,qCAAqB,EAAC,OAAO;YACjCxB,KAAKQ;YACL,GAAGT,KAAK;QACV;QACAE,MAAMwB,IAAAA,gCAAgB,EAACxB;IACzB;AACF,GACA,0CAA0C"}
@@ -55,6 +55,6 @@ const useCardPreviewStyles_unstable = (state)=>{
55
55
  state.logo.className = (0, _react.mergeClasses)(cardPreviewClassNames.logo, styles.logo, state.logo.className);
56
56
  }
57
57
  return state;
58
- }; //# sourceMappingURL=useCardPreviewStyles.js.map
58
+ }; //# sourceMappingURL=useCardPreviewStyles.styles.js.map
59
59
 
60
- //# sourceMappingURL=useCardPreviewStyles.js.map
60
+ //# sourceMappingURL=useCardPreviewStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../lib/components/CardPreview/useCardPreviewStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n pnb5jt: \"f1rzl30s\",\n Elg2ur: \"f1chxnfo\",\n B184ckt: \"f17xb19f\"\n },\n logo: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1gcvs1y\",\n oyh7mz: [\"f1t6tvco\", \"ffrfxm3\"],\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1rzl30s>:not(.fui-CardPreview__logo){display:block;}\", \".f1chxnfo>:not(.fui-CardPreview__logo){height:100%;}\", \".f17xb19f>:not(.fui-CardPreview__logo){width:100%;}\", \".f1euv43f{position:absolute;}\", \".f1gcvs1y{bottom:12px;}\", \".f1t6tvco{left:12px;}\", \".ffrfxm3{right:12px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\"]\n});\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n return state;\n};\n//# sourceMappingURL=useCardPreviewStyles.styles.js.map"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,qBAAqB,MAArBA;IAwBAC,6BAA6B,MAA7BA;;uBA5B0B;AAIhC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAN,MAAM;QACJG,QAAQ;QACRI,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAA0D;QAAwD;QAAuD;QAAiC;QAA2B;QAAyB;QAAyB;QAA0B;KAA0B;AAClX;AAIO,MAAMb,gCAAgCc,CAAAA,QAAS;IACpD,MAAMC,SAASZ;IACfW,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IACjG,IAAIF,MAAMZ,IAAI,EAAE;QACdY,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBG,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IACnG,CAAC;IACD,OAAOF;AACT,GACA,uDAAuD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-card",
3
- "version": "9.0.8",
3
+ "version": "9.0.10",
4
4
  "private": false,
5
5
  "description": "Card container components for Fluent UI React.",
6
6
  "main": "lib-commonjs/index.js",
@@ -25,23 +25,24 @@
25
25
  "test": "jest --passWithNoTests",
26
26
  "storybook": "start-storybook",
27
27
  "type-check": "tsc -b tsconfig.json",
28
- "generate-api": "just-scripts generate-api"
28
+ "generate-api": "just-scripts generate-api",
29
+ "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
29
30
  },
30
31
  "devDependencies": {
31
32
  "@fluentui/eslint-plugin": "*",
32
- "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
33
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
33
34
  "@fluentui/react-conformance": "*",
34
- "@fluentui/react-button": "^9.3.10",
35
+ "@fluentui/react-button": "^9.3.12",
35
36
  "@fluentui/scripts-api-extractor": "*",
36
37
  "@fluentui/scripts-cypress": "*",
37
38
  "@fluentui/scripts-tasks": "*"
38
39
  },
39
40
  "dependencies": {
40
- "@fluentui/keyboard-keys": "^9.0.2",
41
- "@fluentui/react-tabster": "^9.6.5",
42
- "@fluentui/react-theme": "^9.1.7",
43
- "@fluentui/react-utilities": "^9.8.0",
44
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
41
+ "@fluentui/keyboard-keys": "^9.0.3",
42
+ "@fluentui/react-tabster": "^9.7.1",
43
+ "@fluentui/react-theme": "^9.1.8",
44
+ "@fluentui/react-utilities": "^9.9.0",
45
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
45
46
  "@griffel/react": "^1.5.2",
46
47
  "@swc/helpers": "^0.4.14"
47
48
  },
package/.swcrc DELETED
@@ -1,30 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/swcrc",
3
- "exclude": [
4
- "/testing",
5
- "/**/*.cy.ts",
6
- "/**/*.cy.tsx",
7
- "/**/*.spec.ts",
8
- "/**/*.spec.tsx",
9
- "/**/*.test.ts",
10
- "/**/*.test.tsx"
11
- ],
12
- "jsc": {
13
- "parser": {
14
- "syntax": "typescript",
15
- "tsx": true,
16
- "decorators": false,
17
- "dynamicImport": false
18
- },
19
- "externalHelpers": true,
20
- "transform": {
21
- "react": {
22
- "runtime": "classic",
23
- "useSpread": true
24
- }
25
- },
26
- "target": "es2019"
27
- },
28
- "minify": false,
29
- "sourceMaps": true
30
- }
@@ -1 +0,0 @@
1
- {"version":3,"names":["shorthands","__styles","mergeClasses","tokens","createFocusOutlineStyle","cardPreviewClassNames","cardHeaderClassNames","cardFooterClassNames","cardClassNames","root","floatingAction","checkbox","cardCSSVars","cardSizeVar","cardBorderRadiusVar","focusOutlineStyle","outlineRadius","outlineWidth","strokeWidthThick","useStyles","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","mc9l5x","qhf8xq","B7ck84d","sj55zd","E3zdtr","bn5sak","Eqx8gd","B1piin3","By385i5","Bsft5z2","B80jsxd","Bm2nyyq","Barhvk9","Bw17bha","vfts7","xrcqlc","Ihftqj","Bcgy8vk","Bhxzhr1","B3778ie","d9w3h3","Bl18szs","B4j8arr","B2jhnfs","wiictr","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","selectableFocused","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","Bhhzhcn","Bec0n69","B29w5g4","orientationHorizontal","Beiy3e4","Bt984gj","Bnoktp0","Idhjb2","ihgzqh","Bgp6ld0","Bbucpmy","orientationVertical","Bt4kzjz","B1ou843","y1433z","B7egwnw","B49b4xf","sizeSmall","B7balbw","B1h88n7","sizeMedium","sizeLarge","filled","De3pzq","E5pizo","B0n5ga8","s924m2","B1q35kw","Gp14am","filledInteractive","Bceei9c","Jwef8y","Bvxd0ez","ecr2s2","filledInteractiveSelected","filledAlternative","filledAlternativeInteractive","filledAlternativeInteractiveSelected","outline","outlineInteractive","Be0v6ae","B5kxglz","B3pwyw6","Bymgtzf","dmfk","B4ofi8","jgq6uv","Baxewws","outlineInteractiveSelected","subtle","subtleInteractive","subtleInteractiveSelected","highContrastSelected","ycbfsm","Bsw6fvg","Bbusuzp","xgfqdd","Bmmdzwq","zkpvhj","B20bydw","Bwwwggl","highContrastInteractive","h1vhog","kslmdy","Baaf6ca","x9zz3d","select","Bhzewxz","j35jbq","Bj3rh1h","hiddenCheckbox","a9b677","Bqenvij","Bh84pgu","Bgl5zvf","Huce71","d","f","i","h","a","m","useCardStyles_unstable","state","styles","orientationMap","horizontal","vertical","sizeMap","small","medium","large","appearanceMap","selectedMap","interactiveMap","isSelectableOrInteractive","interactive","selectable","className","orientation","size","appearance","selected","selectFocused"],"sources":["../../../src/components/Card/useCardStyles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nimport { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles';\nimport { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';\nimport { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';\nimport type { CardSlots, CardState } from './Card.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardClassNames: SlotClassNames<CardSlots> = {\n root: 'fui-Card',\n floatingAction: 'fui-Card__floatingAction',\n checkbox: 'fui-Card__checkbox',\n};\n\n/**\n * CSS variable names used internally for uniform styling in Card.\n */\nexport const cardCSSVars = {\n cardSizeVar: '--fui-Card--size',\n cardBorderRadiusVar: '--fui-Card--border-radius',\n};\n\nconst focusOutlineStyle = {\n outlineRadius: `var(${cardCSSVars.cardBorderRadiusVar})`,\n outlineWidth: tokens.strokeWidthThick,\n};\n\nconst useStyles = makeStyles({\n root: {\n ...shorthands.overflow('hidden'),\n ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n ...shorthands.padding(`var(${cardCSSVars.cardSizeVar})`),\n ...shorthands.gap(`var(${cardCSSVars.cardSizeVar})`),\n\n display: 'flex',\n position: 'relative',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n\n // Border setting using after pseudo element to allow CardPreview to render behind it.\n '::after': {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n content: '\"\"',\n pointerEvents: 'none',\n\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n ...shorthands.borderRadius(`var(${cardCSSVars.cardBorderRadiusVar})`),\n },\n\n // Prevents CardHeader and CardFooter from shrinking.\n [`> .${cardHeaderClassNames.root}, > .${cardFooterClassNames.root}`]: {\n flexShrink: 0,\n },\n // Allows non-card components to grow to fill the available space.\n [`> :not(.${cardPreviewClassNames.root}):not(.${cardHeaderClassNames.root}):not(.${cardFooterClassNames.root})`]: {\n flexGrow: 1,\n },\n\n ...createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus',\n }),\n },\n\n selectableFocused: createFocusOutlineStyle({\n style: focusOutlineStyle,\n selector: 'focus-within',\n }),\n\n orientationHorizontal: {\n flexDirection: 'row',\n alignItems: 'center',\n\n // Remove vertical padding to keep CardPreview content flush with Card's borders.\n [`> .${cardPreviewClassNames.root}`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on horizontal cards, the left padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n },\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the last element.\n // Since this is on horizontal cards, the right padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n },\n\n // If the last child is a CardHeader or CardFooter, allow it to grow to fill the available space.\n [`> .${cardHeaderClassNames.root}:last-of-type, > .${cardFooterClassNames.root}:last-of-type`]: {\n flexGrow: 1,\n },\n },\n orientationVertical: {\n flexDirection: 'column',\n\n // Remove lateral padding to keep CardPreview content flush with Card's borders.\n [`> .${cardPreviewClassNames.root}`]: {\n marginLeft: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n marginRight: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n },\n\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on vertical cards, the top padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:first-of-type`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n },\n [`> .${cardClassNames.floatingAction} + .${cardPreviewClassNames.root}`]: {\n marginTop: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n },\n\n // Due to Tabster's \"Groupper\" focus functionality, hidden elements are injected before and after Card's content.\n // As such, the code below targets a CardPreview, when it's the first element.\n // Since this is on vertical cards, the bottom padding is removed to keep the content flush with the border.\n [`> :not([aria-hidden=\"true\"]).${cardPreviewClassNames.root}:last-of-type`]: {\n marginBottom: `calc(var(${cardCSSVars.cardSizeVar}) * -1)`,\n },\n },\n\n sizeSmall: {\n [cardCSSVars.cardSizeVar]: '8px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusSmall,\n },\n sizeMedium: {\n [cardCSSVars.cardSizeVar]: '12px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusMedium,\n },\n sizeLarge: {\n [cardCSSVars.cardSizeVar]: '16px',\n [cardCSSVars.cardBorderRadiusVar]: tokens.borderRadiusLarge,\n },\n\n filled: {\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n filledInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n boxShadow: tokens.shadow8,\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n },\n },\n filledInteractiveSelected: {\n backgroundColor: tokens.colorNeutralBackground1Selected,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Selected,\n },\n },\n\n filledAlternative: {\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n filledAlternativeInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground2,\n boxShadow: tokens.shadow4,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Hover,\n boxShadow: tokens.shadow8,\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground2Pressed,\n },\n },\n filledAlternativeInteractiveSelected: {\n backgroundColor: tokens.colorNeutralBackground2Selected,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground2Selected,\n },\n },\n\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n },\n outlineInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorTransparentBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n },\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n },\n },\n ':active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n },\n },\n },\n outlineInteractiveSelected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n },\n },\n\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n },\n subtleInteractive: {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackground,\n boxShadow: 'none',\n\n '::after': {\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n },\n },\n subtleInteractiveSelected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n\n '::after': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n },\n\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n },\n },\n\n highContrastSelected: {\n '@media (forced-colors: active)': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n\n [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n forcedColorAdjust: 'auto',\n },\n\n '::after': {\n ...shorthands.borderColor('Highlight'),\n },\n },\n },\n\n highContrastInteractive: {\n '@media (forced-colors: active)': {\n ':hover, :active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n\n [`& .${cardPreviewClassNames.root}, & .${cardFooterClassNames.root}`]: {\n forcedColorAdjust: 'auto',\n },\n },\n\n '::after': {\n ...shorthands.borderColor('Highlight'),\n },\n },\n },\n\n select: {\n position: 'absolute',\n top: '4px',\n right: '4px',\n zIndex: 1,\n },\n\n hiddenCheckbox: {\n ...shorthands.overflow('hidden'),\n width: '1px',\n height: '1px',\n position: 'absolute',\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n whiteSpace: 'nowrap',\n },\n});\n\n/**\n * Apply styling to the Card slots based on the state.\n */\nexport const useCardStyles_unstable = (state: CardState): CardState => {\n const styles = useStyles();\n\n const orientationMap = {\n horizontal: styles.orientationHorizontal,\n vertical: styles.orientationVertical,\n };\n\n const sizeMap = {\n small: styles.sizeSmall,\n medium: styles.sizeMedium,\n large: styles.sizeLarge,\n };\n\n const appearanceMap = {\n filled: styles.filled,\n 'filled-alternative': styles.filledAlternative,\n outline: styles.outline,\n subtle: styles.subtle,\n };\n\n const selectedMap = {\n filled: styles.filledInteractiveSelected,\n 'filled-alternative': styles.filledAlternativeInteractiveSelected,\n outline: styles.outlineInteractiveSelected,\n subtle: styles.subtleInteractiveSelected,\n };\n const interactiveMap = {\n filled: styles.filledInteractive,\n 'filled-alternative': styles.filledAlternativeInteractive,\n outline: styles.outlineInteractive,\n subtle: styles.subtleInteractive,\n };\n\n const isSelectableOrInteractive = state.interactive || state.selectable;\n\n state.root.className = mergeClasses(\n cardClassNames.root,\n styles.root,\n orientationMap[state.orientation],\n sizeMap[state.size],\n appearanceMap[state.appearance],\n isSelectableOrInteractive && interactiveMap[state.appearance],\n state.selected && selectedMap[state.appearance],\n state.selectFocused && styles.selectableFocused,\n // High contrast overrides\n state.selected && styles.highContrastSelected,\n isSelectableOrInteractive && styles.highContrastInteractive,\n state.root.className,\n );\n\n if (state.floatingAction) {\n state.floatingAction.className = mergeClasses(\n cardClassNames.floatingAction,\n styles.select,\n state.floatingAction.className,\n );\n }\n\n if (state.checkbox) {\n state.checkbox.className = mergeClasses(cardClassNames.checkbox, styles.hiddenCheckbox, state.checkbox.className);\n }\n\n return state;\n};\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","cardFooterClassNames","root","action","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","Frg6f3","d","useCardFooterStyles_unstable","state","styles","className"],"sources":["../../../src/components/CardFooter/useCardFooterStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { CardFooterSlots, CardFooterState } from './CardFooter.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardFooterClassNames: SlotClassNames<CardFooterSlots> = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n ...shorthands.gap('12px'),\n },\n action: {\n marginLeft: 'auto',\n },\n});\n\n/**\n * Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = (state: CardFooterState): CardFooterState => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n\n return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD;;;AAGA,OAAO,MAAMC,oBAAA,GAAwD;EACnEC,IAAA,EAAM;EACNC,MAAA,EAAQ;AACV;AAEA,MAAMC,SAAA,gBAAYN,QAAA;EAAAI,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAL,MAAA;IAAAM,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EASlB;AAEA;;;AAGA,OAAO,MAAMC,4BAAA,GAAgCC,KAAA,IAA4C;EACvF,MAAMC,MAAA,GAAST,SAAA;EACfQ,KAAA,CAAMV,IAAI,CAACY,SAAS,GAAGf,YAAA,CAAaE,oBAAA,CAAqBC,IAAI,EAAEW,MAAA,CAAOX,IAAI,EAAEU,KAAA,CAAMV,IAAI,CAACY,SAAS;EAEhG,IAAIF,KAAA,CAAMT,MAAM,EAAE;IAChBS,KAAA,CAAMT,MAAM,CAACW,SAAS,GAAGf,YAAA,CAAaE,oBAAA,CAAqBE,MAAM,EAAEU,MAAA,CAAOV,MAAM,EAAES,KAAA,CAAMT,MAAM,CAACW,SAAS;EAC1G;EAEA,OAAOF,KAAA;AACT"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["__styles","mergeClasses","cardHeaderClassNames","root","image","header","description","action","cardHeaderCSSVars","cardHeaderGapVar","useStyles","Bkc6ea2","mc9l5x","t4k1zu","v29qe6","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","useCardHeaderStyles_unstable","state","styles","className"],"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CardHeaderSlots, CardHeaderState } from './CardHeader.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames: SlotClassNames<CardHeaderSlots> = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action',\n};\n\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap',\n};\n\nconst useStyles = makeStyles({\n root: {\n [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n display: 'grid',\n gridAutoColumns: 'min-content 1fr min-content',\n gridAutoRows: '1fr min-content',\n alignItems: 'center',\n },\n image: {\n display: 'inline-flex',\n marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n gridColumnStart: '1',\n gridRowStart: 'span 2',\n },\n header: {\n gridColumnStart: '2',\n gridRowStart: '1',\n },\n description: {\n gridColumnStart: '2',\n gridRowStart: '2',\n },\n action: {\n marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n gridColumnStart: '3',\n gridRowStart: 'span 2',\n },\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = (state: CardHeaderState): CardHeaderState => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n\n if (state.image) {\n state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n }\n\n if (state.header) {\n state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n }\n\n if (state.description) {\n state.description.className = mergeClasses(\n cardHeaderClassNames.description,\n styles.description,\n state.description.className,\n );\n }\n\n if (state.action) {\n state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n }\n\n return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AAGzC;;;AAGA,OAAO,MAAMC,oBAAA,GAAwD;EACnEC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,WAAA,EAAa;EACbC,MAAA,EAAQ;AACV;AAEA;;;AAGA,OAAO,MAAMC,iBAAA,GAAoB;EAC/BC,gBAAA,EAAkB;AACpB;AAEA,MAAMC,SAAA,gBAAYV,QAAA;EAAAG,IAAA;IAAAQ,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAX,KAAA;IAAAQ,MAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAb,MAAA;IAAAY,OAAA;IAAAC,MAAA;EAAA;EAAAZ,WAAA;IAAAW,OAAA;IAAAC,MAAA;EAAA;EAAAX,MAAA;IAAAY,MAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EA2BlB;AAEA;;;AAGA,OAAO,MAAMC,4BAAA,GAAgCC,KAAA,IAA4C;EACvF,MAAMC,MAAA,GAASb,SAAA;EACfY,KAAA,CAAMnB,IAAI,CAACqB,SAAS,GAAGvB,YAAA,CAAaC,oBAAA,CAAqBC,IAAI,EAAEoB,MAAA,CAAOpB,IAAI,EAAEmB,KAAA,CAAMnB,IAAI,CAACqB,SAAS;EAEhG,IAAIF,KAAA,CAAMlB,KAAK,EAAE;IACfkB,KAAA,CAAMlB,KAAK,CAACoB,SAAS,GAAGvB,YAAA,CAAaC,oBAAA,CAAqBE,KAAK,EAAEmB,MAAA,CAAOnB,KAAK,EAAEkB,KAAA,CAAMlB,KAAK,CAACoB,SAAS;EACtG;EAEA,IAAIF,KAAA,CAAMjB,MAAM,EAAE;IAChBiB,KAAA,CAAMjB,MAAM,CAACmB,SAAS,GAAGvB,YAAA,CAAaC,oBAAA,CAAqBG,MAAM,EAAEkB,MAAA,CAAOlB,MAAM,EAAEiB,KAAA,CAAMjB,MAAM,CAACmB,SAAS;EAC1G;EAEA,IAAIF,KAAA,CAAMhB,WAAW,EAAE;IACrBgB,KAAA,CAAMhB,WAAW,CAACkB,SAAS,GAAGvB,YAAA,CAC5BC,oBAAA,CAAqBI,WAAW,EAChCiB,MAAA,CAAOjB,WAAW,EAClBgB,KAAA,CAAMhB,WAAW,CAACkB,SAAS;EAE/B;EAEA,IAAIF,KAAA,CAAMf,MAAM,EAAE;IAChBe,KAAA,CAAMf,MAAM,CAACiB,SAAS,GAAGvB,YAAA,CAAaC,oBAAA,CAAqBK,MAAM,EAAEgB,MAAA,CAAOhB,MAAM,EAAEe,KAAA,CAAMf,MAAM,CAACiB,SAAS;EAC1G;EAEA,OAAOF,KAAA;AACT"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["__styles","mergeClasses","cardPreviewClassNames","root","logo","useStyles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","useCardPreviewStyles_unstable","state","styles","className"],"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CardPreviewSlots, CardPreviewState } from './CardPreview.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames: SlotClassNames<CardPreviewSlots> = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo',\n};\n\nconst useStyles = makeStyles({\n root: {\n position: 'relative',\n\n [`> :not(.${cardPreviewClassNames.logo})`]: {\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n\n logo: {\n position: 'absolute',\n bottom: '12px',\n left: '12px',\n width: '32px',\n height: '32px',\n },\n});\n\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = (state: CardPreviewState): CardPreviewState => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n\n return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AAGzC;;;AAGA,OAAO,MAAMC,qBAAA,GAA0D;EACrEC,IAAA,EAAM;EACNC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYL,QAAA;EAAAG,IAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAL,IAAA;IAAAE,MAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAkBlB;AAEA;;;AAGA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA8C;EAC1F,MAAMC,MAAA,GAASZ,SAAA;EACfW,KAAA,CAAMb,IAAI,CAACe,SAAS,GAAGjB,YAAA,CAAaC,qBAAA,CAAsBC,IAAI,EAAEc,MAAA,CAAOd,IAAI,EAAEa,KAAA,CAAMb,IAAI,CAACe,SAAS;EAEjG,IAAIF,KAAA,CAAMZ,IAAI,EAAE;IACdY,KAAA,CAAMZ,IAAI,CAACc,SAAS,GAAGjB,YAAA,CAAaC,qBAAA,CAAsBE,IAAI,EAAEa,MAAA,CAAOb,IAAI,EAAEY,KAAA,CAAMZ,IAAI,CAACc,SAAS;EACnG;EAEA,OAAOF,KAAA;AACT"}