@fluentui/react-card 9.0.2 → 9.0.4

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 (171) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +79 -1
  3. package/CHANGELOG.md +28 -2
  4. package/lib/Card.js.map +1 -1
  5. package/lib/CardFooter.js.map +1 -1
  6. package/lib/CardHeader.js.map +1 -1
  7. package/lib/CardPreview.js.map +1 -1
  8. package/lib/components/Card/Card.js.map +1 -1
  9. package/lib/components/Card/Card.types.js +1 -1
  10. package/lib/components/Card/Card.types.js.map +1 -1
  11. package/lib/components/Card/CardContext.js +4 -8
  12. package/lib/components/Card/CardContext.js.map +1 -1
  13. package/lib/components/Card/index.js.map +1 -1
  14. package/lib/components/Card/renderCard.js +2 -8
  15. package/lib/components/Card/renderCard.js.map +1 -1
  16. package/lib/components/Card/useCard.js.map +1 -1
  17. package/lib/components/Card/useCardContextValue.js.map +1 -1
  18. package/lib/components/Card/useCardSelectable.js.map +1 -1
  19. package/lib/components/Card/useCardStyles.js.map +1 -1
  20. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  21. package/lib/components/CardFooter/CardFooter.types.js.map +1 -1
  22. package/lib/components/CardFooter/index.js.map +1 -1
  23. package/lib/components/CardFooter/renderCardFooter.js +1 -5
  24. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  25. package/lib/components/CardFooter/useCardFooter.js +1 -0
  26. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  27. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  28. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  29. package/lib/components/CardHeader/CardHeader.types.js.map +1 -1
  30. package/lib/components/CardHeader/index.js.map +1 -1
  31. package/lib/components/CardHeader/renderCardHeader.js +1 -11
  32. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  33. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  34. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  35. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  36. package/lib/components/CardPreview/CardPreview.types.js.map +1 -1
  37. package/lib/components/CardPreview/index.js.map +1 -1
  38. package/lib/components/CardPreview/renderCardPreview.js +1 -5
  39. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  40. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  41. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  42. package/lib/index.js.map +1 -1
  43. package/lib-commonjs/Card.js +5 -4
  44. package/lib-commonjs/Card.js.map +1 -1
  45. package/lib-commonjs/CardFooter.js +5 -4
  46. package/lib-commonjs/CardFooter.js.map +1 -1
  47. package/lib-commonjs/CardHeader.js +5 -4
  48. package/lib-commonjs/CardHeader.js.map +1 -1
  49. package/lib-commonjs/CardPreview.js +5 -4
  50. package/lib-commonjs/CardPreview.js.map +1 -1
  51. package/lib-commonjs/components/Card/Card.js +18 -17
  52. package/lib-commonjs/components/Card/Card.js.map +1 -1
  53. package/lib-commonjs/components/Card/Card.types.js +5 -2
  54. package/lib-commonjs/components/Card/Card.types.js.map +1 -1
  55. package/lib-commonjs/components/Card/CardContext.js +27 -30
  56. package/lib-commonjs/components/Card/CardContext.js.map +1 -1
  57. package/lib-commonjs/components/Card/index.js +10 -9
  58. package/lib-commonjs/components/Card/index.js.map +1 -1
  59. package/lib-commonjs/components/Card/renderCard.js +16 -25
  60. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  61. package/lib-commonjs/components/Card/useCard.js +81 -94
  62. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  63. package/lib-commonjs/components/Card/useCardContextValue.js +11 -11
  64. package/lib-commonjs/components/Card/useCardContextValue.js.map +1 -1
  65. package/lib-commonjs/components/Card/useCardSelectable.js +130 -117
  66. package/lib-commonjs/components/Card/useCardSelectable.js.map +1 -1
  67. package/lib-commonjs/components/Card/useCardStyles.js +738 -336
  68. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  69. package/lib-commonjs/components/CardFooter/CardFooter.js +16 -15
  70. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  71. package/lib-commonjs/components/CardFooter/CardFooter.types.js +3 -2
  72. package/lib-commonjs/components/CardFooter/CardFooter.types.js.map +1 -1
  73. package/lib-commonjs/components/CardFooter/index.js +9 -8
  74. package/lib-commonjs/components/CardFooter/index.js.map +1 -1
  75. package/lib-commonjs/components/CardFooter/renderCardFooter.js +13 -20
  76. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  77. package/lib-commonjs/components/CardFooter/useCardFooter.js +23 -30
  78. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  79. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +45 -33
  80. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  81. package/lib-commonjs/components/CardHeader/CardHeader.js +16 -15
  82. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  83. package/lib-commonjs/components/CardHeader/CardHeader.types.js +3 -2
  84. package/lib-commonjs/components/CardHeader/CardHeader.types.js.map +1 -1
  85. package/lib-commonjs/components/CardHeader/index.js +9 -8
  86. package/lib-commonjs/components/CardHeader/index.js.map +1 -1
  87. package/lib-commonjs/components/CardHeader/renderCardHeader.js +13 -26
  88. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  89. package/lib-commonjs/components/CardHeader/useCardHeader.js +50 -64
  90. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  91. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +88 -67
  92. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  93. package/lib-commonjs/components/CardPreview/CardPreview.js +16 -15
  94. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  95. package/lib-commonjs/components/CardPreview/CardPreview.types.js +3 -2
  96. package/lib-commonjs/components/CardPreview/CardPreview.types.js.map +1 -1
  97. package/lib-commonjs/components/CardPreview/index.js +9 -8
  98. package/lib-commonjs/components/CardPreview/index.js.map +1 -1
  99. package/lib-commonjs/components/CardPreview/renderCardPreview.js +13 -20
  100. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  101. package/lib-commonjs/components/CardPreview/useCardPreview.js +51 -60
  102. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  103. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +53 -37
  104. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  105. package/lib-commonjs/index.js +40 -153
  106. package/lib-commonjs/index.js.map +1 -1
  107. package/package.json +10 -9
  108. package/lib-amd/Card.js +0 -6
  109. package/lib-amd/Card.js.map +0 -1
  110. package/lib-amd/CardFooter.js +0 -6
  111. package/lib-amd/CardFooter.js.map +0 -1
  112. package/lib-amd/CardHeader.js +0 -6
  113. package/lib-amd/CardHeader.js.map +0 -1
  114. package/lib-amd/CardPreview.js +0 -6
  115. package/lib-amd/CardPreview.js.map +0 -1
  116. package/lib-amd/components/Card/Card.js +0 -16
  117. package/lib-amd/components/Card/Card.js.map +0 -1
  118. package/lib-amd/components/Card/Card.types.js +0 -5
  119. package/lib-amd/components/Card/Card.types.js.map +0 -1
  120. package/lib-amd/components/Card/CardContext.js +0 -31
  121. package/lib-amd/components/Card/CardContext.js.map +0 -1
  122. package/lib-amd/components/Card/index.js +0 -11
  123. package/lib-amd/components/Card/index.js.map +0 -1
  124. package/lib-amd/components/Card/renderCard.js +0 -18
  125. package/lib-amd/components/Card/renderCard.js.map +0 -1
  126. package/lib-amd/components/Card/useCard.js +0 -85
  127. package/lib-amd/components/Card/useCard.js.map +0 -1
  128. package/lib-amd/components/Card/useCardContextValue.js +0 -11
  129. package/lib-amd/components/Card/useCardContextValue.js.map +0 -1
  130. package/lib-amd/components/Card/useCardSelectable.js +0 -97
  131. package/lib-amd/components/Card/useCardSelectable.js.map +0 -1
  132. package/lib-amd/components/Card/useCardStyles.js +0 -253
  133. package/lib-amd/components/Card/useCardStyles.js.map +0 -1
  134. package/lib-amd/components/CardFooter/CardFooter.js +0 -15
  135. package/lib-amd/components/CardFooter/CardFooter.js.map +0 -1
  136. package/lib-amd/components/CardFooter/CardFooter.types.js +0 -5
  137. package/lib-amd/components/CardFooter/CardFooter.types.js.map +0 -1
  138. package/lib-amd/components/CardFooter/index.js +0 -10
  139. package/lib-amd/components/CardFooter/index.js.map +0 -1
  140. package/lib-amd/components/CardFooter/renderCardFooter.js +0 -16
  141. package/lib-amd/components/CardFooter/renderCardFooter.js.map +0 -1
  142. package/lib-amd/components/CardFooter/useCardFooter.js +0 -27
  143. package/lib-amd/components/CardFooter/useCardFooter.js.map +0 -1
  144. package/lib-amd/components/CardFooter/useCardFooterStyles.js +0 -31
  145. package/lib-amd/components/CardFooter/useCardFooterStyles.js.map +0 -1
  146. package/lib-amd/components/CardHeader/CardHeader.js +0 -15
  147. package/lib-amd/components/CardHeader/CardHeader.js.map +0 -1
  148. package/lib-amd/components/CardHeader/CardHeader.types.js +0 -5
  149. package/lib-amd/components/CardHeader/CardHeader.types.js.map +0 -1
  150. package/lib-amd/components/CardHeader/index.js +0 -10
  151. package/lib-amd/components/CardHeader/index.js.map +0 -1
  152. package/lib-amd/components/CardHeader/renderCardHeader.js +0 -18
  153. package/lib-amd/components/CardHeader/renderCardHeader.js.map +0 -1
  154. package/lib-amd/components/CardHeader/useCardHeader.js +0 -48
  155. package/lib-amd/components/CardHeader/useCardHeader.js.map +0 -1
  156. package/lib-amd/components/CardHeader/useCardHeaderStyles.js +0 -72
  157. package/lib-amd/components/CardHeader/useCardHeaderStyles.js.map +0 -1
  158. package/lib-amd/components/CardPreview/CardPreview.js +0 -15
  159. package/lib-amd/components/CardPreview/CardPreview.js.map +0 -1
  160. package/lib-amd/components/CardPreview/CardPreview.types.js +0 -5
  161. package/lib-amd/components/CardPreview/CardPreview.types.js.map +0 -1
  162. package/lib-amd/components/CardPreview/index.js +0 -10
  163. package/lib-amd/components/CardPreview/index.js.map +0 -1
  164. package/lib-amd/components/CardPreview/renderCardPreview.js +0 -16
  165. package/lib-amd/components/CardPreview/renderCardPreview.js.map +0 -1
  166. package/lib-amd/components/CardPreview/useCardPreview.js +0 -50
  167. package/lib-amd/components/CardPreview/useCardPreview.js.map +0 -1
  168. package/lib-amd/components/CardPreview/useCardPreviewStyles.js +0 -44
  169. package/lib-amd/components/CardPreview/useCardPreviewStyles.js.map +0 -1
  170. package/lib-amd/index.js +0 -30
  171. package/lib-amd/index.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardFooter.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardFooter/CardFooter.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,UAAU,GAAyC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1F,IAAM,KAAK,GAAG,sCAAsB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEjD,kDAA4B,CAAC,KAAK,CAAC,CAAC;QACpC,OAAO,4CAAyB,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCardFooter_unstable } from './useCardFooter';\nimport { renderCardFooter_unstable } from './renderCardFooter';\nimport { useCardFooterStyles_unstable } from './useCardFooterStyles';\nimport type { CardFooterProps } from './CardFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Component to render Button actions in a Card component.\n */\nexport const CardFooter: ForwardRefComponent<CardFooterProps> = React.forwardRef((props, ref) => {\n const state = useCardFooter_unstable(props, ref);\n\n useCardFooterStyles_unstable(state);\n return renderCardFooter_unstable(state);\n});\n\nCardFooter.displayName = 'CardFooter';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=CardFooter.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardFooter.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardFooter/CardFooter.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Slots available in the CardFooter component.\n */\nexport type CardFooterSlots = {\n /**\n * Root element of the component.\n */\n root: Slot<'div'>;\n\n /**\n * Container that renders on the far end of the footer, used for action buttons.\n */\n action?: Slot<'div'>;\n};\n\n/**\n * CardFooter component props.\n */\nexport type CardFooterProps = ComponentProps<CardFooterSlots>;\n\n/**\n * State used in rendering CardFooter.\n */\nexport type CardFooterState = ComponentState<CardFooterSlots>;\n"]}
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./CardFooter", "./CardFooter.types", "./renderCardFooter", "./useCardFooter", "./useCardFooterStyles"], function (require, exports, tslib_1, CardFooter_1, CardFooter_types_1, renderCardFooter_1, useCardFooter_1, useCardFooterStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(CardFooter_1, exports);
5
- tslib_1.__exportStar(CardFooter_types_1, exports);
6
- tslib_1.__exportStar(renderCardFooter_1, exports);
7
- tslib_1.__exportStar(useCardFooter_1, exports);
8
- tslib_1.__exportStar(useCardFooterStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardFooter/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B;IAC7B,kDAAmC;IACnC,kDAAmC;IACnC,+CAAgC;IAChC,qDAAsC","sourcesContent":["export * from './CardFooter';\nexport * from './CardFooter.types';\nexport * from './renderCardFooter';\nexport * from './useCardFooter';\nexport * from './useCardFooterStyles';\n"]}
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderCardFooter_unstable = void 0;
5
- /**
6
- * Render the final JSX of CardFooter.
7
- */
8
- var renderCardFooter_unstable = function (state) {
9
- var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
10
- return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
11
- slotProps.root.children,
12
- slots.action && React.createElement(slots.action, tslib_1.__assign({}, slotProps.action))));
13
- };
14
- exports.renderCardFooter_unstable = renderCardFooter_unstable;
15
- });
16
- //# sourceMappingURL=renderCardFooter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderCardFooter.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,yBAAyB,GAAG,UAAC,KAAsB;QACxD,IAAA,KAAuB,0BAAQ,CAAkB,KAAK,CAAC,EAArD,KAAK,WAAA,EAAE,SAAS,eAAqC,CAAC;QAE9D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,SAAS,CAAC,IAAI,CAAC,QAAQ;YACvB,KAAK,CAAC,MAAM,IAAI,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI,CAC5C,CACd,CAAC;IACJ,CAAC,CAAC;IATW,QAAA,yBAAyB,6BASpC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardFooterSlots, CardFooterState } from './CardFooter.types';\n\n/**\n * Render the final JSX of CardFooter.\n */\nexport const renderCardFooter_unstable = (state: CardFooterState) => {\n const { slots, slotProps } = getSlots<CardFooterSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {slotProps.root.children}\n {slots.action && <slots.action {...slotProps.action} />}\n </slots.root>\n );\n};\n"]}
@@ -1,27 +0,0 @@
1
- define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCardFooter_unstable = void 0;
5
- /**
6
- * Create the state required to render CardFooter.
7
- *
8
- * The returned state can be modified with hooks such as useCardFooterStyles_unstable,
9
- * before being passed to renderCardFooter_unstable.
10
- *
11
- * @param props - props from this instance of CardFooter
12
- * @param ref - reference to root HTMLElement of CardFooter
13
- */
14
- var useCardFooter_unstable = function (props, ref) {
15
- var action = props.action;
16
- return {
17
- components: {
18
- root: 'div',
19
- action: 'div',
20
- },
21
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({ ref: ref }, props)),
22
- action: react_utilities_1.resolveShorthand(action),
23
- };
24
- };
25
- exports.useCardFooter_unstable = useCardFooter_unstable;
26
- });
27
- //# sourceMappingURL=useCardFooter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardFooter.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardFooter/useCardFooter.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;;OAQG;IACI,IAAM,sBAAsB,GAAG,UAAC,KAAsB,EAAE,GAA2B;QAChF,IAAA,MAAM,GAAK,KAAK,OAAV,CAAW;QAEzB,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,MAAM,EAAE,KAAK;aACd;YAED,IAAI,EAAE,uCAAqB,CAAC,KAAK,qBAC/B,GAAG,KAAA,IACA,KAAK,EACR;YACF,MAAM,EAAE,kCAAgB,CAAC,MAAM,CAAC;SACjC,CAAC;IACJ,CAAC,CAAC;IAfW,QAAA,sBAAsB,0BAejC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { CardFooterProps, CardFooterState } from './CardFooter.types';\n\n/**\n * Create the state required to render CardFooter.\n *\n * The returned state can be modified with hooks such as useCardFooterStyles_unstable,\n * before being passed to renderCardFooter_unstable.\n *\n * @param props - props from this instance of CardFooter\n * @param ref - reference to root HTMLElement of CardFooter\n */\nexport const useCardFooter_unstable = (props: CardFooterProps, ref: React.Ref<HTMLElement>): CardFooterState => {\n const { action } = props;\n\n return {\n components: {\n root: 'div',\n action: 'div',\n },\n\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n action: resolveShorthand(action),\n };\n};\n"]}
@@ -1,31 +0,0 @@
1
- define(["require", "exports", "tslib", "@griffel/react"], function (require, exports, tslib_1, react_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCardFooterStyles_unstable = exports.cardFooterClassNames = void 0;
5
- /**
6
- * Static CSS class names used internally for the component slots.
7
- */
8
- exports.cardFooterClassNames = {
9
- root: 'fui-CardFooter',
10
- action: 'fui-CardFooter__action',
11
- };
12
- var useStyles = react_1.makeStyles({
13
- root: tslib_1.__assign({ display: 'flex', flexDirection: 'row' }, react_1.shorthands.gap('12px')),
14
- action: {
15
- marginLeft: 'auto',
16
- },
17
- });
18
- /**
19
- * Apply styling to the CardFooter slots based on the state.
20
- */
21
- var useCardFooterStyles_unstable = function (state) {
22
- var styles = useStyles();
23
- state.root.className = react_1.mergeClasses(exports.cardFooterClassNames.root, styles.root, state.root.className);
24
- if (state.action) {
25
- state.action.className = react_1.mergeClasses(exports.cardFooterClassNames.action, styles.action, state.action.className);
26
- }
27
- return state;
28
- };
29
- exports.useCardFooterStyles_unstable = useCardFooterStyles_unstable;
30
- });
31
- //# sourceMappingURL=useCardFooterStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardFooterStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,oBAAoB,GAAoC;QACnE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,wBAAwB;KACjC,CAAC;IAEF,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,qBACF,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,KAAK,IACjB,kBAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAC1B;QACD,MAAM,EAAE;YACN,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,4BAA4B,GAAG,UAAC,KAAsB;QACjE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,4BAAoB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAElG,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,oBAAY,CAAC,4BAAoB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SAC3G;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IATW,QAAA,4BAA4B,gCASvC","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { CardFooterSlots, CardFooterState } from './CardFooter.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardFooterClassNames: SlotClassNames<CardFooterSlots> = {\n root: 'fui-CardFooter',\n action: 'fui-CardFooter__action',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n ...shorthands.gap('12px'),\n },\n action: {\n marginLeft: 'auto',\n },\n});\n\n/**\n * Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = (state: CardFooterState): CardFooterState => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n\n if (state.action) {\n state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n }\n\n return state;\n};\n"]}
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "react", "./useCardHeader", "./renderCardHeader", "./useCardHeaderStyles"], function (require, exports, React, useCardHeader_1, renderCardHeader_1, useCardHeaderStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.CardHeader = void 0;
5
- /**
6
- * Component to render an image, text and an action in a Card component.
7
- */
8
- exports.CardHeader = React.forwardRef(function (props, ref) {
9
- var state = useCardHeader_1.useCardHeader_unstable(props, ref);
10
- useCardHeaderStyles_1.useCardHeaderStyles_unstable(state);
11
- return renderCardHeader_1.renderCardHeader_unstable(state);
12
- });
13
- exports.CardHeader.displayName = 'CardHeader';
14
- });
15
- //# sourceMappingURL=CardHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,UAAU,GAAyC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1F,IAAM,KAAK,GAAG,sCAAsB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEjD,kDAA4B,CAAC,KAAK,CAAC,CAAC;QACpC,OAAO,4CAAyB,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCardHeader_unstable } from './useCardHeader';\nimport { renderCardHeader_unstable } from './renderCardHeader';\nimport { useCardHeaderStyles_unstable } from './useCardHeaderStyles';\nimport type { CardHeaderProps } from './CardHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader: ForwardRefComponent<CardHeaderProps> = React.forwardRef((props, ref) => {\n const state = useCardHeader_unstable(props, ref);\n\n useCardHeaderStyles_unstable(state);\n return renderCardHeader_unstable(state);\n});\n\nCardHeader.displayName = 'CardHeader';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=CardHeader.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/CardHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Slots available in the CardHeader component.\n */\nexport type CardHeaderSlots = {\n /**\n * Root element of the component.\n */\n root: Slot<'div'>;\n\n /**\n * Element used to render an image or avatar related to the card.\n */\n image: Slot<'div', 'img'>;\n\n /**\n * Element used to render the main header title.\n */\n header: Slot<'div'>;\n\n /**\n * Element used to render short descriptions related to the title.\n */\n description: Slot<'div'>;\n\n /**\n * Container that renders on the far end of the footer, used for action buttons.\n */\n action?: Slot<'div'>;\n};\n\n/**\n * CardHeader component props.\n */\nexport type CardHeaderProps = ComponentProps<Partial<CardHeaderSlots>>;\n\n/**\n * State used in rendering CardHeader.\n */\nexport type CardHeaderState = ComponentState<CardHeaderSlots>;\n"]}
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./CardHeader", "./CardHeader.types", "./renderCardHeader", "./useCardHeader", "./useCardHeaderStyles"], function (require, exports, tslib_1, CardHeader_1, CardHeader_types_1, renderCardHeader_1, useCardHeader_1, useCardHeaderStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(CardHeader_1, exports);
5
- tslib_1.__exportStar(CardHeader_types_1, exports);
6
- tslib_1.__exportStar(renderCardHeader_1, exports);
7
- tslib_1.__exportStar(useCardHeader_1, exports);
8
- tslib_1.__exportStar(useCardHeaderStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B;IAC7B,kDAAmC;IACnC,kDAAmC;IACnC,+CAAgC;IAChC,qDAAsC","sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n"]}
@@ -1,18 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderCardHeader_unstable = void 0;
5
- /**
6
- * Render the final JSX of CardHeader.
7
- */
8
- var renderCardHeader_unstable = function (state) {
9
- var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
10
- return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
11
- slots.image && React.createElement(slots.image, tslib_1.__assign({}, slotProps.image)),
12
- React.createElement(slots.header, tslib_1.__assign({}, slotProps.header)),
13
- slots.description && React.createElement(slots.description, tslib_1.__assign({}, slotProps.description)),
14
- slots.action && React.createElement(slots.action, tslib_1.__assign({}, slotProps.action))));
15
- };
16
- exports.renderCardHeader_unstable = renderCardHeader_unstable;
17
- });
18
- //# sourceMappingURL=renderCardHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderCardHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,yBAAyB,GAAG,UAAC,KAAsB;QACxD,IAAA,KAAuB,0BAAQ,CAAkB,KAAK,CAAC,EAArD,KAAK,WAAA,EAAE,SAAS,eAAqC,CAAC;QAE9D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,KAAK,IAAI,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI;YACpD,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI;YACrC,KAAK,CAAC,WAAW,IAAI,oBAAC,KAAK,CAAC,WAAW,uBAAK,SAAS,CAAC,WAAW,EAAI;YACrE,KAAK,CAAC,MAAM,IAAI,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI,CAC5C,CACd,CAAC;IACJ,CAAC,CAAC;IAXW,QAAA,yBAAyB,6BAWpC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardHeaderSlots, CardHeaderState } from './CardHeader.types';\n\n/**\n * Render the final JSX of CardHeader.\n */\nexport const renderCardHeader_unstable = (state: CardHeaderState) => {\n const { slots, slotProps } = getSlots<CardHeaderSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {slots.image && <slots.image {...slotProps.image} />}\n <slots.header {...slotProps.header} />\n {slots.description && <slots.description {...slotProps.description} />}\n {slots.action && <slots.action {...slotProps.action} />}\n </slots.root>\n );\n};\n"]}
@@ -1,48 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "../Card/CardContext", "./useCardHeaderStyles"], function (require, exports, tslib_1, React, react_utilities_1, CardContext_1, useCardHeaderStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCardHeader_unstable = void 0;
5
- /**
6
- * Create the state required to render CardHeader.
7
- *
8
- * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,
9
- * before being passed to renderCardHeader_unstable.
10
- *
11
- * @param props - props from this instance of CardHeader
12
- * @param ref - reference to root HTMLElement of CardHeader
13
- */
14
- var useCardHeader_unstable = function (props, ref) {
15
- var image = props.image, header = props.header, description = props.description, action = props.action;
16
- var _a = CardContext_1.useCardContext_unstable().selectableA11yProps, referenceId = _a.referenceId, setReferenceId = _a.setReferenceId;
17
- var headerRef = React.useRef(null);
18
- var generatedId = react_utilities_1.useId(useCardHeaderStyles_1.cardHeaderClassNames.header, referenceId);
19
- React.useEffect(function () {
20
- if (header && headerRef.current) {
21
- var id = headerRef.current.id;
22
- setReferenceId(id ? id : generatedId);
23
- }
24
- }, [header, setReferenceId, generatedId]);
25
- return {
26
- components: {
27
- root: 'div',
28
- image: 'div',
29
- header: 'div',
30
- description: 'div',
31
- action: 'div',
32
- },
33
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({ ref: ref }, props)),
34
- image: react_utilities_1.resolveShorthand(image),
35
- header: react_utilities_1.resolveShorthand(header, {
36
- required: true,
37
- defaultProps: {
38
- ref: headerRef,
39
- id: referenceId,
40
- },
41
- }),
42
- description: react_utilities_1.resolveShorthand(description),
43
- action: react_utilities_1.resolveShorthand(action),
44
- };
45
- };
46
- exports.useCardHeader_unstable = useCardHeader_unstable;
47
- });
48
- //# sourceMappingURL=useCardHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;IAMA;;;;;;;;OAQG;IACI,IAAM,sBAAsB,GAAG,UAAC,KAAsB,EAAE,GAA2B;QAChF,IAAA,KAAK,GAAkC,KAAK,MAAvC,EAAE,MAAM,GAA0B,KAAK,OAA/B,EAAE,WAAW,GAAa,KAAK,YAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;QAGnD,IAAA,KACE,qCAAuB,EAAE,oBADyB,EAA7B,WAAW,iBAAA,EAAE,cAAc,oBAAE,CACxB;QAC9B,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;QAErD,IAAM,WAAW,GAAG,uBAAK,CAAC,0CAAoB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAEpE,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,MAAM,IAAI,SAAS,CAAC,OAAO,EAAE;gBACvB,IAAA,EAAE,GAAK,SAAS,CAAC,OAAO,GAAtB,CAAuB;gBAEjC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;aACvC;QACH,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;QAE1C,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,KAAK;gBACb,WAAW,EAAE,KAAK;gBAClB,MAAM,EAAE,KAAK;aACd;YAED,IAAI,EAAE,uCAAqB,CAAC,KAAK,qBAC/B,GAAG,KAAA,IACA,KAAK,EACR;YACF,KAAK,EAAE,kCAAgB,CAAC,KAAK,CAAC;YAC9B,MAAM,EAAE,kCAAgB,CAAC,MAAM,EAAE;gBAC/B,QAAQ,EAAE,IAAI;gBACd,YAAY,EAAE;oBACZ,GAAG,EAAE,SAAS;oBACd,EAAE,EAAE,WAAW;iBAChB;aACF,CAAC;YACF,WAAW,EAAE,kCAAgB,CAAC,WAAW,CAAC;YAC1C,MAAM,EAAE,kCAAgB,CAAC,MAAM,CAAC;SACjC,CAAC;IACJ,CAAC,CAAC;IA1CW,QAAA,sBAAsB,0BA0CjC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { CardHeaderProps, CardHeaderState } from './CardHeader.types';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardHeaderClassNames } from './useCardHeaderStyles';\n\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,\n * before being passed to renderCardHeader_unstable.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n */\nexport const useCardHeader_unstable = (props: CardHeaderProps, ref: React.Ref<HTMLElement>): CardHeaderState => {\n const { image, header, description, action } = props;\n\n const {\n selectableA11yProps: { referenceId, setReferenceId },\n } = useCardContext_unstable();\n const headerRef = React.useRef<HTMLDivElement>(null);\n\n const generatedId = useId(cardHeaderClassNames.header, referenceId);\n\n React.useEffect(() => {\n if (header && headerRef.current) {\n const { id } = headerRef.current;\n\n setReferenceId(id ? id : generatedId);\n }\n }, [header, setReferenceId, generatedId]);\n\n return {\n components: {\n root: 'div',\n image: 'div',\n header: 'div',\n description: 'div',\n action: 'div',\n },\n\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n image: resolveShorthand(image),\n header: resolveShorthand(header, {\n required: true,\n defaultProps: {\n ref: headerRef,\n id: referenceId,\n },\n }),\n description: resolveShorthand(description),\n action: resolveShorthand(action),\n };\n};\n"]}
@@ -1,72 +0,0 @@
1
- define(["require", "exports", "@griffel/react"], function (require, exports, react_1) {
2
- "use strict";
3
- var _a;
4
- Object.defineProperty(exports, "__esModule", { value: true });
5
- exports.useCardHeaderStyles_unstable = exports.cardHeaderCSSVars = exports.cardHeaderClassNames = void 0;
6
- /**
7
- * Static CSS class names used internally for the component slots.
8
- */
9
- exports.cardHeaderClassNames = {
10
- root: 'fui-CardHeader',
11
- image: 'fui-CardHeader__image',
12
- header: 'fui-CardHeader__header',
13
- description: 'fui-CardHeader__description',
14
- action: 'fui-CardHeader__action',
15
- };
16
- /**
17
- * CSS variable names used internally for uniform styling in CardHeader.
18
- */
19
- exports.cardHeaderCSSVars = {
20
- cardHeaderGapVar: '--fui-CardHeader--gap',
21
- };
22
- var useStyles = react_1.makeStyles({
23
- root: (_a = {},
24
- _a[exports.cardHeaderCSSVars.cardHeaderGapVar] = '12px',
25
- _a.display = 'grid',
26
- _a.gridAutoColumns = 'min-content 1fr min-content',
27
- _a.gridAutoRows = '1fr min-content',
28
- _a.alignItems = 'center',
29
- _a),
30
- image: {
31
- display: 'inline-flex',
32
- marginRight: "var(" + exports.cardHeaderCSSVars.cardHeaderGapVar + ")",
33
- gridColumnStart: '1',
34
- gridRowStart: 'span 2',
35
- },
36
- header: {
37
- gridColumnStart: '2',
38
- gridRowStart: '1',
39
- },
40
- description: {
41
- gridColumnStart: '2',
42
- gridRowStart: '2',
43
- },
44
- action: {
45
- marginLeft: "var(" + exports.cardHeaderCSSVars.cardHeaderGapVar + ")",
46
- gridColumnStart: '3',
47
- gridRowStart: 'span 2',
48
- },
49
- });
50
- /**
51
- * Apply styling to the CardHeader slots based on the state.
52
- */
53
- var useCardHeaderStyles_unstable = function (state) {
54
- var styles = useStyles();
55
- state.root.className = react_1.mergeClasses(exports.cardHeaderClassNames.root, styles.root, state.root.className);
56
- if (state.image) {
57
- state.image.className = react_1.mergeClasses(exports.cardHeaderClassNames.image, styles.image, state.image.className);
58
- }
59
- if (state.header) {
60
- state.header.className = react_1.mergeClasses(exports.cardHeaderClassNames.header, styles.header, state.header.className);
61
- }
62
- if (state.description) {
63
- state.description.className = react_1.mergeClasses(exports.cardHeaderClassNames.description, styles.description, state.description.className);
64
- }
65
- if (state.action) {
66
- state.action.className = react_1.mergeClasses(exports.cardHeaderClassNames.action, styles.action, state.action.className);
67
- }
68
- return state;
69
- };
70
- exports.useCardHeaderStyles_unstable = useCardHeaderStyles_unstable;
71
- });
72
- //# sourceMappingURL=useCardHeaderStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardHeaderStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;IAIA;;OAEG;IACU,QAAA,oBAAoB,GAAoC;QACnE,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,uBAAuB;QAC9B,MAAM,EAAE,wBAAwB;QAChC,WAAW,EAAE,6BAA6B;QAC1C,MAAM,EAAE,wBAAwB;KACjC,CAAC;IAEF;;OAEG;IACU,QAAA,iBAAiB,GAAG;QAC/B,gBAAgB,EAAE,uBAAuB;KAC1C,CAAC;IAEF,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI;YACF,GAAC,yBAAiB,CAAC,gBAAgB,IAAG,MAAM;YAC5C,UAAO,GAAE,MAAM;YACf,kBAAe,GAAE,6BAA6B;YAC9C,eAAY,GAAE,iBAAiB;YAC/B,aAAU,GAAE,QAAQ;eACrB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,SAAO,yBAAiB,CAAC,gBAAgB,MAAG;YACzD,eAAe,EAAE,GAAG;YACpB,YAAY,EAAE,QAAQ;SACvB;QACD,MAAM,EAAE;YACN,eAAe,EAAE,GAAG;YACpB,YAAY,EAAE,GAAG;SAClB;QACD,WAAW,EAAE;YACX,eAAe,EAAE,GAAG;YACpB,YAAY,EAAE,GAAG;SAClB;QACD,MAAM,EAAE;YACN,UAAU,EAAE,SAAO,yBAAiB,CAAC,gBAAgB,MAAG;YACxD,eAAe,EAAE,GAAG;YACpB,YAAY,EAAE,QAAQ;SACvB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,4BAA4B,GAAG,UAAC,KAAsB;QACjE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,4BAAoB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAElG,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,oBAAY,CAAC,4BAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SACvG;QAED,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,oBAAY,CAAC,4BAAoB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SAC3G;QAED,IAAI,KAAK,CAAC,WAAW,EAAE;YACrB,KAAK,CAAC,WAAW,CAAC,SAAS,GAAG,oBAAY,CACxC,4BAAoB,CAAC,WAAW,EAChC,MAAM,CAAC,WAAW,EAClB,KAAK,CAAC,WAAW,CAAC,SAAS,CAC5B,CAAC;SACH;QAED,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,oBAAY,CAAC,4BAAoB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SAC3G;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAzBW,QAAA,4BAA4B,gCAyBvC","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CardHeaderSlots, CardHeaderState } from './CardHeader.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames: SlotClassNames<CardHeaderSlots> = {\n root: 'fui-CardHeader',\n image: 'fui-CardHeader__image',\n header: 'fui-CardHeader__header',\n description: 'fui-CardHeader__description',\n action: 'fui-CardHeader__action',\n};\n\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n cardHeaderGapVar: '--fui-CardHeader--gap',\n};\n\nconst useStyles = makeStyles({\n root: {\n [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n display: 'grid',\n gridAutoColumns: 'min-content 1fr min-content',\n gridAutoRows: '1fr min-content',\n alignItems: 'center',\n },\n image: {\n display: 'inline-flex',\n marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n gridColumnStart: '1',\n gridRowStart: 'span 2',\n },\n header: {\n gridColumnStart: '2',\n gridRowStart: '1',\n },\n description: {\n gridColumnStart: '2',\n gridRowStart: '2',\n },\n action: {\n marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n gridColumnStart: '3',\n gridRowStart: 'span 2',\n },\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = (state: CardHeaderState): CardHeaderState => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n\n if (state.image) {\n state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n }\n\n if (state.header) {\n state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n }\n\n if (state.description) {\n state.description.className = mergeClasses(\n cardHeaderClassNames.description,\n styles.description,\n state.description.className,\n );\n }\n\n if (state.action) {\n state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n }\n\n return state;\n};\n"]}
@@ -1,15 +0,0 @@
1
- define(["require", "exports", "react", "./useCardPreview", "./renderCardPreview", "./useCardPreviewStyles"], function (require, exports, React, useCardPreview_1, renderCardPreview_1, useCardPreviewStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.CardPreview = void 0;
5
- /**
6
- * Component to render image previews of documents or articles in a Card component.
7
- */
8
- exports.CardPreview = React.forwardRef(function (props, ref) {
9
- var state = useCardPreview_1.useCardPreview_unstable(props, ref);
10
- useCardPreviewStyles_1.useCardPreviewStyles_unstable(state);
11
- return renderCardPreview_1.renderCardPreview_unstable(state);
12
- });
13
- exports.CardPreview.displayName = 'CardPreview';
14
- });
15
- //# sourceMappingURL=CardPreview.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardPreview.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,WAAW,GAA0C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC5F,IAAM,KAAK,GAAG,wCAAuB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAElD,oDAA6B,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,8CAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles';\nimport type { CardPreviewProps } from './CardPreview.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview: ForwardRefComponent<CardPreviewProps> = React.forwardRef((props, ref) => {\n const state = useCardPreview_unstable(props, ref);\n\n useCardPreviewStyles_unstable(state);\n return renderCardPreview_unstable(state);\n});\n\nCardPreview.displayName = 'CardPreview';\n"]}
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=CardPreview.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardPreview.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/CardPreview.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Slots available in the Card component.\n */\nexport type CardPreviewSlots = {\n /**\n * Root element of the component.\n */\n root: Slot<'div'>;\n\n /**\n * Container that holds a logo related to the image preview provided.\n */\n logo?: Slot<'div', 'img'>;\n};\n\n/**\n * CardPreview component props.\n */\nexport type CardPreviewProps = ComponentProps<CardPreviewSlots>;\n\n/**\n * State used in rendering CardPreview.\n */\nexport type CardPreviewState = ComponentState<CardPreviewSlots>;\n"]}
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./CardPreview", "./CardPreview.types", "./renderCardPreview", "./useCardPreview", "./useCardPreviewStyles"], function (require, exports, tslib_1, CardPreview_1, CardPreview_types_1, renderCardPreview_1, useCardPreview_1, useCardPreviewStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(CardPreview_1, exports);
5
- tslib_1.__exportStar(CardPreview_types_1, exports);
6
- tslib_1.__exportStar(renderCardPreview_1, exports);
7
- tslib_1.__exportStar(useCardPreview_1, exports);
8
- tslib_1.__exportStar(useCardPreviewStyles_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B;IAC9B,mDAAoC;IACpC,mDAAoC;IACpC,gDAAiC;IACjC,sDAAuC","sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles';\n"]}
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderCardPreview_unstable = void 0;
5
- /**
6
- * Render the final JSX of CardPreview.
7
- */
8
- var renderCardPreview_unstable = function (state) {
9
- var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
10
- return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
11
- slotProps.root.children,
12
- slots.logo && React.createElement(slots.logo, tslib_1.__assign({}, slotProps.logo))));
13
- };
14
- exports.renderCardPreview_unstable = renderCardPreview_unstable;
15
- });
16
- //# sourceMappingURL=renderCardPreview.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderCardPreview.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,0BAA0B,GAAG,UAAC,KAAuB;QAC1D,IAAA,KAAuB,0BAAQ,CAAmB,KAAK,CAAC,EAAtD,KAAK,WAAA,EAAE,SAAS,eAAsC,CAAC;QAE/D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,SAAS,CAAC,IAAI,CAAC,QAAQ;YACvB,KAAK,CAAC,IAAI,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CACtC,CACd,CAAC;IACJ,CAAC,CAAC;IATW,QAAA,0BAA0B,8BASrC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardPreviewSlots, CardPreviewState } from './CardPreview.types';\n\n/**\n * Render the final JSX of CardPreview.\n */\nexport const renderCardPreview_unstable = (state: CardPreviewState) => {\n const { slots, slotProps } = getSlots<CardPreviewSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {slotProps.root.children}\n {slots.logo && <slots.logo {...slotProps.logo} />}\n </slots.root>\n );\n};\n"]}
@@ -1,50 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "../Card/CardContext", "./useCardPreviewStyles"], function (require, exports, tslib_1, React, react_utilities_1, CardContext_1, useCardPreviewStyles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCardPreview_unstable = void 0;
5
- /**
6
- * Create the state required to render CardPreview.
7
- *
8
- * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,
9
- * before being passed to renderCardPreview_unstable.
10
- *
11
- * @param props - props from this instance of CardPreview
12
- * @param ref - reference to root HTMLElement of CardPreview
13
- */
14
- var useCardPreview_unstable = function (props, ref) {
15
- var logo = props.logo;
16
- var _a = CardContext_1.useCardContext_unstable().selectableA11yProps, referenceLabel = _a.referenceLabel, referenceId = _a.referenceId, setReferenceLabel = _a.setReferenceLabel, setReferenceId = _a.setReferenceId;
17
- var previewRef = react_utilities_1.useMergedRefs(ref, React.useRef(null));
18
- React.useEffect(function () {
19
- if (referenceLabel && referenceId) {
20
- return;
21
- }
22
- if (previewRef.current && previewRef.current.parentNode) {
23
- var img = previewRef.current.parentNode.querySelector("." + useCardPreviewStyles_1.cardPreviewClassNames.root + " > img");
24
- if (img) {
25
- var ariaLabel = img.getAttribute('aria-label');
26
- var ariaDescribedby = img.getAttribute('aria-describedby');
27
- if (ariaDescribedby) {
28
- setReferenceId(ariaDescribedby);
29
- }
30
- else if (img.alt) {
31
- setReferenceLabel(img.alt);
32
- }
33
- else if (ariaLabel) {
34
- setReferenceLabel(ariaLabel);
35
- }
36
- }
37
- }
38
- }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);
39
- return {
40
- components: {
41
- root: 'div',
42
- logo: 'div',
43
- },
44
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({ ref: previewRef }, props)),
45
- logo: react_utilities_1.resolveShorthand(logo),
46
- };
47
- };
48
- exports.useCardPreview_unstable = useCardPreview_unstable;
49
- });
50
- //# sourceMappingURL=useCardPreview.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardPreview.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;IAMA;;;;;;;;OAQG;IACI,IAAM,uBAAuB,GAAG,UAAC,KAAuB,EAAE,GAA2B;QAClF,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;QAGrB,IAAA,KACE,qCAAuB,EAAE,oBAD4D,EAAhE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA,EAAE,cAAc,oBAAE,CAC3D;QAC9B,IAAM,UAAU,GAAG,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC,CAAC;QAE1E,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,cAAc,IAAI,WAAW,EAAE;gBACjC,OAAO;aACR;YAED,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,UAAU,EAAE;gBACvD,IAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAmB,MAAI,4CAAqB,CAAC,IAAI,WAAQ,CAAC,CAAC;gBAElH,IAAI,GAAG,EAAE;oBACP,IAAM,SAAS,GAAG,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;oBACjD,IAAM,eAAe,GAAG,GAAG,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;oBAE7D,IAAI,eAAe,EAAE;wBACnB,cAAc,CAAC,eAAe,CAAC,CAAC;qBACjC;yBAAM,IAAI,GAAG,CAAC,GAAG,EAAE;wBAClB,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;qBAC5B;yBAAM,IAAI,SAAS,EAAE;wBACpB,iBAAiB,CAAC,SAAS,CAAC,CAAC;qBAC9B;iBACF;aACF;QACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;QAEjF,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;aACZ;YAED,IAAI,EAAE,uCAAqB,CAAC,KAAK,qBAC/B,GAAG,EAAE,UAAU,IACZ,KAAK,EACR;YACF,IAAI,EAAE,kCAAgB,CAAC,IAAI,CAAC;SAC7B,CAAC;IACJ,CAAC,CAAC;IA3CW,QAAA,uBAAuB,2BA2ClC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewState } from './CardPreview.types';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles';\n\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */\nexport const useCardPreview_unstable = (props: CardPreviewProps, ref: React.Ref<HTMLElement>): CardPreviewState => {\n const { logo } = props;\n\n const {\n selectableA11yProps: { referenceLabel, referenceId, setReferenceLabel, setReferenceId },\n } = useCardContext_unstable();\n const previewRef = useMergedRefs(ref, React.useRef<HTMLDivElement>(null));\n\n React.useEffect(() => {\n if (referenceLabel && referenceId) {\n return;\n }\n\n if (previewRef.current && previewRef.current.parentNode) {\n const img = previewRef.current.parentNode.querySelector<HTMLImageElement>(`.${cardPreviewClassNames.root} > img`);\n\n if (img) {\n const ariaLabel = img.getAttribute('aria-label');\n const ariaDescribedby = img.getAttribute('aria-describedby');\n\n if (ariaDescribedby) {\n setReferenceId(ariaDescribedby);\n } else if (img.alt) {\n setReferenceLabel(img.alt);\n } else if (ariaLabel) {\n setReferenceLabel(ariaLabel);\n }\n }\n }\n }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);\n\n return {\n components: {\n root: 'div',\n logo: 'div',\n },\n\n root: getNativeElementProps('div', {\n ref: previewRef,\n ...props,\n }),\n logo: resolveShorthand(logo),\n };\n};\n"]}
@@ -1,44 +0,0 @@
1
- define(["require", "exports", "@griffel/react"], function (require, exports, react_1) {
2
- "use strict";
3
- var _a;
4
- Object.defineProperty(exports, "__esModule", { value: true });
5
- exports.useCardPreviewStyles_unstable = exports.cardPreviewClassNames = void 0;
6
- /**
7
- * Static CSS class names used internally for the component slots.
8
- */
9
- exports.cardPreviewClassNames = {
10
- root: 'fui-CardPreview',
11
- logo: 'fui-CardPreview__logo',
12
- };
13
- var useStyles = react_1.makeStyles({
14
- root: (_a = {
15
- position: 'relative'
16
- },
17
- _a["> :not(." + exports.cardPreviewClassNames.logo + ")"] = {
18
- display: 'block',
19
- height: '100%',
20
- width: '100%',
21
- },
22
- _a),
23
- logo: {
24
- position: 'absolute',
25
- bottom: '12px',
26
- left: '12px',
27
- width: '32px',
28
- height: '32px',
29
- },
30
- });
31
- /**
32
- * Apply styling to the CardPreview slots based on the state.
33
- */
34
- var useCardPreviewStyles_unstable = function (state) {
35
- var styles = useStyles();
36
- state.root.className = react_1.mergeClasses(exports.cardPreviewClassNames.root, styles.root, state.root.className);
37
- if (state.logo) {
38
- state.logo.className = react_1.mergeClasses(exports.cardPreviewClassNames.logo, styles.logo, state.logo.className);
39
- }
40
- return state;
41
- };
42
- exports.useCardPreviewStyles_unstable = useCardPreviewStyles_unstable;
43
- });
44
- //# sourceMappingURL=useCardPreviewStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCardPreviewStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-card/src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;IAIA;;OAEG;IACU,QAAA,qBAAqB,GAAqC;QACrE,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,uBAAuB;KAC9B,CAAC;IAEF,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI;gBACF,QAAQ,EAAE,UAAU;;YAEpB,GAAC,aAAW,6BAAqB,CAAC,IAAI,MAAG,IAAG;gBAC1C,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;aACd;eACF;QAED,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,6BAA6B,GAAG,UAAC,KAAuB;QACnE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,6BAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEnG,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,6BAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACpG;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IATW,QAAA,6BAA6B,iCASxC","sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CardPreviewSlots, CardPreviewState } from './CardPreview.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames: SlotClassNames<CardPreviewSlots> = {\n root: 'fui-CardPreview',\n logo: 'fui-CardPreview__logo',\n};\n\nconst useStyles = makeStyles({\n root: {\n position: 'relative',\n\n [`> :not(.${cardPreviewClassNames.logo})`]: {\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n\n logo: {\n position: 'absolute',\n bottom: '12px',\n left: '12px',\n width: '32px',\n height: '32px',\n },\n});\n\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = (state: CardPreviewState): CardPreviewState => {\n const styles = useStyles();\n state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n\n if (state.logo) {\n state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n }\n\n return state;\n};\n"]}
package/lib-amd/index.js DELETED
@@ -1,30 +0,0 @@
1
- define(["require", "exports", "./Card", "./CardFooter", "./CardHeader", "./CardPreview", "./Card"], function (require, exports, Card_1, CardFooter_1, CardHeader_1, CardPreview_1, Card_2) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useCardContext_unstable = exports.CardProvider = exports.useCardPreview_unstable = exports.useCardPreviewStyles_unstable = exports.renderCardPreview_unstable = exports.cardPreviewClassNames = exports.CardPreview = exports.useCardHeader_unstable = exports.useCardHeaderStyles_unstable = exports.renderCardHeader_unstable = exports.cardHeaderCSSVars = exports.cardHeaderClassNames = exports.CardHeader = exports.useCardFooter_unstable = exports.useCardFooterStyles_unstable = exports.renderCardFooter_unstable = exports.cardFooterClassNames = exports.CardFooter = exports.useCard_unstable = exports.useCardStyles_unstable = exports.renderCard_unstable = exports.cardCSSVars = exports.cardClassNames = exports.Card = void 0;
5
- Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
6
- Object.defineProperty(exports, "cardClassNames", { enumerable: true, get: function () { return Card_1.cardClassNames; } });
7
- Object.defineProperty(exports, "cardCSSVars", { enumerable: true, get: function () { return Card_1.cardCSSVars; } });
8
- Object.defineProperty(exports, "renderCard_unstable", { enumerable: true, get: function () { return Card_1.renderCard_unstable; } });
9
- Object.defineProperty(exports, "useCardStyles_unstable", { enumerable: true, get: function () { return Card_1.useCardStyles_unstable; } });
10
- Object.defineProperty(exports, "useCard_unstable", { enumerable: true, get: function () { return Card_1.useCard_unstable; } });
11
- Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return CardFooter_1.CardFooter; } });
12
- Object.defineProperty(exports, "cardFooterClassNames", { enumerable: true, get: function () { return CardFooter_1.cardFooterClassNames; } });
13
- Object.defineProperty(exports, "renderCardFooter_unstable", { enumerable: true, get: function () { return CardFooter_1.renderCardFooter_unstable; } });
14
- Object.defineProperty(exports, "useCardFooterStyles_unstable", { enumerable: true, get: function () { return CardFooter_1.useCardFooterStyles_unstable; } });
15
- Object.defineProperty(exports, "useCardFooter_unstable", { enumerable: true, get: function () { return CardFooter_1.useCardFooter_unstable; } });
16
- Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return CardHeader_1.CardHeader; } });
17
- Object.defineProperty(exports, "cardHeaderClassNames", { enumerable: true, get: function () { return CardHeader_1.cardHeaderClassNames; } });
18
- Object.defineProperty(exports, "cardHeaderCSSVars", { enumerable: true, get: function () { return CardHeader_1.cardHeaderCSSVars; } });
19
- Object.defineProperty(exports, "renderCardHeader_unstable", { enumerable: true, get: function () { return CardHeader_1.renderCardHeader_unstable; } });
20
- Object.defineProperty(exports, "useCardHeaderStyles_unstable", { enumerable: true, get: function () { return CardHeader_1.useCardHeaderStyles_unstable; } });
21
- Object.defineProperty(exports, "useCardHeader_unstable", { enumerable: true, get: function () { return CardHeader_1.useCardHeader_unstable; } });
22
- Object.defineProperty(exports, "CardPreview", { enumerable: true, get: function () { return CardPreview_1.CardPreview; } });
23
- Object.defineProperty(exports, "cardPreviewClassNames", { enumerable: true, get: function () { return CardPreview_1.cardPreviewClassNames; } });
24
- Object.defineProperty(exports, "renderCardPreview_unstable", { enumerable: true, get: function () { return CardPreview_1.renderCardPreview_unstable; } });
25
- Object.defineProperty(exports, "useCardPreviewStyles_unstable", { enumerable: true, get: function () { return CardPreview_1.useCardPreviewStyles_unstable; } });
26
- Object.defineProperty(exports, "useCardPreview_unstable", { enumerable: true, get: function () { return CardPreview_1.useCardPreview_unstable; } });
27
- Object.defineProperty(exports, "CardProvider", { enumerable: true, get: function () { return Card_2.CardProvider; } });
28
- Object.defineProperty(exports, "useCardContext_unstable", { enumerable: true, get: function () { return Card_2.useCardContext_unstable; } });
29
- });
30
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-card/src/index.ts"],"names":[],"mappings":";;;;IACE,4FAAA,IAAI,OAAA;IACJ,sGAAA,cAAc,OAAA;IACd,mGAAA,WAAW,OAAA;IACX,2GAAA,mBAAmB,OAAA;IACnB,8GAAA,sBAAsB,OAAA;IACtB,wGAAA,gBAAgB,OAAA;IAIhB,wGAAA,UAAU,OAAA;IACV,kHAAA,oBAAoB,OAAA;IACpB,uHAAA,yBAAyB,OAAA;IACzB,0HAAA,4BAA4B,OAAA;IAC5B,oHAAA,sBAAsB,OAAA;IAItB,wGAAA,UAAU,OAAA;IACV,kHAAA,oBAAoB,OAAA;IACpB,+GAAA,iBAAiB,OAAA;IACjB,uHAAA,yBAAyB,OAAA;IACzB,0HAAA,4BAA4B,OAAA;IAC5B,oHAAA,sBAAsB,OAAA;IAItB,0GAAA,WAAW,OAAA;IACX,oHAAA,qBAAqB,OAAA;IACrB,yHAAA,0BAA0B,OAAA;IAC1B,4HAAA,6BAA6B,OAAA;IAC7B,sHAAA,uBAAuB,OAAA;IAGhB,oGAAA,YAAY,OAAA;IAAE,+GAAA,uBAAuB,OAAA","sourcesContent":["export {\n Card,\n cardClassNames,\n cardCSSVars,\n renderCard_unstable,\n useCardStyles_unstable,\n useCard_unstable,\n} from './Card';\nexport type { CardProps, CardSlots, CardState, CardOnSelectionChangeEvent } from './Card';\nexport {\n CardFooter,\n cardFooterClassNames,\n renderCardFooter_unstable,\n useCardFooterStyles_unstable,\n useCardFooter_unstable,\n} from './CardFooter';\nexport type { CardFooterProps, CardFooterSlots, CardFooterState } from './CardFooter';\nexport {\n CardHeader,\n cardHeaderClassNames,\n cardHeaderCSSVars,\n renderCardHeader_unstable,\n useCardHeaderStyles_unstable,\n useCardHeader_unstable,\n} from './CardHeader';\nexport type { CardHeaderProps, CardHeaderSlots, CardHeaderState } from './CardHeader';\nexport {\n CardPreview,\n cardPreviewClassNames,\n renderCardPreview_unstable,\n useCardPreviewStyles_unstable,\n useCardPreview_unstable,\n} from './CardPreview';\nexport type { CardPreviewProps, CardPreviewSlots, CardPreviewState } from './CardPreview';\nexport { CardProvider, useCardContext_unstable } from './Card';\nexport type { CardContextValue } from './Card';\n"]}