@fluentui/react-card 9.0.0-beta.3 → 9.0.0-beta.30

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 (178) hide show
  1. package/CHANGELOG.json +1428 -1
  2. package/CHANGELOG.md +408 -31
  3. package/README.md +68 -4
  4. package/dist/index.d.ts +286 -0
  5. package/lib/Card.js.map +1 -1
  6. package/lib/CardFooter.js.map +1 -1
  7. package/lib/CardHeader.js.map +1 -1
  8. package/lib/CardPreview.js.map +1 -1
  9. package/lib/components/Card/Card.js +8 -8
  10. package/lib/components/Card/Card.js.map +1 -1
  11. package/lib/components/Card/Card.types.js.map +1 -1
  12. package/lib/components/Card/index.js.map +1 -1
  13. package/lib/components/Card/renderCard.js +8 -8
  14. package/lib/components/Card/renderCard.js.map +1 -1
  15. package/lib/components/Card/useCard.js +31 -11
  16. package/lib/components/Card/useCard.js.map +1 -1
  17. package/lib/components/Card/useCardStyles.js +221 -25
  18. package/lib/components/Card/useCardStyles.js.map +1 -1
  19. package/lib/components/CardFooter/CardFooter.js +7 -7
  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 +9 -9
  24. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  25. package/lib/components/CardFooter/useCardFooter.js +10 -13
  26. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  27. package/lib/components/CardFooter/useCardFooterStyles.js +16 -10
  28. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  29. package/lib/components/CardHeader/CardHeader.js +7 -7
  30. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  31. package/lib/components/CardHeader/CardHeader.types.js.map +1 -1
  32. package/lib/components/CardHeader/index.js.map +1 -1
  33. package/lib/components/CardHeader/renderCardHeader.js +12 -9
  34. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  35. package/lib/components/CardHeader/useCardHeader.js +16 -23
  36. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  37. package/lib/components/CardHeader/useCardHeaderStyles.js +54 -32
  38. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  39. package/lib/components/CardPreview/CardPreview.js +7 -7
  40. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  41. package/lib/components/CardPreview/CardPreview.types.js.map +1 -1
  42. package/lib/components/CardPreview/index.js.map +1 -1
  43. package/lib/components/CardPreview/renderCardPreview.js +9 -9
  44. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  45. package/lib/components/CardPreview/useCardPreview.js +10 -13
  46. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  47. package/lib/components/CardPreview/useCardPreviewStyles.js +17 -15
  48. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  49. package/lib/index.js +4 -4
  50. package/lib/index.js.map +1 -1
  51. package/lib-commonjs/Card.js +1 -1
  52. package/lib-commonjs/Card.js.map +1 -1
  53. package/lib-commonjs/CardFooter.js +1 -1
  54. package/lib-commonjs/CardFooter.js.map +1 -1
  55. package/lib-commonjs/CardHeader.js +1 -1
  56. package/lib-commonjs/CardHeader.js.map +1 -1
  57. package/lib-commonjs/CardPreview.js +1 -1
  58. package/lib-commonjs/CardPreview.js.map +1 -1
  59. package/lib-commonjs/components/Card/Card.js +9 -9
  60. package/lib-commonjs/components/Card/Card.js.map +1 -1
  61. package/lib-commonjs/components/Card/Card.types.js.map +1 -1
  62. package/lib-commonjs/components/Card/index.js +1 -1
  63. package/lib-commonjs/components/Card/index.js.map +1 -1
  64. package/lib-commonjs/components/Card/renderCard.js +12 -13
  65. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  66. package/lib-commonjs/components/Card/useCard.js +34 -15
  67. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  68. package/lib-commonjs/components/Card/useCardStyles.js +228 -27
  69. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  70. package/lib-commonjs/components/CardFooter/CardFooter.js +8 -8
  71. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  72. package/lib-commonjs/components/CardFooter/CardFooter.types.js.map +1 -1
  73. package/lib-commonjs/components/CardFooter/index.js +1 -1
  74. package/lib-commonjs/components/CardFooter/index.js.map +1 -1
  75. package/lib-commonjs/components/CardFooter/renderCardFooter.js +13 -15
  76. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  77. package/lib-commonjs/components/CardFooter/useCardFooter.js +14 -18
  78. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  79. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +18 -12
  80. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  81. package/lib-commonjs/components/CardHeader/CardHeader.js +8 -8
  82. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  83. package/lib-commonjs/components/CardHeader/CardHeader.types.js.map +1 -1
  84. package/lib-commonjs/components/CardHeader/index.js +1 -1
  85. package/lib-commonjs/components/CardHeader/index.js.map +1 -1
  86. package/lib-commonjs/components/CardHeader/renderCardHeader.js +16 -15
  87. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  88. package/lib-commonjs/components/CardHeader/useCardHeader.js +20 -29
  89. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  90. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +56 -34
  91. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  92. package/lib-commonjs/components/CardPreview/CardPreview.js +8 -8
  93. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  94. package/lib-commonjs/components/CardPreview/CardPreview.types.js.map +1 -1
  95. package/lib-commonjs/components/CardPreview/index.js +1 -1
  96. package/lib-commonjs/components/CardPreview/index.js.map +1 -1
  97. package/lib-commonjs/components/CardPreview/renderCardPreview.js +13 -15
  98. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  99. package/lib-commonjs/components/CardPreview/useCardPreview.js +14 -18
  100. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  101. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +19 -17
  102. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  103. package/lib-commonjs/index.js +140 -5
  104. package/lib-commonjs/index.js.map +1 -1
  105. package/package.json +27 -29
  106. package/assets/ai_deck_template.png +0 -0
  107. package/assets/avatar_elvia.svg +0 -9
  108. package/assets/avatar_mauricio.svg +0 -9
  109. package/assets/doc_template.png +0 -0
  110. package/assets/powerpoint_logo.svg +0 -9
  111. package/assets/sales_template.png +0 -0
  112. package/assets/word_logo.svg +0 -9
  113. package/dist/react-card.d.ts +0 -188
  114. package/lib/Card.d.ts +0 -1
  115. package/lib/CardFooter.d.ts +0 -1
  116. package/lib/CardHeader.d.ts +0 -1
  117. package/lib/CardPreview.d.ts +0 -1
  118. package/lib/common/isConformant.d.ts +0 -4
  119. package/lib/common/isConformant.js +0 -11
  120. package/lib/common/isConformant.js.map +0 -1
  121. package/lib/components/Card/Card.d.ts +0 -6
  122. package/lib/components/Card/Card.types.d.ts +0 -13
  123. package/lib/components/Card/index.d.ts +0 -5
  124. package/lib/components/Card/renderCard.d.ts +0 -5
  125. package/lib/components/Card/useCard.d.ts +0 -12
  126. package/lib/components/Card/useCardStyles.d.ts +0 -5
  127. package/lib/components/CardFooter/CardFooter.d.ts +0 -6
  128. package/lib/components/CardFooter/CardFooter.types.d.ts +0 -13
  129. package/lib/components/CardFooter/index.d.ts +0 -5
  130. package/lib/components/CardFooter/renderCardFooter.d.ts +0 -5
  131. package/lib/components/CardFooter/useCardFooter.d.ts +0 -16
  132. package/lib/components/CardFooter/useCardFooterStyles.d.ts +0 -5
  133. package/lib/components/CardHeader/CardHeader.d.ts +0 -6
  134. package/lib/components/CardHeader/CardHeader.types.d.ts +0 -17
  135. package/lib/components/CardHeader/index.d.ts +0 -5
  136. package/lib/components/CardHeader/renderCardHeader.d.ts +0 -5
  137. package/lib/components/CardHeader/useCardHeader.d.ts +0 -13
  138. package/lib/components/CardHeader/useCardHeaderStyles.d.ts +0 -5
  139. package/lib/components/CardPreview/CardPreview.d.ts +0 -6
  140. package/lib/components/CardPreview/CardPreview.types.d.ts +0 -13
  141. package/lib/components/CardPreview/index.d.ts +0 -5
  142. package/lib/components/CardPreview/renderCardPreview.d.ts +0 -5
  143. package/lib/components/CardPreview/useCardPreview.d.ts +0 -16
  144. package/lib/components/CardPreview/useCardPreviewStyles.d.ts +0 -5
  145. package/lib/index.d.ts +0 -4
  146. package/lib/tsdoc-metadata.json +0 -11
  147. package/lib-commonjs/Card.d.ts +0 -1
  148. package/lib-commonjs/CardFooter.d.ts +0 -1
  149. package/lib-commonjs/CardHeader.d.ts +0 -1
  150. package/lib-commonjs/CardPreview.d.ts +0 -1
  151. package/lib-commonjs/common/isConformant.d.ts +0 -4
  152. package/lib-commonjs/common/isConformant.js +0 -22
  153. package/lib-commonjs/common/isConformant.js.map +0 -1
  154. package/lib-commonjs/components/Card/Card.d.ts +0 -6
  155. package/lib-commonjs/components/Card/Card.types.d.ts +0 -13
  156. package/lib-commonjs/components/Card/index.d.ts +0 -5
  157. package/lib-commonjs/components/Card/renderCard.d.ts +0 -5
  158. package/lib-commonjs/components/Card/useCard.d.ts +0 -12
  159. package/lib-commonjs/components/Card/useCardStyles.d.ts +0 -5
  160. package/lib-commonjs/components/CardFooter/CardFooter.d.ts +0 -6
  161. package/lib-commonjs/components/CardFooter/CardFooter.types.d.ts +0 -13
  162. package/lib-commonjs/components/CardFooter/index.d.ts +0 -5
  163. package/lib-commonjs/components/CardFooter/renderCardFooter.d.ts +0 -5
  164. package/lib-commonjs/components/CardFooter/useCardFooter.d.ts +0 -16
  165. package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts +0 -5
  166. package/lib-commonjs/components/CardHeader/CardHeader.d.ts +0 -6
  167. package/lib-commonjs/components/CardHeader/CardHeader.types.d.ts +0 -17
  168. package/lib-commonjs/components/CardHeader/index.d.ts +0 -5
  169. package/lib-commonjs/components/CardHeader/renderCardHeader.d.ts +0 -5
  170. package/lib-commonjs/components/CardHeader/useCardHeader.d.ts +0 -13
  171. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts +0 -5
  172. package/lib-commonjs/components/CardPreview/CardPreview.d.ts +0 -6
  173. package/lib-commonjs/components/CardPreview/CardPreview.types.d.ts +0 -13
  174. package/lib-commonjs/components/CardPreview/index.d.ts +0 -5
  175. package/lib-commonjs/components/CardPreview/renderCardPreview.d.ts +0 -5
  176. package/lib-commonjs/components/CardPreview/useCardPreview.d.ts +0 -16
  177. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts +0 -5
  178. package/lib-commonjs/index.d.ts +0 -4
@@ -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';