@fluentui/react-card 9.0.0-beta.2 → 9.0.0-beta.22

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 (192) hide show
  1. package/CHANGELOG.json +1127 -1
  2. package/CHANGELOG.md +321 -30
  3. package/README.md +3 -1
  4. package/Spec.md +527 -0
  5. package/assets/Card.png +0 -0
  6. package/assets/CardHeader.png +0 -0
  7. package/assets/CardPreview.png +0 -0
  8. package/assets/context-interaction-keyboard.png +0 -0
  9. package/assets/context-interaction-mouse.png +0 -0
  10. package/assets/context-narrator.png +0 -0
  11. package/assets/disabled-narrator.png +0 -0
  12. package/assets/disabled.png +0 -0
  13. package/assets/interactive-interaction-keyboard.png +0 -0
  14. package/assets/interactive-interaction-mouse.png +0 -0
  15. package/assets/interactive-narrator.png +0 -0
  16. package/assets/logo.svg +9 -0
  17. package/assets/non-interactive-interaction-keyboard.png +0 -0
  18. package/assets/non-interactive-interaction-mouse.png +0 -0
  19. package/assets/non-interactive-narrator.png +0 -0
  20. package/assets/non-interactive-selectable-interaction-keyboard.png +0 -0
  21. package/assets/non-interactive-selectable-interaction-mouse.png +0 -0
  22. package/assets/selectable-interaction-keyboard.png +0 -0
  23. package/assets/selectable-interaction-mouse.png +0 -0
  24. package/assets/selectable-narrator.png +0 -0
  25. package/dist/index.d.ts +286 -0
  26. package/{lib → dist}/tsdoc-metadata.json +0 -0
  27. package/lib/Card.js.map +1 -1
  28. package/lib/CardFooter.js.map +1 -1
  29. package/lib/CardHeader.js.map +1 -1
  30. package/lib/CardPreview.js.map +1 -1
  31. package/lib/components/Card/Card.js +8 -8
  32. package/lib/components/Card/Card.js.map +1 -1
  33. package/lib/components/Card/Card.types.js.map +1 -1
  34. package/lib/components/Card/index.js.map +1 -1
  35. package/lib/components/Card/renderCard.js +8 -8
  36. package/lib/components/Card/renderCard.js.map +1 -1
  37. package/lib/components/Card/useCard.js +31 -11
  38. package/lib/components/Card/useCard.js.map +1 -1
  39. package/lib/components/Card/useCardStyles.js +219 -25
  40. package/lib/components/Card/useCardStyles.js.map +1 -1
  41. package/lib/components/CardFooter/CardFooter.js +7 -7
  42. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  43. package/lib/components/CardFooter/CardFooter.types.js.map +1 -1
  44. package/lib/components/CardFooter/index.js.map +1 -1
  45. package/lib/components/CardFooter/renderCardFooter.js +9 -9
  46. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  47. package/lib/components/CardFooter/useCardFooter.js +10 -13
  48. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  49. package/lib/components/CardFooter/useCardFooterStyles.js +16 -10
  50. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  51. package/lib/components/CardHeader/CardHeader.js +7 -7
  52. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  53. package/lib/components/CardHeader/CardHeader.types.js.map +1 -1
  54. package/lib/components/CardHeader/index.js.map +1 -1
  55. package/lib/components/CardHeader/renderCardHeader.js +12 -9
  56. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  57. package/lib/components/CardHeader/useCardHeader.js +16 -23
  58. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  59. package/lib/components/CardHeader/useCardHeaderStyles.js +54 -32
  60. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  61. package/lib/components/CardPreview/CardPreview.js +7 -7
  62. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  63. package/lib/components/CardPreview/CardPreview.types.js.map +1 -1
  64. package/lib/components/CardPreview/index.js.map +1 -1
  65. package/lib/components/CardPreview/renderCardPreview.js +9 -9
  66. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  67. package/lib/components/CardPreview/useCardPreview.js +10 -13
  68. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  69. package/lib/components/CardPreview/useCardPreviewStyles.js +17 -15
  70. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  71. package/lib/index.js +4 -4
  72. package/lib/index.js.map +1 -1
  73. package/lib-commonjs/Card.js +1 -1
  74. package/lib-commonjs/Card.js.map +1 -1
  75. package/lib-commonjs/CardFooter.js +1 -1
  76. package/lib-commonjs/CardFooter.js.map +1 -1
  77. package/lib-commonjs/CardHeader.js +1 -1
  78. package/lib-commonjs/CardHeader.js.map +1 -1
  79. package/lib-commonjs/CardPreview.js +1 -1
  80. package/lib-commonjs/CardPreview.js.map +1 -1
  81. package/lib-commonjs/components/Card/Card.js +9 -9
  82. package/lib-commonjs/components/Card/Card.js.map +1 -1
  83. package/lib-commonjs/components/Card/Card.types.js.map +1 -1
  84. package/lib-commonjs/components/Card/index.js +1 -1
  85. package/lib-commonjs/components/Card/index.js.map +1 -1
  86. package/lib-commonjs/components/Card/renderCard.js +12 -13
  87. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  88. package/lib-commonjs/components/Card/useCard.js +34 -15
  89. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  90. package/lib-commonjs/components/Card/useCardStyles.js +226 -27
  91. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  92. package/lib-commonjs/components/CardFooter/CardFooter.js +8 -8
  93. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  94. package/lib-commonjs/components/CardFooter/CardFooter.types.js.map +1 -1
  95. package/lib-commonjs/components/CardFooter/index.js +1 -1
  96. package/lib-commonjs/components/CardFooter/index.js.map +1 -1
  97. package/lib-commonjs/components/CardFooter/renderCardFooter.js +13 -15
  98. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  99. package/lib-commonjs/components/CardFooter/useCardFooter.js +14 -18
  100. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  101. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +18 -12
  102. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  103. package/lib-commonjs/components/CardHeader/CardHeader.js +8 -8
  104. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  105. package/lib-commonjs/components/CardHeader/CardHeader.types.js.map +1 -1
  106. package/lib-commonjs/components/CardHeader/index.js +1 -1
  107. package/lib-commonjs/components/CardHeader/index.js.map +1 -1
  108. package/lib-commonjs/components/CardHeader/renderCardHeader.js +16 -15
  109. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  110. package/lib-commonjs/components/CardHeader/useCardHeader.js +20 -29
  111. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  112. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +56 -34
  113. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  114. package/lib-commonjs/components/CardPreview/CardPreview.js +8 -8
  115. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  116. package/lib-commonjs/components/CardPreview/CardPreview.types.js.map +1 -1
  117. package/lib-commonjs/components/CardPreview/index.js +1 -1
  118. package/lib-commonjs/components/CardPreview/index.js.map +1 -1
  119. package/lib-commonjs/components/CardPreview/renderCardPreview.js +13 -15
  120. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  121. package/lib-commonjs/components/CardPreview/useCardPreview.js +14 -18
  122. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  123. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +19 -17
  124. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  125. package/lib-commonjs/index.js +140 -5
  126. package/lib-commonjs/index.js.map +1 -1
  127. package/package.json +22 -24
  128. package/dist/react-card.d.ts +0 -188
  129. package/lib/Card.d.ts +0 -1
  130. package/lib/CardFooter.d.ts +0 -1
  131. package/lib/CardHeader.d.ts +0 -1
  132. package/lib/CardPreview.d.ts +0 -1
  133. package/lib/common/isConformant.d.ts +0 -4
  134. package/lib/common/isConformant.js +0 -11
  135. package/lib/common/isConformant.js.map +0 -1
  136. package/lib/components/Card/Card.d.ts +0 -6
  137. package/lib/components/Card/Card.types.d.ts +0 -13
  138. package/lib/components/Card/index.d.ts +0 -5
  139. package/lib/components/Card/renderCard.d.ts +0 -5
  140. package/lib/components/Card/useCard.d.ts +0 -12
  141. package/lib/components/Card/useCardStyles.d.ts +0 -5
  142. package/lib/components/CardFooter/CardFooter.d.ts +0 -6
  143. package/lib/components/CardFooter/CardFooter.types.d.ts +0 -13
  144. package/lib/components/CardFooter/index.d.ts +0 -5
  145. package/lib/components/CardFooter/renderCardFooter.d.ts +0 -5
  146. package/lib/components/CardFooter/useCardFooter.d.ts +0 -16
  147. package/lib/components/CardFooter/useCardFooterStyles.d.ts +0 -5
  148. package/lib/components/CardHeader/CardHeader.d.ts +0 -6
  149. package/lib/components/CardHeader/CardHeader.types.d.ts +0 -17
  150. package/lib/components/CardHeader/index.d.ts +0 -5
  151. package/lib/components/CardHeader/renderCardHeader.d.ts +0 -5
  152. package/lib/components/CardHeader/useCardHeader.d.ts +0 -13
  153. package/lib/components/CardHeader/useCardHeaderStyles.d.ts +0 -5
  154. package/lib/components/CardPreview/CardPreview.d.ts +0 -6
  155. package/lib/components/CardPreview/CardPreview.types.d.ts +0 -13
  156. package/lib/components/CardPreview/index.d.ts +0 -5
  157. package/lib/components/CardPreview/renderCardPreview.d.ts +0 -5
  158. package/lib/components/CardPreview/useCardPreview.d.ts +0 -16
  159. package/lib/components/CardPreview/useCardPreviewStyles.d.ts +0 -5
  160. package/lib/index.d.ts +0 -4
  161. package/lib-commonjs/Card.d.ts +0 -1
  162. package/lib-commonjs/CardFooter.d.ts +0 -1
  163. package/lib-commonjs/CardHeader.d.ts +0 -1
  164. package/lib-commonjs/CardPreview.d.ts +0 -1
  165. package/lib-commonjs/common/isConformant.d.ts +0 -4
  166. package/lib-commonjs/common/isConformant.js +0 -22
  167. package/lib-commonjs/common/isConformant.js.map +0 -1
  168. package/lib-commonjs/components/Card/Card.d.ts +0 -6
  169. package/lib-commonjs/components/Card/Card.types.d.ts +0 -13
  170. package/lib-commonjs/components/Card/index.d.ts +0 -5
  171. package/lib-commonjs/components/Card/renderCard.d.ts +0 -5
  172. package/lib-commonjs/components/Card/useCard.d.ts +0 -12
  173. package/lib-commonjs/components/Card/useCardStyles.d.ts +0 -5
  174. package/lib-commonjs/components/CardFooter/CardFooter.d.ts +0 -6
  175. package/lib-commonjs/components/CardFooter/CardFooter.types.d.ts +0 -13
  176. package/lib-commonjs/components/CardFooter/index.d.ts +0 -5
  177. package/lib-commonjs/components/CardFooter/renderCardFooter.d.ts +0 -5
  178. package/lib-commonjs/components/CardFooter/useCardFooter.d.ts +0 -16
  179. package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts +0 -5
  180. package/lib-commonjs/components/CardHeader/CardHeader.d.ts +0 -6
  181. package/lib-commonjs/components/CardHeader/CardHeader.types.d.ts +0 -17
  182. package/lib-commonjs/components/CardHeader/index.d.ts +0 -5
  183. package/lib-commonjs/components/CardHeader/renderCardHeader.d.ts +0 -5
  184. package/lib-commonjs/components/CardHeader/useCardHeader.d.ts +0 -13
  185. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts +0 -5
  186. package/lib-commonjs/components/CardPreview/CardPreview.d.ts +0 -6
  187. package/lib-commonjs/components/CardPreview/CardPreview.types.d.ts +0 -13
  188. package/lib-commonjs/components/CardPreview/index.d.ts +0 -5
  189. package/lib-commonjs/components/CardPreview/renderCardPreview.d.ts +0 -5
  190. package/lib-commonjs/components/CardPreview/useCardPreview.d.ts +0 -16
  191. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts +0 -5
  192. package/lib-commonjs/index.d.ts +0 -4
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardFooterProps, CardFooterSlots, CardFooterState } from './CardFooter.types';
3
- /**
4
- * Array of all shorthand properties listed in CardFooterShorthandProps
5
- */
6
- export declare const cardFooterShorthandProps: Array<keyof CardFooterSlots>;
7
- /**
8
- * Create the state required to render CardFooter.
9
- *
10
- * The returned state can be modified with hooks such as useCardFooterStyles,
11
- * before being passed to renderCardFooter.
12
- *
13
- * @param props - props from this instance of CardFooter
14
- * @param ref - reference to root HTMLElement of CardFooter
15
- */
16
- export declare const useCardFooter: (props: CardFooterProps, ref: React.Ref<HTMLElement>) => CardFooterState;
@@ -1,5 +0,0 @@
1
- import type { CardFooterState } from './CardFooter.types';
2
- /**
3
- * Apply styling to the CardFooter slots based on the state
4
- */
5
- export declare const useCardFooterStyles: (state: CardFooterState) => CardFooterState;
@@ -1,6 +0,0 @@
1
- import type { CardHeaderProps } from './CardHeader.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Component to render an image, text and an action in a Card component.
5
- */
6
- export declare const CardHeader: ForwardRefComponent<CardHeaderProps>;
@@ -1,17 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type CardHeaderSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- image: IntrinsicShorthandProps<'div'>;
5
- content?: IntrinsicShorthandProps<'div'>;
6
- header: IntrinsicShorthandProps<'span'>;
7
- description: IntrinsicShorthandProps<'span'>;
8
- action?: IntrinsicShorthandProps<'div'>;
9
- };
10
- /**
11
- * CardHeader props
12
- */
13
- export declare type CardHeaderProps = ComponentProps<CardHeaderSlots>;
14
- /**
15
- * State used in rendering CardHeader
16
- */
17
- export declare type CardHeaderState = ComponentState<CardHeaderSlots>;
@@ -1,5 +0,0 @@
1
- export * from './CardHeader';
2
- export * from './CardHeader.types';
3
- export * from './renderCardHeader';
4
- export * from './useCardHeader';
5
- export * from './useCardHeaderStyles';
@@ -1,5 +0,0 @@
1
- import type { CardHeaderState } from './CardHeader.types';
2
- /**
3
- * Render the final JSX of CardHeader
4
- */
5
- export declare const renderCardHeader: (state: CardHeaderState) => JSX.Element;
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardHeaderProps, CardHeaderSlots, CardHeaderState } from './CardHeader.types';
3
- export declare const cardHeaderShorthandProps: Array<keyof CardHeaderSlots>;
4
- /**
5
- * Create the state required to render CardHeader.
6
- *
7
- * The returned state can be modified with hooks such as useCardHeaderStyles,
8
- * before being passed to renderCardHeader.
9
- *
10
- * @param props - props from this instance of CardHeader
11
- * @param ref - reference to root HTMLElement of CardHeader
12
- */
13
- export declare const useCardHeader: (props: CardHeaderProps, ref: React.Ref<HTMLElement>) => CardHeaderState;
@@ -1,5 +0,0 @@
1
- import type { CardHeaderState } from './CardHeader.types';
2
- /**
3
- * Apply styling to the CardHeader slots based on the state
4
- */
5
- export declare const useCardHeaderStyles: (state: CardHeaderState) => CardHeaderState;
@@ -1,6 +0,0 @@
1
- import type { CardPreviewProps } from './CardPreview.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Component to render image previews of documents or articles in a Card component.
5
- */
6
- export declare const CardPreview: ForwardRefComponent<CardPreviewProps>;
@@ -1,13 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type CardPreviewSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- logo?: IntrinsicShorthandProps<'div'>;
5
- };
6
- /**
7
- * CardPreview props
8
- */
9
- export declare type CardPreviewProps = ComponentProps<CardPreviewSlots>;
10
- /**
11
- * State used in rendering CardPreview
12
- */
13
- export declare type CardPreviewState = ComponentState<CardPreviewSlots>;
@@ -1,5 +0,0 @@
1
- export * from './CardPreview';
2
- export * from './CardPreview.types';
3
- export * from './renderCardPreview';
4
- export * from './useCardPreview';
5
- export * from './useCardPreviewStyles';
@@ -1,5 +0,0 @@
1
- import type { CardPreviewState } from './CardPreview.types';
2
- /**
3
- * Render the final JSX of CardPreview
4
- */
5
- export declare const renderCardPreview: (state: CardPreviewState) => JSX.Element;
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardPreviewProps, CardPreviewSlots, CardPreviewState } from './CardPreview.types';
3
- /**
4
- * Array of all shorthand properties listed in CardPreviewShorthandProps
5
- */
6
- export declare const cardPreviewShorthandProps: Array<keyof CardPreviewSlots>;
7
- /**
8
- * Create the state required to render CardPreview.
9
- *
10
- * The returned state can be modified with hooks such as useCardPreviewStyles,
11
- * before being passed to renderCardPreview.
12
- *
13
- * @param props - props from this instance of CardPreview
14
- * @param ref - reference to root HTMLElement of CardPreview
15
- */
16
- export declare const useCardPreview: (props: CardPreviewProps, ref: React.Ref<HTMLElement>) => CardPreviewState;
@@ -1,5 +0,0 @@
1
- import type { CardPreviewState } from './CardPreview.types';
2
- /**
3
- * Apply styling to the CardPreview slots based on the state
4
- */
5
- export declare const useCardPreviewStyles: (state: CardPreviewState) => CardPreviewState;
package/lib/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export * from './Card';
2
- export * from './CardFooter';
3
- export * from './CardHeader';
4
- export * from './CardPreview';
@@ -1 +0,0 @@
1
- export * from './components/Card/index';
@@ -1 +0,0 @@
1
- export * from './components/CardFooter/index';
@@ -1 +0,0 @@
1
- export * from './components/CardHeader/index';
@@ -1 +0,0 @@
1
- export * from './components/CardPreview/index';
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- var defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- extraTests: react_conformance_make_styles_1.default
17
- };
18
- react_conformance_1.isConformant(defaultOptions, testInfo);
19
- }
20
-
21
- exports.isConformant = isConformant;
22
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
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,6 +0,0 @@
1
- import type { CardProps } from './Card.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Component to provide scaffolding for hosting actions and content for a single topic within a card sized object.
5
- */
6
- export declare const Card: ForwardRefComponent<CardProps>;
@@ -1,13 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type CardSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- };
5
- export declare type CardCommons = {};
6
- /**
7
- * Card Props
8
- */
9
- export declare type CardProps = ComponentProps<CardSlots> & Partial<CardCommons>;
10
- /**
11
- * State used in rendering Card
12
- */
13
- export declare type CardState = ComponentState<CardSlots> & CardCommons;
@@ -1,5 +0,0 @@
1
- export * from './Card';
2
- export * from './Card.types';
3
- export * from './renderCard';
4
- export * from './useCard';
5
- export * from './useCardStyles';
@@ -1,5 +0,0 @@
1
- import type { CardState } from './Card.types';
2
- /**
3
- * Render the final JSX of Card
4
- */
5
- export declare const renderCard: (state: CardState) => JSX.Element;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardProps, CardState } from './Card.types';
3
- /**
4
- * Create the state required to render Card.
5
- *
6
- * The returned state can be modified with hooks such as useCardStyles,
7
- * before being passed to renderCard.
8
- *
9
- * @param props - props from this instance of Card
10
- * @param ref - reference to root HTMLElement of Card
11
- */
12
- export declare const useCard: (props: CardProps, ref: React.Ref<HTMLElement>) => CardState;
@@ -1,5 +0,0 @@
1
- import type { CardState } from './Card.types';
2
- /**
3
- * Apply styling to the Card slots based on the state
4
- */
5
- export declare const useCardStyles: (state: CardState) => CardState;
@@ -1,6 +0,0 @@
1
- import type { CardFooterProps } from './CardFooter.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Component to render Button actions in a Card component.
5
- */
6
- export declare const CardFooter: ForwardRefComponent<CardFooterProps>;
@@ -1,13 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type CardFooterSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- action?: IntrinsicShorthandProps<'div'>;
5
- };
6
- /**
7
- * CardFooter props
8
- */
9
- export declare type CardFooterProps = ComponentProps<CardFooterSlots>;
10
- /**
11
- * State used in rendering CardFooter
12
- */
13
- export declare type CardFooterState = ComponentState<CardFooterSlots>;
@@ -1,5 +0,0 @@
1
- export * from './CardFooter';
2
- export * from './CardFooter.types';
3
- export * from './renderCardFooter';
4
- export * from './useCardFooter';
5
- export * from './useCardFooterStyles';
@@ -1,5 +0,0 @@
1
- import type { CardFooterState } from './CardFooter.types';
2
- /**
3
- * Render the final JSX of CardFooter
4
- */
5
- export declare const renderCardFooter: (state: CardFooterState) => JSX.Element;
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardFooterProps, CardFooterSlots, CardFooterState } from './CardFooter.types';
3
- /**
4
- * Array of all shorthand properties listed in CardFooterShorthandProps
5
- */
6
- export declare const cardFooterShorthandProps: Array<keyof CardFooterSlots>;
7
- /**
8
- * Create the state required to render CardFooter.
9
- *
10
- * The returned state can be modified with hooks such as useCardFooterStyles,
11
- * before being passed to renderCardFooter.
12
- *
13
- * @param props - props from this instance of CardFooter
14
- * @param ref - reference to root HTMLElement of CardFooter
15
- */
16
- export declare const useCardFooter: (props: CardFooterProps, ref: React.Ref<HTMLElement>) => CardFooterState;
@@ -1,5 +0,0 @@
1
- import type { CardFooterState } from './CardFooter.types';
2
- /**
3
- * Apply styling to the CardFooter slots based on the state
4
- */
5
- export declare const useCardFooterStyles: (state: CardFooterState) => CardFooterState;
@@ -1,6 +0,0 @@
1
- import type { CardHeaderProps } from './CardHeader.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Component to render an image, text and an action in a Card component.
5
- */
6
- export declare const CardHeader: ForwardRefComponent<CardHeaderProps>;
@@ -1,17 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type CardHeaderSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- image: IntrinsicShorthandProps<'div'>;
5
- content?: IntrinsicShorthandProps<'div'>;
6
- header: IntrinsicShorthandProps<'span'>;
7
- description: IntrinsicShorthandProps<'span'>;
8
- action?: IntrinsicShorthandProps<'div'>;
9
- };
10
- /**
11
- * CardHeader props
12
- */
13
- export declare type CardHeaderProps = ComponentProps<CardHeaderSlots>;
14
- /**
15
- * State used in rendering CardHeader
16
- */
17
- export declare type CardHeaderState = ComponentState<CardHeaderSlots>;
@@ -1,5 +0,0 @@
1
- export * from './CardHeader';
2
- export * from './CardHeader.types';
3
- export * from './renderCardHeader';
4
- export * from './useCardHeader';
5
- export * from './useCardHeaderStyles';
@@ -1,5 +0,0 @@
1
- import type { CardHeaderState } from './CardHeader.types';
2
- /**
3
- * Render the final JSX of CardHeader
4
- */
5
- export declare const renderCardHeader: (state: CardHeaderState) => JSX.Element;
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardHeaderProps, CardHeaderSlots, CardHeaderState } from './CardHeader.types';
3
- export declare const cardHeaderShorthandProps: Array<keyof CardHeaderSlots>;
4
- /**
5
- * Create the state required to render CardHeader.
6
- *
7
- * The returned state can be modified with hooks such as useCardHeaderStyles,
8
- * before being passed to renderCardHeader.
9
- *
10
- * @param props - props from this instance of CardHeader
11
- * @param ref - reference to root HTMLElement of CardHeader
12
- */
13
- export declare const useCardHeader: (props: CardHeaderProps, ref: React.Ref<HTMLElement>) => CardHeaderState;
@@ -1,5 +0,0 @@
1
- import type { CardHeaderState } from './CardHeader.types';
2
- /**
3
- * Apply styling to the CardHeader slots based on the state
4
- */
5
- export declare const useCardHeaderStyles: (state: CardHeaderState) => CardHeaderState;
@@ -1,6 +0,0 @@
1
- import type { CardPreviewProps } from './CardPreview.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Component to render image previews of documents or articles in a Card component.
5
- */
6
- export declare const CardPreview: ForwardRefComponent<CardPreviewProps>;
@@ -1,13 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type CardPreviewSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- logo?: IntrinsicShorthandProps<'div'>;
5
- };
6
- /**
7
- * CardPreview props
8
- */
9
- export declare type CardPreviewProps = ComponentProps<CardPreviewSlots>;
10
- /**
11
- * State used in rendering CardPreview
12
- */
13
- export declare type CardPreviewState = ComponentState<CardPreviewSlots>;
@@ -1,5 +0,0 @@
1
- export * from './CardPreview';
2
- export * from './CardPreview.types';
3
- export * from './renderCardPreview';
4
- export * from './useCardPreview';
5
- export * from './useCardPreviewStyles';
@@ -1,5 +0,0 @@
1
- import type { CardPreviewState } from './CardPreview.types';
2
- /**
3
- * Render the final JSX of CardPreview
4
- */
5
- export declare const renderCardPreview: (state: CardPreviewState) => JSX.Element;
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- import type { CardPreviewProps, CardPreviewSlots, CardPreviewState } from './CardPreview.types';
3
- /**
4
- * Array of all shorthand properties listed in CardPreviewShorthandProps
5
- */
6
- export declare const cardPreviewShorthandProps: Array<keyof CardPreviewSlots>;
7
- /**
8
- * Create the state required to render CardPreview.
9
- *
10
- * The returned state can be modified with hooks such as useCardPreviewStyles,
11
- * before being passed to renderCardPreview.
12
- *
13
- * @param props - props from this instance of CardPreview
14
- * @param ref - reference to root HTMLElement of CardPreview
15
- */
16
- export declare const useCardPreview: (props: CardPreviewProps, ref: React.Ref<HTMLElement>) => CardPreviewState;
@@ -1,5 +0,0 @@
1
- import type { CardPreviewState } from './CardPreview.types';
2
- /**
3
- * Apply styling to the CardPreview slots based on the state
4
- */
5
- export declare const useCardPreviewStyles: (state: CardPreviewState) => CardPreviewState;
@@ -1,4 +0,0 @@
1
- export * from './Card';
2
- export * from './CardFooter';
3
- export * from './CardHeader';
4
- export * from './CardPreview';