@fluentui/react-card 9.0.0-alpha.1 → 9.0.0-alpha.13

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 (155) hide show
  1. package/CHANGELOG.json +405 -1
  2. package/CHANGELOG.md +146 -2
  3. package/lib/Card.js.map +1 -1
  4. package/lib/CardFooter.js.map +1 -1
  5. package/lib/CardHeader.js.map +1 -1
  6. package/lib/CardPreview.js.map +1 -1
  7. package/lib/common/isConformant.js.map +1 -1
  8. package/lib/components/Card/Card.js.map +1 -1
  9. package/lib/components/Card/Card.types.js.map +1 -1
  10. package/lib/components/Card/index.js.map +1 -1
  11. package/lib/components/Card/renderCard.js.map +1 -1
  12. package/lib/components/Card/useCard.js.map +1 -1
  13. package/lib/components/Card/useCardStyles.js +9 -9
  14. package/lib/components/Card/useCardStyles.js.map +1 -1
  15. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  16. package/lib/components/CardFooter/CardFooter.types.js.map +1 -1
  17. package/lib/components/CardFooter/index.js.map +1 -1
  18. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  19. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  20. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  21. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  22. package/lib/components/CardHeader/CardHeader.types.js.map +1 -1
  23. package/lib/components/CardHeader/index.js.map +1 -1
  24. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  25. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  26. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  27. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  28. package/lib/components/CardPreview/CardPreview.types.js.map +1 -1
  29. package/lib/components/CardPreview/index.js.map +1 -1
  30. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  31. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  32. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  33. package/lib/index.js.map +1 -1
  34. package/lib-commonjs/Card.js.map +1 -1
  35. package/lib-commonjs/CardFooter.js.map +1 -1
  36. package/lib-commonjs/CardHeader.js.map +1 -1
  37. package/lib-commonjs/CardPreview.js.map +1 -1
  38. package/lib-commonjs/common/isConformant.js.map +1 -1
  39. package/lib-commonjs/components/Card/Card.js.map +1 -1
  40. package/lib-commonjs/components/Card/Card.types.js.map +1 -1
  41. package/lib-commonjs/components/Card/index.js.map +1 -1
  42. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  43. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  44. package/lib-commonjs/components/Card/useCardStyles.js +9 -9
  45. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  46. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  47. package/lib-commonjs/components/CardFooter/CardFooter.types.js.map +1 -1
  48. package/lib-commonjs/components/CardFooter/index.js.map +1 -1
  49. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  50. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  51. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  52. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  53. package/lib-commonjs/components/CardHeader/CardHeader.types.js.map +1 -1
  54. package/lib-commonjs/components/CardHeader/index.js.map +1 -1
  55. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  56. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  57. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  58. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  59. package/lib-commonjs/components/CardPreview/CardPreview.types.js.map +1 -1
  60. package/lib-commonjs/components/CardPreview/index.js.map +1 -1
  61. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  62. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  63. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  64. package/lib-commonjs/index.js.map +1 -1
  65. package/package.json +10 -10
  66. package/lib-amd/Card.d.ts +0 -1
  67. package/lib-amd/Card.js +0 -6
  68. package/lib-amd/Card.js.map +0 -1
  69. package/lib-amd/CardFooter.d.ts +0 -1
  70. package/lib-amd/CardFooter.js +0 -6
  71. package/lib-amd/CardFooter.js.map +0 -1
  72. package/lib-amd/CardHeader.d.ts +0 -1
  73. package/lib-amd/CardHeader.js +0 -6
  74. package/lib-amd/CardHeader.js.map +0 -1
  75. package/lib-amd/CardPreview.d.ts +0 -1
  76. package/lib-amd/CardPreview.js +0 -6
  77. package/lib-amd/CardPreview.js.map +0 -1
  78. package/lib-amd/common/isConformant.d.ts +0 -4
  79. package/lib-amd/common/isConformant.js +0 -15
  80. package/lib-amd/common/isConformant.js.map +0 -1
  81. package/lib-amd/components/Card/Card.d.ts +0 -6
  82. package/lib-amd/components/Card/Card.js +0 -15
  83. package/lib-amd/components/Card/Card.js.map +0 -1
  84. package/lib-amd/components/Card/Card.types.d.ts +0 -24
  85. package/lib-amd/components/Card/Card.types.js +0 -5
  86. package/lib-amd/components/Card/Card.types.js.map +0 -1
  87. package/lib-amd/components/Card/index.d.ts +0 -5
  88. package/lib-amd/components/Card/index.js +0 -10
  89. package/lib-amd/components/Card/index.js.map +0 -1
  90. package/lib-amd/components/Card/renderCard.d.ts +0 -5
  91. package/lib-amd/components/Card/renderCard.js +0 -14
  92. package/lib-amd/components/Card/renderCard.js.map +0 -1
  93. package/lib-amd/components/Card/useCard.d.ts +0 -13
  94. package/lib-amd/components/Card/useCard.js +0 -25
  95. package/lib-amd/components/Card/useCard.js.map +0 -1
  96. package/lib-amd/components/Card/useCardStyles.d.ts +0 -5
  97. package/lib-amd/components/Card/useCardStyles.js +0 -50
  98. package/lib-amd/components/Card/useCardStyles.js.map +0 -1
  99. package/lib-amd/components/CardFooter/CardFooter.d.ts +0 -6
  100. package/lib-amd/components/CardFooter/CardFooter.js +0 -15
  101. package/lib-amd/components/CardFooter/CardFooter.js.map +0 -1
  102. package/lib-amd/components/CardFooter/CardFooter.types.d.ts +0 -28
  103. package/lib-amd/components/CardFooter/CardFooter.types.js +0 -5
  104. package/lib-amd/components/CardFooter/CardFooter.types.js.map +0 -1
  105. package/lib-amd/components/CardFooter/index.d.ts +0 -5
  106. package/lib-amd/components/CardFooter/index.js +0 -10
  107. package/lib-amd/components/CardFooter/index.js.map +0 -1
  108. package/lib-amd/components/CardFooter/renderCardFooter.d.ts +0 -5
  109. package/lib-amd/components/CardFooter/renderCardFooter.js +0 -16
  110. package/lib-amd/components/CardFooter/renderCardFooter.js.map +0 -1
  111. package/lib-amd/components/CardFooter/useCardFooter.d.ts +0 -17
  112. package/lib-amd/components/CardFooter/useCardFooter.js +0 -28
  113. package/lib-amd/components/CardFooter/useCardFooter.js.map +0 -1
  114. package/lib-amd/components/CardFooter/useCardFooterStyles.d.ts +0 -5
  115. package/lib-amd/components/CardFooter/useCardFooterStyles.js +0 -31
  116. package/lib-amd/components/CardFooter/useCardFooterStyles.js.map +0 -1
  117. package/lib-amd/components/CardHeader/CardHeader.d.ts +0 -6
  118. package/lib-amd/components/CardHeader/CardHeader.js +0 -15
  119. package/lib-amd/components/CardHeader/CardHeader.js.map +0 -1
  120. package/lib-amd/components/CardHeader/CardHeader.types.d.ts +0 -44
  121. package/lib-amd/components/CardHeader/CardHeader.types.js +0 -5
  122. package/lib-amd/components/CardHeader/CardHeader.types.js.map +0 -1
  123. package/lib-amd/components/CardHeader/index.d.ts +0 -5
  124. package/lib-amd/components/CardHeader/index.js +0 -10
  125. package/lib-amd/components/CardHeader/index.js.map +0 -1
  126. package/lib-amd/components/CardHeader/renderCardHeader.d.ts +0 -5
  127. package/lib-amd/components/CardHeader/renderCardHeader.js +0 -19
  128. package/lib-amd/components/CardHeader/renderCardHeader.js.map +0 -1
  129. package/lib-amd/components/CardHeader/useCardHeader.d.ts +0 -17
  130. package/lib-amd/components/CardHeader/useCardHeader.js +0 -39
  131. package/lib-amd/components/CardHeader/useCardHeader.js.map +0 -1
  132. package/lib-amd/components/CardHeader/useCardHeaderStyles.d.ts +0 -5
  133. package/lib-amd/components/CardHeader/useCardHeaderStyles.js +0 -56
  134. package/lib-amd/components/CardHeader/useCardHeaderStyles.js.map +0 -1
  135. package/lib-amd/components/CardPreview/CardPreview.d.ts +0 -6
  136. package/lib-amd/components/CardPreview/CardPreview.js +0 -15
  137. package/lib-amd/components/CardPreview/CardPreview.js.map +0 -1
  138. package/lib-amd/components/CardPreview/CardPreview.types.d.ts +0 -28
  139. package/lib-amd/components/CardPreview/CardPreview.types.js +0 -5
  140. package/lib-amd/components/CardPreview/CardPreview.types.js.map +0 -1
  141. package/lib-amd/components/CardPreview/index.d.ts +0 -5
  142. package/lib-amd/components/CardPreview/index.js +0 -10
  143. package/lib-amd/components/CardPreview/index.js.map +0 -1
  144. package/lib-amd/components/CardPreview/renderCardPreview.d.ts +0 -5
  145. package/lib-amd/components/CardPreview/renderCardPreview.js +0 -16
  146. package/lib-amd/components/CardPreview/renderCardPreview.js.map +0 -1
  147. package/lib-amd/components/CardPreview/useCardPreview.d.ts +0 -17
  148. package/lib-amd/components/CardPreview/useCardPreview.js +0 -29
  149. package/lib-amd/components/CardPreview/useCardPreview.js.map +0 -1
  150. package/lib-amd/components/CardPreview/useCardPreviewStyles.d.ts +0 -5
  151. package/lib-amd/components/CardPreview/useCardPreviewStyles.js +0 -39
  152. package/lib-amd/components/CardPreview/useCardPreviewStyles.js.map +0 -1
  153. package/lib-amd/index.d.ts +0 -4
  154. package/lib-amd/index.js +0 -9
  155. package/lib-amd/index.js.map +0 -1
@@ -8,25 +8,25 @@ var useStyles = /*#__PURE__*/__styles({
8
8
  "mc9l5x": "f22iagw",
9
9
  "Beiy3e4": "f1vx9l62",
10
10
  "Bpg54ce": "f1a3p1vp",
11
- "E5pizo": ["f1eroye8", "f1m1elsp"],
12
- "sj55zd": "f16th3vw",
13
- "De3pzq": "fpnz0vo",
11
+ "E5pizo": ["f1whvlc6", "fzb35q0"],
12
+ "sj55zd": "f19n0e5",
13
+ "De3pzq": "fxugw4r",
14
14
  "z8tnut": "f1kcqot9",
15
15
  "z189sj": ["f11qrl6u", "fjlbh76"],
16
16
  "Byoj8tv": "fpe6lb7",
17
17
  "uwmqm3": ["fjlbh76", "f11qrl6u"],
18
18
  "rmohyg": "fsbu5mz",
19
- "Dimara": "fnpfh4l"
19
+ "Dimara": "ft85np5"
20
20
  },
21
21
  "interactive": {
22
22
  "Bceei9c": "f1k6fduh",
23
- "Jwef8y": "fg5k6t1",
24
- "ecr2s2": "fesicau"
23
+ "Jwef8y": "f1knas48",
24
+ "ecr2s2": "fb40n2d"
25
25
  }
26
26
  }, {
27
- "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1eroye8{box-shadow:var(--alias-shadow-shadow4);}", ".f1m1elsp{box-shadow:var(--alias-shadow-shadow-4);}", ".f16th3vw{color:var(--alias-color-neutral-neutralForeground1);}", ".fpnz0vo{background-color:var(--alias-color-neutral-neutralBackground1);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fsbu5mz{gap:12px;}", ".fnpfh4l{border-radius:var(--global-borderRadius-medium);}", ".f1k6fduh{cursor:pointer;}"],
28
- "h": [".fg5k6t1:hover{background-color:var(--alias-color-neutral-neutralBackground1Hover);}"],
29
- "a": [".fesicau:active{background-color:var(--alias-color-neutral-neutralBackground1Pressed);}"]
27
+ "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--shadow-4);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fsbu5mz{gap:12px;}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1k6fduh{cursor:pointer;}"],
28
+ "h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}"],
29
+ "a": [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}"]
30
30
  });
31
31
  /**
32
32
  * Apply styling to the Card slots based on the state
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Card/useCardStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA6BA;;AAEG;;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAiB;AAC5C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAC5B,MAAM,CAAC,IADqB,EAE5B,CAAC,KAAK,CAAC,OAAN,IACC,KAAK,CAAC,SADP,IAEC,KAAK,CAAC,WAFP,IAGC,KAAK,CAAC,WAHP,IAIC,KAAK,CAAC,aAJP,IAKC,KAAK,CAAC,YALP,IAMC,KAAK,CAAC,UANR,KAOE,MAAM,CAAC,WATmB,EAU5B,KAAK,CAAC,SAVsB,CAA9B;AAaA,SAAO,KAAP;AACD,CAhBM","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardState } from './Card.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: theme => ({\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n\n boxShadow: theme.alias.shadow.shadow4,\n color: theme.alias.color.neutral.neutralForeground1,\n backgroundColor: theme.alias.color.neutral.neutralBackground1,\n\n // Size: medium\n // TODO: Validate if we should use a token instead + the unit of said token\n // TODO: Explore alternate way of applying padding\n padding: '12px',\n gap: '12px',\n borderRadius: theme.global.borderRadius.medium,\n }),\n\n interactive: theme => ({\n cursor: 'pointer',\n ':hover': {\n backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n },\n ':active': {\n backgroundColor: theme.alias.color.neutral.neutralBackground1Pressed,\n },\n }),\n});\n\n/**\n * Apply styling to the Card slots based on the state\n */\nexport const useCardStyles = (state: CardState): CardState => {\n const styles = useStyles();\n state.className = mergeClasses(\n styles.root,\n (state.onClick ||\n state.onMouseUp ||\n state.onMouseDown ||\n state.onPointerUp ||\n state.onPointerDown ||\n state.onTouchStart ||\n state.onTouchEnd) &&\n styles.interactive,\n state.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA6BA;;AAEG;;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAiB;AAC5C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAC5B,MAAM,CAAC,IADqB,EAE5B,CAAC,KAAK,CAAC,OAAN,IACC,KAAK,CAAC,SADP,IAEC,KAAK,CAAC,WAFP,IAGC,KAAK,CAAC,WAHP,IAIC,KAAK,CAAC,aAJP,IAKC,KAAK,CAAC,YALP,IAMC,KAAK,CAAC,UANR,KAOE,MAAM,CAAC,WATmB,EAU5B,KAAK,CAAC,SAVsB,CAA9B;AAaA,SAAO,KAAP;AACD,CAhBM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/CardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AAGA;;AAEG;;AACH,OAAO,IAAM,UAAU,gBAAG,KAAK,CAAC,UAAN,CAA+C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,aAAa,CAAC,KAAD,EAAQ,GAAR,CAA3B;AAEA,EAAA,mBAAmB,CAAC,KAAD,CAAnB;AACA,SAAO,gBAAgB,CAAC,KAAD,CAAvB;AACD,CALyB,CAAnB;AAOP,UAAU,CAAC,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from 'react';\nimport { useCardFooter } from './useCardFooter';\nimport { renderCardFooter } from './renderCardFooter';\nimport { useCardFooterStyles } from './useCardFooterStyles';\nimport type { CardFooterProps } from './CardFooter.types';\n\n/**\n * Component to render Button actions in a Card component.\n */\nexport const CardFooter = React.forwardRef<HTMLElement, CardFooterProps>((props, ref) => {\n const state = useCardFooter(props, ref);\n\n useCardFooterStyles(state);\n return renderCardFooter(state);\n});\n\nCardFooter.displayName = 'CardFooter';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/CardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AAGA;;AAEG;;AACH,OAAO,IAAM,UAAU,gBAAG,KAAK,CAAC,UAAN,CAA+C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,aAAa,CAAC,KAAD,EAAQ,GAAR,CAA3B;AAEA,EAAA,mBAAmB,CAAC,KAAD,CAAnB;AACA,SAAO,gBAAgB,CAAC,KAAD,CAAvB;AACD,CALyB,CAAnB;AAOP,UAAU,CAAC,WAAX,GAAyB,YAAzB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"file":"CardFooter.types.js","sourceRoot":"../src/","sources":["components/CardFooter/CardFooter.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * CardFooter Props\n */\nexport interface CardFooterProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /**\n * Actions slot\n */\n action?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n}\n\n/**\n * Names of the shorthand properties in CardFooterProps\n */\nexport type CardFooterShorthandProps = 'action'; // TODO add shorthand property names\n\n/**\n * Names of CardFooterProps that have a default value in useCardFooter\n */\nexport type CardFooterDefaultedProps = never;\n\n/**\n * State used in rendering CardFooter\n */\nexport interface CardFooterState\n extends ComponentStateCompat<CardFooterProps, CardFooterShorthandProps, CardFooterDefaultedProps> {\n /**\n * Ref to the root element\n */\n ref: React.Ref<HTMLElement>;\n}\n"]}
1
+ {"version":3,"file":"CardFooter.types.js","sourceRoot":"","sources":["../../../src/components/CardFooter/CardFooter.types.ts"],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/CardFooter/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './CardFooter';\nexport * from './CardFooter.types';\nexport * from './renderCardFooter';\nexport * from './useCardFooter';\nexport * from './useCardFooterStyles';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CardFooter/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AACA,SAAS,wBAAT,QAAyC,iBAAzC;AAGA;;AAEG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,wBAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CAFF,CADF;AAMD,CATM","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardFooterShorthandProps } from './useCardFooter';\nimport type { CardFooterState } from './CardFooter.types';\n\n/**\n * Render the final JSX of CardFooter\n */\nexport const renderCardFooter = (state: CardFooterState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardFooterShorthandProps);\n\n return (\n <slots.root {...slotProps.root}>\n {state.children}\n <slots.action {...slotProps.action} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AACA,SAAS,wBAAT,QAAyC,iBAAzC;AAGA;;AAEG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,wBAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CAFF,CADF;AAMD,CATM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/useCardFooter.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,EAAyB,qBAAzB,QAAsD,2BAAtD;AAGA;;AAEG;;AACH,OAAO,IAAM,wBAAwB,GAA+B,CAAC,QAAD,CAA7D;AAEP,IAAM,UAAU,gBAAG,cAAc,CAAkB;AAAE,EAAA,SAAS,EAAE;AAAb,CAAlB,CAAjC;AAEA;;;;;;;;;AASG;;AACH,OAAO,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA;AADL,GADsB,EAItB,YAAY,IAAI,qBAAqB,CAAC,YAAD,EAAe,wBAAf,CAJf,EAKtB,qBAAqB,CAAC,KAAD,EAAQ,wBAAR,CALC,CAAxB;AAQA,SAAO,KAAP;AACD,CAdM","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardFooterProps, CardFooterShorthandProps, CardFooterState } from './CardFooter.types';\n\n/**\n * Array of all shorthand properties listed in CardFooterShorthandProps\n */\nexport const cardFooterShorthandProps: CardFooterShorthandProps[] = ['action'];\n\nconst mergeProps = makeMergeProps<CardFooterState>({ deepMerge: cardFooterShorthandProps });\n\n/**\n * Create the state required to render CardFooter.\n *\n * The returned state can be modified with hooks such as useCardFooterStyles,\n * before being passed to renderCardFooter.\n *\n * @param props - props from this instance of CardFooter\n * @param ref - reference to root HTMLElement of CardFooter\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardFooter = (\n props: CardFooterProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardFooterProps,\n): CardFooterState => {\n const state = mergeProps(\n {\n ref,\n },\n defaultProps && resolveShorthandProps(defaultProps, cardFooterShorthandProps),\n resolveShorthandProps(props, cardFooterShorthandProps),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/useCardFooter.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,EAAyB,qBAAzB,QAAsD,2BAAtD;AAGA;;AAEG;;AACH,OAAO,IAAM,wBAAwB,GAA+B,CAAC,QAAD,CAA7D;AAEP,IAAM,UAAU,gBAAG,cAAc,CAAkB;AAAE,EAAA,SAAS,EAAE;AAAb,CAAlB,CAAjC;AAEA;;;;;;;;;AASG;;AACH,OAAO,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA;AADL,GADsB,EAItB,YAAY,IAAI,qBAAqB,CAAC,YAAD,EAAe,wBAAf,CAJf,EAKtB,qBAAqB,CAAC,KAAD,EAAQ,wBAAR,CALC,CAAxB;AAQA,SAAO,KAAP;AACD,CAdM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACH,OAAO,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,SAApB,CAA9B;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,IAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,YAAY,CAAC,MAAM,CAAC,MAAR,EAAgB,KAAK,CAAC,MAAN,CAAa,SAA7B,CAArC;AACD;;AAED,SAAO,KAAP;AACD,CATM","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardFooterState } from './CardFooter.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n 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 = (state: CardFooterState): CardFooterState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.action) {\n state.action.className = mergeClasses(styles.action, state.action.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACH,OAAO,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,SAApB,CAA9B;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,IAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,YAAY,CAAC,MAAM,CAAC,MAAR,EAAgB,KAAK,CAAC,MAAN,CAAa,SAA7B,CAArC;AACD;;AAED,SAAO,KAAP;AACD,CATM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AAGA;;AAEG;;AACH,OAAO,IAAM,UAAU,gBAAG,KAAK,CAAC,UAAN,CAA+C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,aAAa,CAAC,KAAD,EAAQ,GAAR,CAA3B;AAEA,EAAA,mBAAmB,CAAC,KAAD,CAAnB;AACA,SAAO,gBAAgB,CAAC,KAAD,CAAvB;AACD,CALyB,CAAnB;AAOP,UAAU,CAAC,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from 'react';\nimport { useCardHeader } from './useCardHeader';\nimport { renderCardHeader } from './renderCardHeader';\nimport { useCardHeaderStyles } from './useCardHeaderStyles';\nimport type { CardHeaderProps } from './CardHeader.types';\n\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader = React.forwardRef<HTMLElement, CardHeaderProps>((props, ref) => {\n const state = useCardHeader(props, ref);\n\n useCardHeaderStyles(state);\n return renderCardHeader(state);\n});\n\nCardHeader.displayName = 'CardHeader';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AAGA;;AAEG;;AACH,OAAO,IAAM,UAAU,gBAAG,KAAK,CAAC,UAAN,CAA+C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,aAAa,CAAC,KAAD,EAAQ,GAAR,CAA3B;AAEA,EAAA,mBAAmB,CAAC,KAAD,CAAnB;AACA,SAAO,gBAAgB,CAAC,KAAD,CAAvB;AACD,CALyB,CAAnB;AAOP,UAAU,CAAC,WAAX,GAAyB,YAAzB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"file":"CardHeader.types.js","sourceRoot":"../src/","sources":["components/CardHeader/CardHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * CardHeader Props\n */\nexport interface CardHeaderProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /**\n * Image slot\n */\n image: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;\n\n /**\n * Content slot, wrapper of the header and description slots\n */\n content?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n /**\n * Header title slot\n */\n header: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n /**\n * Description slot\n */\n description: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n /**\n * Actions slot\n */\n action?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n}\n\n/**\n * Names of the shorthand properties in CardHeaderProps\n */\nexport type CardHeaderShorthandProps = 'image' | 'content' | 'header' | 'description' | 'action';\n\n/**\n * Names of CardHeaderProps that have a default value in useCardHeader\n */\nexport type CardHeaderDefaultedProps = never;\n\n/**\n * State used in rendering CardHeader\n */\nexport interface CardHeaderState extends ComponentStateCompat<CardHeaderProps, CardHeaderShorthandProps> {\n /**\n * Ref to the root element\n */\n ref: React.Ref<HTMLElement>;\n}\n"]}
1
+ {"version":3,"file":"CardHeader.types.js","sourceRoot":"","sources":["../../../src/components/CardHeader/CardHeader.types.ts"],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/CardHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CardHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AACA,SAAS,8BAAT,QAA+C,iBAA/C;AAGA;;AAEG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,8BAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,eAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardHeaderShorthandPropsCompat } from './useCardHeader';\nimport type { CardHeaderState } from './CardHeader.types';\n\n/**\n * Render the final JSX of CardHeader\n */\nexport const renderCardHeader = (state: CardHeaderState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardHeaderShorthandPropsCompat);\n\n return (\n <slots.root {...slotProps.root}>\n <slots.image {...slotProps.image} />\n <slots.content {...slotProps.content}>\n <slots.header {...slotProps.header} />\n <slots.description {...slotProps.description} />\n </slots.content>\n <slots.action {...slotProps.action} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AACA,SAAS,8BAAT,QAA+C,iBAA/C;AAGA;;AAEG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,8BAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,eAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/useCardHeader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,EAAyB,qBAAzB,QAAsD,2BAAtD;AAGA;;AAEG;;AACH,OAAO,IAAM,8BAA8B,GAA+B,CACxE,OADwE,EAExE,SAFwE,EAGxE,QAHwE,EAIxE,aAJwE,EAKxE,QALwE,CAAnE;AAQP,IAAM,UAAU,gBAAG,cAAc,CAAkB;AAAE,EAAA,SAAS,EAAE;AAAb,CAAlB,CAAjC;AAEA;;;;;;;;;AASG;;AACH,OAAO,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,KAAK,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KADT;AAEE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC;AAA7B,KAFX;AAGE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,WAAW,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAJf;AAKE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KALV;AAME,IAAA,GAAG,EAAA;AANL,GADsB,EAStB,YAAY,IAAI,qBAAqB,CAAC,YAAD,EAAe,8BAAf,CATf,EAUtB,qBAAqB,CAAC,KAAD,EAAQ,8BAAR,CAVC,CAAxB;AAaA,SAAO,KAAP;AACD,CAnBM","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardHeaderProps, CardHeaderShorthandProps, CardHeaderState } from './CardHeader.types';\n\n/**\n * Array of all shorthand properties listed in CardHeaderShorthandProps\n */\nexport const cardHeaderShorthandPropsCompat: CardHeaderShorthandProps[] = [\n 'image',\n 'content',\n 'header',\n 'description',\n 'action',\n];\n\nconst mergeProps = makeMergeProps<CardHeaderState>({ deepMerge: cardHeaderShorthandPropsCompat });\n\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles,\n * before being passed to renderCardHeader.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardHeader = (\n props: CardHeaderProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardHeaderProps,\n): CardHeaderState => {\n const state = mergeProps(\n {\n image: { as: 'div' },\n content: { as: 'div', children: React.Fragment },\n header: { as: 'span' },\n description: { as: 'span' },\n action: { as: 'div' },\n ref,\n },\n defaultProps && resolveShorthandProps(defaultProps, cardHeaderShorthandPropsCompat),\n resolveShorthandProps(props, cardHeaderShorthandPropsCompat),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,EAAyB,qBAAzB,QAAsD,2BAAtD;AAGA;;AAEG;;AACH,OAAO,IAAM,8BAA8B,GAA+B,CACxE,OADwE,EAExE,SAFwE,EAGxE,QAHwE,EAIxE,aAJwE,EAKxE,QALwE,CAAnE;AAQP,IAAM,UAAU,gBAAG,cAAc,CAAkB;AAAE,EAAA,SAAS,EAAE;AAAb,CAAlB,CAAjC;AAEA;;;;;;;;;AASG;;AACH,OAAO,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,KAAK,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KADT;AAEE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC;AAA7B,KAFX;AAGE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,WAAW,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAJf;AAKE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KALV;AAME,IAAA,GAAG,EAAA;AANL,GADsB,EAStB,YAAY,IAAI,qBAAqB,CAAC,YAAD,EAAe,8BAAf,CATf,EAUtB,qBAAqB,CAAC,KAAD,EAAQ,8BAAR,CAVC,CAAxB;AAaA,SAAO,KAAP;AACD,CAnBM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACH,OAAO,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,SAApB,CAA9B;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,YAAY,CAAC,MAAM,CAAC,KAAR,EAAe,KAAK,CAAC,KAAN,CAAY,SAA3B,CAApC;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CAAC,MAAM,CAAC,aAAR,EAAuB,KAAK,CAAC,OAAN,CAAc,SAArC,CAAtC;AACD;;AAED,SAAO,KAAP;AACD,CAbM","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardHeaderState } from './CardHeader.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: '12px',\n height: '32px',\n },\n image: {\n minWidth: '24px',\n minHeight: '24px',\n maxWidth: '32px',\n maxHeight: '32px',\n\n display: 'flex',\n alignItems: 'center',\n\n '> *': {\n minWidth: 'inherit',\n minHeight: 'inherit',\n maxWidth: '100%',\n maxHeight: '100%',\n },\n },\n\n textContainer: {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n height: 'inherit',\n\n '> *': {\n height: '50%',\n },\n },\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state\n */\nexport const useCardHeaderStyles = (state: CardHeaderState): CardHeaderState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.image) {\n state.image.className = mergeClasses(styles.image, state.image.className);\n }\n\n if (state.content) {\n state.content.className = mergeClasses(styles.textContainer, state.content.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACH,OAAO,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,SAApB,CAA9B;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,YAAY,CAAC,MAAM,CAAC,KAAR,EAAe,KAAK,CAAC,KAAN,CAAY,SAA3B,CAApC;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CAAC,MAAM,CAAC,aAAR,EAAuB,KAAK,CAAC,OAAN,CAAc,SAArC,CAAtC;AACD;;AAED,SAAO,KAAP;AACD,CAbM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/CardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,IAAM,WAAW,gBAAG,KAAK,CAAC,UAAN,CAAgD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,cAAc,CAAC,KAAD,EAAQ,GAAR,CAA5B;AAEA,EAAA,oBAAoB,CAAC,KAAD,CAApB;AACA,SAAO,iBAAiB,CAAC,KAAD,CAAxB;AACD,CAL0B,CAApB;AAOP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport { useCardPreview } from './useCardPreview';\nimport { renderCardPreview } from './renderCardPreview';\nimport { useCardPreviewStyles } from './useCardPreviewStyles';\nimport type { CardPreviewProps } from './CardPreview.types';\n\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview = React.forwardRef<HTMLElement, CardPreviewProps>((props, ref) => {\n const state = useCardPreview(props, ref);\n\n useCardPreviewStyles(state);\n return renderCardPreview(state);\n});\n\nCardPreview.displayName = 'CardPreview';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,IAAM,WAAW,gBAAG,KAAK,CAAC,UAAN,CAAgD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,cAAc,CAAC,KAAD,EAAQ,GAAR,CAA5B;AAEA,EAAA,oBAAoB,CAAC,KAAD,CAApB;AACA,SAAO,iBAAiB,CAAC,KAAD,CAAxB;AACD,CAL0B,CAApB;AAOP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"file":"CardPreview.types.js","sourceRoot":"../src/","sources":["components/CardPreview/CardPreview.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * CardPreview Props\n */\nexport interface CardPreviewProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n /**\n * Image slot\n */\n logo?: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;\n}\n\n/**\n * Names of the shorthand properties in CardPreviewProps\n */\nexport type CardPreviewShorthandProps = 'logo';\n\n/**\n * Names of CardPreviewProps that have a default value in useCardPreview\n */\nexport type CardPreviewDefaultedProps = never;\n\n/**\n * State used in rendering CardPreview\n */\nexport interface CardPreviewState\n extends ComponentStateCompat<CardPreviewProps, CardPreviewShorthandProps, CardPreviewDefaultedProps> {\n /**\n * Ref to the root element\n */\n ref: React.Ref<HTMLElement>;\n}\n"]}
1
+ {"version":3,"file":"CardPreview.types.js","sourceRoot":"","sources":["../../../src/components/CardPreview/CardPreview.types.ts"],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/CardPreview/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CardPreview/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AACA,SAAS,+BAAT,QAAgD,kBAAhD;AAGA;;AAEG;;AACH,OAAO,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,+BAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardPreviewShorthandPropsCompat } from './useCardPreview';\nimport type { CardPreviewState } from './CardPreview.types';\n\n/**\n * Render the final JSX of CardPreview\n */\nexport const renderCardPreview = (state: CardPreviewState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardPreviewShorthandPropsCompat);\n\n return (\n <slots.root {...slotProps.root}>\n {state.children}\n <slots.logo {...slotProps.logo} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AACA,SAAS,+BAAT,QAAgD,kBAAhD;AAGA;;AAEG;;AACH,OAAO,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,EAAQ,+BAAR,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/useCardPreview.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,EAAyB,qBAAzB,QAAsD,2BAAtD;AAGA;;AAEG;;AACH,OAAO,IAAM,+BAA+B,GAAgC,CAAC,MAAD,CAArE;AAEP,IAAM,UAAU,gBAAG,cAAc,CAAmB;AAAE,EAAA,SAAS,EAAE;AAAb,CAAnB,CAAjC;AAEA;;;;;;;;;AASG;;AACH,OAAO,IAAM,cAAc,GAAG,UAC5B,KAD4B,EAE5B,GAF4B,EAG5B,YAH4B,EAGG;AAE/B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,IAAI,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN;AAFR,GADsB,EAKtB,YAAY,IAAI,qBAAqB,CAAC,YAAD,EAAe,+BAAf,CALf,EAMtB,qBAAqB,CAAC,KAAD,EAAQ,+BAAR,CANC,CAAxB;AASA,SAAO,KAAP;AACD,CAfM","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewShorthandProps, CardPreviewState } from './CardPreview.types';\n\n/**\n * Array of all shorthand properties listed in CardPreviewShorthandProps\n */\nexport const cardPreviewShorthandPropsCompat: CardPreviewShorthandProps[] = ['logo'];\n\nconst mergeProps = makeMergeProps<CardPreviewState>({ deepMerge: cardPreviewShorthandPropsCompat });\n\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles,\n * before being passed to renderCardPreview.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardPreview = (\n props: CardPreviewProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardPreviewProps,\n): CardPreviewState => {\n const state = mergeProps(\n {\n ref,\n logo: { as: 'div' },\n },\n defaultProps && resolveShorthandProps(defaultProps, cardPreviewShorthandPropsCompat),\n resolveShorthandProps(props, cardPreviewShorthandPropsCompat),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,EAAyB,qBAAzB,QAAsD,2BAAtD;AAGA;;AAEG;;AACH,OAAO,IAAM,+BAA+B,GAAgC,CAAC,MAAD,CAArE;AAEP,IAAM,UAAU,gBAAG,cAAc,CAAmB;AAAE,EAAA,SAAS,EAAE;AAAb,CAAnB,CAAjC;AAEA;;;;;;;;;AASG;;AACH,OAAO,IAAM,cAAc,GAAG,UAC5B,KAD4B,EAE5B,GAF4B,EAG5B,YAH4B,EAGG;AAE/B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,IAAI,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN;AAFR,GADsB,EAKtB,YAAY,IAAI,qBAAqB,CAAC,YAAD,EAAe,+BAAf,CALf,EAMtB,qBAAqB,CAAC,KAAD,EAAQ,+BAAR,CANC,CAAxB;AASA,SAAO,KAAP;AACD,CAfM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACH,OAAO,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,SAApB,CAA9B;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;AACD;;AAED,SAAO,KAAP;AACD,CATM","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardPreviewState } from './CardPreview.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: theme => ({\n position: 'relative',\n // TODO: Explore alternate way of applying padding on parent Card\n margin: '0 -12px',\n\n '> *': {\n display: 'block',\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 = (state: CardPreviewState): CardPreviewState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.logo) {\n state.logo.className = mergeClasses(styles.logo, state.logo.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACH,OAAO,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,SAApB,CAA9B;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;AACD;;AAED,SAAO,KAAP;AACD,CATM","sourceRoot":""}
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC","sourcesContent":["export * from './Card';\nexport * from './CardFooter';\nexport * from './CardHeader';\nexport * from './CardPreview';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["Card.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Card/index';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/Card.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["CardFooter.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/CardFooter/index';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/CardFooter.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["CardHeader.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/CardHeader/index';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/CardHeader.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["CardPreview.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/CardPreview/index';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/CardPreview.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAO,KAAK,CAAC,UAAN,CAAyC,UAAC,KAAD,EAAQ,GAAR,EAAW;AACtE,MAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AACA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP;AACD,CALmB,CAAP;AAOb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from 'react';\nimport { useCard } from './useCard';\nimport { renderCard } from './renderCard';\nimport { useCardStyles } from './useCardStyles';\nimport type { CardProps } from './Card.types';\n\n/**\n * Component to provide scaffolding for hosting actions and content for a single topic within a card sized object.\n */\nexport const Card = React.forwardRef<HTMLElement, CardProps>((props, ref) => {\n const state = useCard(props, ref);\n\n useCardStyles(state);\n return renderCard(state);\n});\n\nCard.displayName = 'Card';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAO,KAAK,CAAC,UAAN,CAAyC,UAAC,KAAD,EAAQ,GAAR,EAAW;AACtE,MAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AACA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP;AACD,CALmB,CAAP;AAOb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Card/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Card';\nexport * from './Card.types';\nexport * from './renderCard';\nexport * from './useCard';\nexport * from './useCardStyles';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Card/renderCard.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,UAAU,GAAG,UAAC,KAAD,EAAiB;AACnC,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,QAAvC,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport type { CardState } from './Card.types';\n\n/**\n * Render the final JSX of Card\n */\nexport const renderCard = (state: CardState) => {\n const { slots, slotProps } = getSlotsCompat(state);\n\n return <slots.root {...slotProps.root}>{state.children}</slots.root>;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Card/renderCard.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,UAAU,GAAG,UAAC,KAAD,EAAiB;AACnC,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,QAAvC,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Card/useCard.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGA,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,EAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,OAAO,GAAG,UAAC,KAAD,EAAmB,GAAnB,EAAgD,YAAhD,EAAwE;AAC7F,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,IAAI,EAAE;AAFR,GADsB,EAKtB,YALsB,EAMtB,KANsB,CAAxB;AASA,SAAO,KAAP;AACD,CAXM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps } from '@fluentui/react-utilities';\nimport type { CardProps, CardState } from './Card.types';\n\nconst mergeProps = makeMergeProps<CardState>();\n\n/**\n * Create the state required to render Card.\n *\n * The returned state can be modified with hooks such as useCardStyles,\n * before being passed to renderCard.\n *\n * @param props - props from this instance of Card\n * @param ref - reference to root HTMLElement of Card\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCard = (props: CardProps, ref: React.Ref<HTMLElement>, defaultProps?: CardProps): CardState => {\n const state = mergeProps(\n {\n ref,\n role: 'group',\n },\n defaultProps,\n props,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Card/useCard.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGA,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,EAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,OAAO,GAAG,UAAC,KAAD,EAAmB,GAAnB,EAAgD,YAAhD,EAAwE;AAC7F,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,IAAI,EAAE;AAFR,GADsB,EAKtB,YALsB,EAMtB,KANsB,CAAxB;AASA,SAAO,KAAP;AACD,CAXM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
@@ -16,25 +16,25 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
16
16
  "mc9l5x": "f22iagw",
17
17
  "Beiy3e4": "f1vx9l62",
18
18
  "Bpg54ce": "f1a3p1vp",
19
- "E5pizo": ["f1eroye8", "f1m1elsp"],
20
- "sj55zd": "f16th3vw",
21
- "De3pzq": "fpnz0vo",
19
+ "E5pizo": ["f1whvlc6", "fzb35q0"],
20
+ "sj55zd": "f19n0e5",
21
+ "De3pzq": "fxugw4r",
22
22
  "z8tnut": "f1kcqot9",
23
23
  "z189sj": ["f11qrl6u", "fjlbh76"],
24
24
  "Byoj8tv": "fpe6lb7",
25
25
  "uwmqm3": ["fjlbh76", "f11qrl6u"],
26
26
  "rmohyg": "fsbu5mz",
27
- "Dimara": "fnpfh4l"
27
+ "Dimara": "ft85np5"
28
28
  },
29
29
  "interactive": {
30
30
  "Bceei9c": "f1k6fduh",
31
- "Jwef8y": "fg5k6t1",
32
- "ecr2s2": "fesicau"
31
+ "Jwef8y": "f1knas48",
32
+ "ecr2s2": "fb40n2d"
33
33
  }
34
34
  }, {
35
- "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1eroye8{box-shadow:var(--alias-shadow-shadow4);}", ".f1m1elsp{box-shadow:var(--alias-shadow-shadow-4);}", ".f16th3vw{color:var(--alias-color-neutral-neutralForeground1);}", ".fpnz0vo{background-color:var(--alias-color-neutral-neutralBackground1);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fsbu5mz{gap:12px;}", ".fnpfh4l{border-radius:var(--global-borderRadius-medium);}", ".f1k6fduh{cursor:pointer;}"],
36
- "h": [".fg5k6t1:hover{background-color:var(--alias-color-neutral-neutralBackground1Hover);}"],
37
- "a": [".fesicau:active{background-color:var(--alias-color-neutral-neutralBackground1Pressed);}"]
35
+ "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--shadow-4);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fsbu5mz{gap:12px;}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1k6fduh{cursor:pointer;}"],
36
+ "h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}"],
37
+ "a": [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}"]
38
38
  });
39
39
  /**
40
40
  * Apply styling to the Card slots based on the state
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Card/useCardStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA6BA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAiB;AAC5C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAChB,MAAM,CAAC,IADS,EAEhB,CAAC,KAAK,CAAC,OAAN,IACC,KAAK,CAAC,SADP,IAEC,KAAK,CAAC,WAFP,IAGC,KAAK,CAAC,WAHP,IAIC,KAAK,CAAC,aAJP,IAKC,KAAK,CAAC,YALP,IAMC,KAAK,CAAC,UANR,KAOE,MAAM,CAAC,WATO,EAUhB,KAAK,CAAC,SAVU,CAAlB;AAaA,SAAO,KAAP;AACD,CAhBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardState } from './Card.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: theme => ({\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n\n boxShadow: theme.alias.shadow.shadow4,\n color: theme.alias.color.neutral.neutralForeground1,\n backgroundColor: theme.alias.color.neutral.neutralBackground1,\n\n // Size: medium\n // TODO: Validate if we should use a token instead + the unit of said token\n // TODO: Explore alternate way of applying padding\n padding: '12px',\n gap: '12px',\n borderRadius: theme.global.borderRadius.medium,\n }),\n\n interactive: theme => ({\n cursor: 'pointer',\n ':hover': {\n backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n },\n ':active': {\n backgroundColor: theme.alias.color.neutral.neutralBackground1Pressed,\n },\n }),\n});\n\n/**\n * Apply styling to the Card slots based on the state\n */\nexport const useCardStyles = (state: CardState): CardState => {\n const styles = useStyles();\n state.className = mergeClasses(\n styles.root,\n (state.onClick ||\n state.onMouseUp ||\n state.onMouseDown ||\n state.onPointerUp ||\n state.onPointerDown ||\n state.onTouchStart ||\n state.onTouchEnd) &&\n styles.interactive,\n state.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA6BA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAiB;AAC5C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAChB,MAAM,CAAC,IADS,EAEhB,CAAC,KAAK,CAAC,OAAN,IACC,KAAK,CAAC,SADP,IAEC,KAAK,CAAC,WAFP,IAGC,KAAK,CAAC,WAHP,IAIC,KAAK,CAAC,aAJP,IAKC,KAAK,CAAC,YALP,IAMC,KAAK,CAAC,UANR,KAOE,MAAM,CAAC,WATO,EAUhB,KAAK,CAAC,SAVU,CAAlB;AAaA,SAAO,KAAP;AACD,CAhBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/CardFooter.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAa,KAAK,CAAC,UAAN,CAA+C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,eAAA,CAAA,aAAA,CAAc,KAAd,EAAqB,GAArB,CAAd;AAEA,EAAA,qBAAA,CAAA,mBAAA,CAAoB,KAApB;AACA,SAAO,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAP;AACD,CALyB,CAAb;AAOb,OAAA,CAAA,UAAA,CAAW,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from 'react';\nimport { useCardFooter } from './useCardFooter';\nimport { renderCardFooter } from './renderCardFooter';\nimport { useCardFooterStyles } from './useCardFooterStyles';\nimport type { CardFooterProps } from './CardFooter.types';\n\n/**\n * Component to render Button actions in a Card component.\n */\nexport const CardFooter = React.forwardRef<HTMLElement, CardFooterProps>((props, ref) => {\n const state = useCardFooter(props, ref);\n\n useCardFooterStyles(state);\n return renderCardFooter(state);\n});\n\nCardFooter.displayName = 'CardFooter';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/CardFooter.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAa,KAAK,CAAC,UAAN,CAA+C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,eAAA,CAAA,aAAA,CAAc,KAAd,EAAqB,GAArB,CAAd;AAEA,EAAA,qBAAA,CAAA,mBAAA,CAAoB,KAApB;AACA,SAAO,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAP;AACD,CALyB,CAAb;AAOb,OAAA,CAAA,UAAA,CAAW,WAAX,GAAyB,YAAzB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './CardFooter';\nexport * from './CardFooter.types';\nexport * from './renderCardFooter';\nexport * from './useCardFooter';\nexport * from './useCardFooterStyles';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,eAAA,CAAA,wBAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardFooterShorthandProps } from './useCardFooter';\nimport type { CardFooterState } from './CardFooter.types';\n\n/**\n * Render the final JSX of CardFooter\n */\nexport const renderCardFooter = (state: CardFooterState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardFooterShorthandProps);\n\n return (\n <slots.root {...slotProps.root}>\n {state.children}\n <slots.action {...slotProps.action} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,eAAA,CAAA,wBAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/useCardFooter.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,wBAAA,GAAuD,CAAC,QAAD,CAAvD;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAgC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAhC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA;AADL,GADsB,EAItB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,wBAApC,CAJM,EAKtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,wBAA7B,CALsB,CAAxB;AAQA,SAAO,KAAP;AACD,CAdM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardFooterProps, CardFooterShorthandProps, CardFooterState } from './CardFooter.types';\n\n/**\n * Array of all shorthand properties listed in CardFooterShorthandProps\n */\nexport const cardFooterShorthandProps: CardFooterShorthandProps[] = ['action'];\n\nconst mergeProps = makeMergeProps<CardFooterState>({ deepMerge: cardFooterShorthandProps });\n\n/**\n * Create the state required to render CardFooter.\n *\n * The returned state can be modified with hooks such as useCardFooterStyles,\n * before being passed to renderCardFooter.\n *\n * @param props - props from this instance of CardFooter\n * @param ref - reference to root HTMLElement of CardFooter\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardFooter = (\n props: CardFooterProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardFooterProps,\n): CardFooterState => {\n const state = mergeProps(\n {\n ref,\n },\n defaultProps && resolveShorthandProps(defaultProps, cardFooterShorthandProps),\n resolveShorthandProps(props, cardFooterShorthandProps),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/useCardFooter.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,wBAAA,GAAuD,CAAC,QAAD,CAAvD;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAgC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAhC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA;AADL,GADsB,EAItB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,wBAApC,CAJM,EAKtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,wBAA7B,CALsB,CAAxB;AAQA,SAAO,KAAP;AACD,CAdM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,IAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,MAApB,EAA4B,KAAK,CAAC,MAAN,CAAa,SAAzC,CAAzB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardFooterState } from './CardFooter.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n 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 = (state: CardFooterState): CardFooterState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.action) {\n state.action.className = mergeClasses(styles.action, state.action.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,IAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,MAApB,EAA4B,KAAK,CAAC,MAAN,CAAa,SAAzC,CAAzB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAa,KAAK,CAAC,UAAN,CAA+C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,eAAA,CAAA,aAAA,CAAc,KAAd,EAAqB,GAArB,CAAd;AAEA,EAAA,qBAAA,CAAA,mBAAA,CAAoB,KAApB;AACA,SAAO,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAP;AACD,CALyB,CAAb;AAOb,OAAA,CAAA,UAAA,CAAW,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from 'react';\nimport { useCardHeader } from './useCardHeader';\nimport { renderCardHeader } from './renderCardHeader';\nimport { useCardHeaderStyles } from './useCardHeaderStyles';\nimport type { CardHeaderProps } from './CardHeader.types';\n\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader = React.forwardRef<HTMLElement, CardHeaderProps>((props, ref) => {\n const state = useCardHeader(props, ref);\n\n useCardHeaderStyles(state);\n return renderCardHeader(state);\n});\n\nCardHeader.displayName = 'CardHeader';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAa,KAAK,CAAC,UAAN,CAA+C,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,eAAA,CAAA,aAAA,CAAc,KAAd,EAAqB,GAArB,CAAd;AAEA,EAAA,qBAAA,CAAA,mBAAA,CAAoB,KAApB;AACA,SAAO,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAP;AACD,CALyB,CAAb;AAOb,OAAA,CAAA,UAAA,CAAW,WAAX,GAAyB,YAAzB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,eAAA,CAAA,8BAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardHeaderShorthandPropsCompat } from './useCardHeader';\nimport type { CardHeaderState } from './CardHeader.types';\n\n/**\n * Render the final JSX of CardHeader\n */\nexport const renderCardHeader = (state: CardHeaderState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardHeaderShorthandPropsCompat);\n\n return (\n <slots.root {...slotProps.root}>\n <slots.image {...slotProps.image} />\n <slots.content {...slotProps.content}>\n <slots.header {...slotProps.header} />\n <slots.description {...slotProps.description} />\n </slots.content>\n <slots.action {...slotProps.action} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,eAAA,CAAA,8BAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,8BAAA,GAA6D,CACxE,OADwE,EAExE,SAFwE,EAGxE,QAHwE,EAIxE,aAJwE,EAKxE,QALwE,CAA7D;AAQb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAgC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAhC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,KAAK,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KADT;AAEE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC;AAA7B,KAFX;AAGE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,WAAW,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAJf;AAKE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KALV;AAME,IAAA,GAAG,EAAA;AANL,GADsB,EAStB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,8BAApC,CATM,EAUtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,8BAA7B,CAVsB,CAAxB;AAaA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardHeaderProps, CardHeaderShorthandProps, CardHeaderState } from './CardHeader.types';\n\n/**\n * Array of all shorthand properties listed in CardHeaderShorthandProps\n */\nexport const cardHeaderShorthandPropsCompat: CardHeaderShorthandProps[] = [\n 'image',\n 'content',\n 'header',\n 'description',\n 'action',\n];\n\nconst mergeProps = makeMergeProps<CardHeaderState>({ deepMerge: cardHeaderShorthandPropsCompat });\n\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles,\n * before being passed to renderCardHeader.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardHeader = (\n props: CardHeaderProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardHeaderProps,\n): CardHeaderState => {\n const state = mergeProps(\n {\n image: { as: 'div' },\n content: { as: 'div', children: React.Fragment },\n header: { as: 'span' },\n description: { as: 'span' },\n action: { as: 'div' },\n ref,\n },\n defaultProps && resolveShorthandProps(defaultProps, cardHeaderShorthandPropsCompat),\n resolveShorthandProps(props, cardHeaderShorthandPropsCompat),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,8BAAA,GAA6D,CACxE,OADwE,EAExE,SAFwE,EAGxE,QAHwE,EAIxE,aAJwE,EAKxE,QALwE,CAA7D;AAQb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAgC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAhC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,KAAK,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KADT;AAEE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC;AAA7B,KAFX;AAGE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,WAAW,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAJf;AAKE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KALV;AAME,IAAA,GAAG,EAAA;AANL,GADsB,EAStB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,8BAApC,CATM,EAUtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,8BAA7B,CAVsB,CAAxB;AAaA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardHeaderState } from './CardHeader.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: '12px',\n height: '32px',\n },\n image: {\n minWidth: '24px',\n minHeight: '24px',\n maxWidth: '32px',\n maxHeight: '32px',\n\n display: 'flex',\n alignItems: 'center',\n\n '> *': {\n minWidth: 'inherit',\n minHeight: 'inherit',\n maxWidth: '100%',\n maxHeight: '100%',\n },\n },\n\n textContainer: {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n height: 'inherit',\n\n '> *': {\n height: '50%',\n },\n },\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state\n */\nexport const useCardHeaderStyles = (state: CardHeaderState): CardHeaderState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.image) {\n state.image.className = mergeClasses(styles.image, state.image.className);\n }\n\n if (state.content) {\n state.content.className = mergeClasses(styles.textContainer, state.content.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAc,KAAK,CAAC,UAAN,CAAgD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CAL0B,CAAd;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport { useCardPreview } from './useCardPreview';\nimport { renderCardPreview } from './renderCardPreview';\nimport { useCardPreviewStyles } from './useCardPreviewStyles';\nimport type { CardPreviewProps } from './CardPreview.types';\n\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview = React.forwardRef<HTMLElement, CardPreviewProps>((props, ref) => {\n const state = useCardPreview(props, ref);\n\n useCardPreviewStyles(state);\n return renderCardPreview(state);\n});\n\nCardPreview.displayName = 'CardPreview';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAc,KAAK,CAAC,UAAN,CAAgD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACpF,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CAL0B,CAAd;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,gBAAA,CAAA,+BAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardPreviewShorthandPropsCompat } from './useCardPreview';\nimport type { CardPreviewState } from './CardPreview.types';\n\n/**\n * Render the final JSX of CardPreview\n */\nexport const renderCardPreview = (state: CardPreviewState) => {\n const { slots, slotProps } = getSlotsCompat(state, cardPreviewShorthandPropsCompat);\n\n return (\n <slots.root {...slotProps.root}>\n {state.children}\n <slots.logo {...slotProps.logo} />\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,gBAAA,CAAA,+BAAtB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,QADT,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,+BAAA,GAA+D,CAAC,MAAD,CAA/D;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAiC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAjC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,cAAc,GAAG,UAC5B,KAD4B,EAE5B,GAF4B,EAG5B,YAH4B,EAGG;AAE/B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,IAAI,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN;AAFR,GADsB,EAKtB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,+BAApC,CALM,EAMtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,+BAA7B,CANsB,CAAxB;AASA,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewShorthandProps, CardPreviewState } from './CardPreview.types';\n\n/**\n * Array of all shorthand properties listed in CardPreviewShorthandProps\n */\nexport const cardPreviewShorthandPropsCompat: CardPreviewShorthandProps[] = ['logo'];\n\nconst mergeProps = makeMergeProps<CardPreviewState>({ deepMerge: cardPreviewShorthandPropsCompat });\n\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles,\n * before being passed to renderCardPreview.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardPreview = (\n props: CardPreviewProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: CardPreviewProps,\n): CardPreviewState => {\n const state = mergeProps(\n {\n ref,\n logo: { as: 'div' },\n },\n defaultProps && resolveShorthandProps(defaultProps, cardPreviewShorthandPropsCompat),\n resolveShorthandProps(props, cardPreviewShorthandPropsCompat),\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,+BAAA,GAA+D,CAAC,MAAD,CAA/D;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAiC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAjC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,cAAc,GAAG,UAC5B,KAD4B,EAE5B,GAF4B,EAG5B,YAH4B,EAGG;AAE/B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,IAAI,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN;AAFR,GADsB,EAKtB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,+BAApC,CALM,EAMtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,+BAA7B,CANsB,CAAxB;AASA,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardPreviewState } from './CardPreview.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: theme => ({\n position: 'relative',\n // TODO: Explore alternate way of applying padding on parent Card\n margin: '0 -12px',\n\n '> *': {\n display: 'block',\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 = (state: CardPreviewState): CardPreviewState => {\n const styles = useStyles();\n state.className = mergeClasses(styles.root, state.className);\n\n if (state.logo) {\n state.logo.className = mergeClasses(styles.logo, state.logo.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Card';\nexport * from './CardFooter';\nexport * from './CardHeader';\nexport * from './CardPreview';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-card",
3
- "version": "9.0.0-alpha.1",
3
+ "version": "9.0.0-alpha.13",
4
4
  "private": false,
5
5
  "description": "Card container components for Fluent UI React.",
6
6
  "main": "lib-commonjs/index.js",
@@ -25,14 +25,14 @@
25
25
  "storybook": "start-storybook -s assets"
26
26
  },
27
27
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "9.0.0-alpha.47",
29
- "@fluentui/eslint-plugin": "^1.4.1",
30
- "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.40",
31
- "@fluentui/react-conformance": "^0.5.0",
32
- "@fluentui/react-conformance-make-styles": "9.0.0-alpha.9",
28
+ "@fluentui/babel-make-styles": "9.0.0-alpha.56",
29
+ "@fluentui/eslint-plugin": "*",
30
+ "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.49",
31
+ "@fluentui/react-conformance": "*",
32
+ "@fluentui/react-conformance-make-styles": "9.0.0-alpha.18",
33
33
  "@fluentui/scripts": "^1.0.0",
34
- "@fluentui/react-text": "^9.0.0-alpha.14",
35
- "@fluentui/react-button": "^9.0.0-alpha.85",
34
+ "@fluentui/react-text": "9.0.0-alpha.23",
35
+ "@fluentui/react-button": "9.0.0-alpha.97",
36
36
  "@types/enzyme": "3.10.3",
37
37
  "@types/enzyme-adapter-react-16": "1.0.3",
38
38
  "@types/react": "16.9.42",
@@ -45,8 +45,8 @@
45
45
  "react-test-renderer": "^16.3.0"
46
46
  },
47
47
  "dependencies": {
48
- "@fluentui/react-make-styles": "9.0.0-alpha.65",
49
- "@fluentui/react-utilities": "9.0.0-alpha.47",
48
+ "@fluentui/react-make-styles": "9.0.0-alpha.74",
49
+ "@fluentui/react-utilities": "9.0.0-alpha.53",
50
50
  "tslib": "^2.1.0"
51
51
  },
52
52
  "peerDependencies": {
package/lib-amd/Card.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './components/Card/index';
package/lib-amd/Card.js DELETED
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/Card/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(index_1, exports);
5
- });
6
- //# sourceMappingURL=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"../src/","sources":["Card.ts"],"names":[],"mappings":";;;IAAA,uCAAwC","sourcesContent":["export * from './components/Card/index';\n"]}
@@ -1 +0,0 @@
1
- export * from './components/CardFooter/index';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/CardFooter/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(index_1, exports);
5
- });
6
- //# sourceMappingURL=CardFooter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardFooter.js","sourceRoot":"../src/","sources":["CardFooter.ts"],"names":[],"mappings":";;;IAAA,uCAA8C","sourcesContent":["export * from './components/CardFooter/index';\n"]}
@@ -1 +0,0 @@
1
- export * from './components/CardHeader/index';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/CardHeader/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(index_1, exports);
5
- });
6
- //# sourceMappingURL=CardHeader.js.map