@fluentui/react-card 9.0.0-beta.4 → 9.0.0-beta.41

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 (191) hide show
  1. package/CHANGELOG.json +1756 -9
  2. package/CHANGELOG.md +530 -40
  3. package/README.md +68 -4
  4. package/dist/index.d.ts +388 -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 -7
  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/CardContext.js +29 -0
  13. package/lib/components/Card/CardContext.js.map +1 -0
  14. package/lib/components/Card/index.js +1 -0
  15. package/lib/components/Card/index.js.map +1 -1
  16. package/lib/components/Card/renderCard.js +12 -4
  17. package/lib/components/Card/renderCard.js.map +1 -1
  18. package/lib/components/Card/useCard.js +87 -15
  19. package/lib/components/Card/useCard.js.map +1 -1
  20. package/lib/components/Card/useCardContextValue.js +8 -0
  21. package/lib/components/Card/useCardContextValue.js.map +1 -0
  22. package/lib/components/Card/useCardSelectable.js +105 -0
  23. package/lib/components/Card/useCardSelectable.js.map +1 -0
  24. package/lib/components/Card/useCardStyles.js +326 -34
  25. package/lib/components/Card/useCardStyles.js.map +1 -1
  26. package/lib/components/CardFooter/CardFooter.js +6 -7
  27. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  28. package/lib/components/CardFooter/CardFooter.types.js.map +1 -1
  29. package/lib/components/CardFooter/index.js.map +1 -1
  30. package/lib/components/CardFooter/renderCardFooter.js +8 -6
  31. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  32. package/lib/components/CardFooter/useCardFooter.js +3 -9
  33. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  34. package/lib/components/CardFooter/useCardFooterStyles.js +18 -19
  35. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  36. package/lib/components/CardHeader/CardHeader.js +6 -7
  37. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  38. package/lib/components/CardHeader/CardHeader.types.js.map +1 -1
  39. package/lib/components/CardHeader/index.js.map +1 -1
  40. package/lib/components/CardHeader/renderCardHeader.js +14 -6
  41. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  42. package/lib/components/CardHeader/useCardHeader.js +31 -18
  43. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  44. package/lib/components/CardHeader/useCardHeaderStyles.js +51 -39
  45. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  46. package/lib/components/CardPreview/CardPreview.js +6 -7
  47. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  48. package/lib/components/CardPreview/CardPreview.types.js.map +1 -1
  49. package/lib/components/CardPreview/index.js.map +1 -1
  50. package/lib/components/CardPreview/renderCardPreview.js +8 -6
  51. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  52. package/lib/components/CardPreview/useCardPreview.js +36 -11
  53. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  54. package/lib/components/CardPreview/useCardPreviewStyles.js +22 -27
  55. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  56. package/lib/index.js +5 -4
  57. package/lib/index.js.map +1 -1
  58. package/lib-commonjs/Card.js +0 -2
  59. package/lib-commonjs/Card.js.map +1 -1
  60. package/lib-commonjs/CardFooter.js +0 -2
  61. package/lib-commonjs/CardFooter.js.map +1 -1
  62. package/lib-commonjs/CardHeader.js +0 -2
  63. package/lib-commonjs/CardHeader.js.map +1 -1
  64. package/lib-commonjs/CardPreview.js +0 -2
  65. package/lib-commonjs/CardPreview.js.map +1 -1
  66. package/lib-commonjs/components/Card/Card.js +5 -9
  67. package/lib-commonjs/components/Card/Card.js.map +1 -1
  68. package/lib-commonjs/components/Card/Card.types.js.map +1 -1
  69. package/lib-commonjs/components/Card/CardContext.js +36 -0
  70. package/lib-commonjs/components/Card/CardContext.js.map +1 -0
  71. package/lib-commonjs/components/Card/index.js +1 -6
  72. package/lib-commonjs/components/Card/index.js.map +1 -1
  73. package/lib-commonjs/components/Card/renderCard.js +14 -10
  74. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  75. package/lib-commonjs/components/Card/useCard.js +87 -19
  76. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  77. package/lib-commonjs/components/Card/useCardContextValue.js +15 -0
  78. package/lib-commonjs/components/Card/useCardContextValue.js.map +1 -0
  79. package/lib-commonjs/components/Card/useCardSelectable.js +112 -0
  80. package/lib-commonjs/components/Card/useCardSelectable.js.map +1 -0
  81. package/lib-commonjs/components/Card/useCardStyles.js +329 -41
  82. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  83. package/lib-commonjs/components/CardFooter/CardFooter.js +3 -9
  84. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  85. package/lib-commonjs/components/CardFooter/CardFooter.types.js.map +1 -1
  86. package/lib-commonjs/components/CardFooter/index.js +0 -6
  87. package/lib-commonjs/components/CardFooter/index.js.map +1 -1
  88. package/lib-commonjs/components/CardFooter/renderCardFooter.js +10 -13
  89. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  90. package/lib-commonjs/components/CardFooter/useCardFooter.js +5 -14
  91. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  92. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +21 -25
  93. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  94. package/lib-commonjs/components/CardHeader/CardHeader.js +3 -9
  95. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  96. package/lib-commonjs/components/CardHeader/CardHeader.types.js.map +1 -1
  97. package/lib-commonjs/components/CardHeader/index.js +0 -6
  98. package/lib-commonjs/components/CardHeader/index.js.map +1 -1
  99. package/lib-commonjs/components/CardHeader/renderCardHeader.js +16 -13
  100. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  101. package/lib-commonjs/components/CardHeader/useCardHeader.js +32 -23
  102. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  103. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +54 -45
  104. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  105. package/lib-commonjs/components/CardPreview/CardPreview.js +3 -9
  106. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  107. package/lib-commonjs/components/CardPreview/CardPreview.types.js.map +1 -1
  108. package/lib-commonjs/components/CardPreview/index.js +0 -6
  109. package/lib-commonjs/components/CardPreview/index.js.map +1 -1
  110. package/lib-commonjs/components/CardPreview/renderCardPreview.js +10 -13
  111. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  112. package/lib-commonjs/components/CardPreview/useCardPreview.js +37 -15
  113. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  114. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +25 -33
  115. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  116. package/lib-commonjs/index.js +150 -10
  117. package/lib-commonjs/index.js.map +1 -1
  118. package/package.json +30 -29
  119. package/assets/ai_deck_template.png +0 -0
  120. package/assets/avatar_elvia.svg +0 -9
  121. package/assets/avatar_mauricio.svg +0 -9
  122. package/assets/doc_template.png +0 -0
  123. package/assets/powerpoint_logo.svg +0 -9
  124. package/assets/sales_template.png +0 -0
  125. package/assets/word_logo.svg +0 -9
  126. package/dist/react-card.d.ts +0 -196
  127. package/lib/Card.d.ts +0 -1
  128. package/lib/CardFooter.d.ts +0 -1
  129. package/lib/CardHeader.d.ts +0 -1
  130. package/lib/CardPreview.d.ts +0 -1
  131. package/lib/common/isConformant.d.ts +0 -4
  132. package/lib/common/isConformant.js +0 -11
  133. package/lib/common/isConformant.js.map +0 -1
  134. package/lib/components/Card/Card.d.ts +0 -6
  135. package/lib/components/Card/Card.types.d.ts +0 -13
  136. package/lib/components/Card/index.d.ts +0 -5
  137. package/lib/components/Card/renderCard.d.ts +0 -5
  138. package/lib/components/Card/useCard.d.ts +0 -12
  139. package/lib/components/Card/useCardStyles.d.ts +0 -6
  140. package/lib/components/CardFooter/CardFooter.d.ts +0 -6
  141. package/lib/components/CardFooter/CardFooter.types.d.ts +0 -13
  142. package/lib/components/CardFooter/index.d.ts +0 -5
  143. package/lib/components/CardFooter/renderCardFooter.d.ts +0 -5
  144. package/lib/components/CardFooter/useCardFooter.d.ts +0 -16
  145. package/lib/components/CardFooter/useCardFooterStyles.d.ts +0 -6
  146. package/lib/components/CardHeader/CardHeader.d.ts +0 -6
  147. package/lib/components/CardHeader/CardHeader.types.d.ts +0 -17
  148. package/lib/components/CardHeader/index.d.ts +0 -5
  149. package/lib/components/CardHeader/renderCardHeader.d.ts +0 -5
  150. package/lib/components/CardHeader/useCardHeader.d.ts +0 -13
  151. package/lib/components/CardHeader/useCardHeaderStyles.d.ts +0 -6
  152. package/lib/components/CardPreview/CardPreview.d.ts +0 -6
  153. package/lib/components/CardPreview/CardPreview.types.d.ts +0 -13
  154. package/lib/components/CardPreview/index.d.ts +0 -5
  155. package/lib/components/CardPreview/renderCardPreview.d.ts +0 -5
  156. package/lib/components/CardPreview/useCardPreview.d.ts +0 -16
  157. package/lib/components/CardPreview/useCardPreviewStyles.d.ts +0 -6
  158. package/lib/index.d.ts +0 -4
  159. package/lib/tsdoc-metadata.json +0 -11
  160. package/lib-commonjs/Card.d.ts +0 -1
  161. package/lib-commonjs/CardFooter.d.ts +0 -1
  162. package/lib-commonjs/CardHeader.d.ts +0 -1
  163. package/lib-commonjs/CardPreview.d.ts +0 -1
  164. package/lib-commonjs/common/isConformant.d.ts +0 -4
  165. package/lib-commonjs/common/isConformant.js +0 -22
  166. package/lib-commonjs/common/isConformant.js.map +0 -1
  167. package/lib-commonjs/components/Card/Card.d.ts +0 -6
  168. package/lib-commonjs/components/Card/Card.types.d.ts +0 -13
  169. package/lib-commonjs/components/Card/index.d.ts +0 -5
  170. package/lib-commonjs/components/Card/renderCard.d.ts +0 -5
  171. package/lib-commonjs/components/Card/useCard.d.ts +0 -12
  172. package/lib-commonjs/components/Card/useCardStyles.d.ts +0 -6
  173. package/lib-commonjs/components/CardFooter/CardFooter.d.ts +0 -6
  174. package/lib-commonjs/components/CardFooter/CardFooter.types.d.ts +0 -13
  175. package/lib-commonjs/components/CardFooter/index.d.ts +0 -5
  176. package/lib-commonjs/components/CardFooter/renderCardFooter.d.ts +0 -5
  177. package/lib-commonjs/components/CardFooter/useCardFooter.d.ts +0 -16
  178. package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts +0 -6
  179. package/lib-commonjs/components/CardHeader/CardHeader.d.ts +0 -6
  180. package/lib-commonjs/components/CardHeader/CardHeader.types.d.ts +0 -17
  181. package/lib-commonjs/components/CardHeader/index.d.ts +0 -5
  182. package/lib-commonjs/components/CardHeader/renderCardHeader.d.ts +0 -5
  183. package/lib-commonjs/components/CardHeader/useCardHeader.d.ts +0 -13
  184. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts +0 -6
  185. package/lib-commonjs/components/CardPreview/CardPreview.d.ts +0 -6
  186. package/lib-commonjs/components/CardPreview/CardPreview.types.d.ts +0 -13
  187. package/lib-commonjs/components/CardPreview/index.d.ts +0 -5
  188. package/lib-commonjs/components/CardPreview/renderCardPreview.d.ts +0 -5
  189. package/lib-commonjs/components/CardPreview/useCardPreview.d.ts +0 -16
  190. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts +0 -6
  191. package/lib-commonjs/index.d.ts +0 -4
Binary file
@@ -1,9 +0,0 @@
1
- <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M7.11584 21.1495H21.1158C21.3908 21.1495 21.6158 20.9245 21.6158 20.6495V6.14954H18.1158C17.2888 6.14954 16.6158 5.47654 16.6158 4.64954V1.14954H7.11584C6.84084 1.14954 6.61584 1.37454 6.61584 1.64954V20.6495C6.61584 20.9245 6.84084 21.1495 7.11584 21.1495Z" fill="white"/>
3
- <path opacity="0.64" fill-rule="evenodd" clip-rule="evenodd" d="M22.1758 5.00354L17.7618 0.588536C17.48 0.308441 17.0992 0.150709 16.7018 0.149536H7.11584C6.28884 0.149536 5.61584 0.822536 5.61584 1.64954V20.6495C5.61584 21.4765 6.28884 22.1495 7.11584 22.1495H21.1158C21.9428 22.1495 22.6158 21.4765 22.6158 20.6495V6.06354C22.6158 5.66354 22.4598 5.28654 22.1758 5.00354ZM17.6158 1.85654L20.9088 5.14954H18.1158C17.8399 5.14899 17.6164 4.92545 17.6158 4.64954V1.85654ZM7.11584 21.1495H21.1158C21.3908 21.1495 21.6158 20.9245 21.6158 20.6495V6.14954H18.1158C17.2888 6.14954 16.6158 5.47654 16.6158 4.64954V1.14954H7.11584C6.84084 1.14954 6.61584 1.37454 6.61584 1.64954V20.6495C6.61639 20.9254 6.83993 21.149 7.11584 21.1495Z" fill="#605E5C"/>
4
- <path d="M19.5658 11.1495H16.6158L15.6158 10.1495H14.6158L13.6158 11.1495V14.0945C14.2725 14.7694 15.1742 15.1499 16.1158 15.1495C18.0488 15.1495 19.6158 13.5825 19.6158 11.6495C19.6158 11.4785 19.5888 11.3145 19.5658 11.1495Z" fill="#ED6C47"/>
5
- <path d="M16.1158 8.14954C15.1268 8.14954 14.2488 8.56954 13.6158 9.22954V11.1495H16.6158V8.19954C16.4508 8.17654 16.2868 8.14954 16.1158 8.14954Z" fill="#FF8F6B"/>
6
- <path d="M17.6658 10.0995H20.6158C20.3959 8.5706 19.1948 7.36943 17.6658 7.14954V10.0995Z" fill="#FFC7B5"/>
7
- <path d="M1.61584 18.1495H11.6158C12.1681 18.1495 12.6158 17.7018 12.6158 17.1495V7.14954C12.6158 6.59725 12.1681 6.14954 11.6158 6.14954H1.61584C1.06356 6.14954 0.615845 6.59725 0.615845 7.14954V17.1495C0.615845 17.7018 1.06356 18.1495 1.61584 18.1495Z" fill="#C43E1C"/>
8
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8.36284 9.62954C7.98784 9.30954 7.68784 9.14954 6.97784 9.14954H4.61584V15.1495H5.61584V13.1495H6.90384C7.75984 13.1545 8.18584 12.8565 8.51384 12.4445C8.92384 11.9295 8.92884 11.4145 8.92884 11.0245C8.92884 10.4155 8.74084 9.95154 8.36284 9.62954ZM6.77084 12.1495H5.61584V10.1495H6.80884C7.56984 10.1495 7.95084 10.4745 7.95084 11.1245C7.95084 11.4605 7.85084 11.7145 7.65284 11.8875C7.45384 12.0625 7.16084 12.1495 6.77084 12.1495Z" fill="#F9F7F7"/>
9
- </svg>
Binary file
@@ -1,9 +0,0 @@
1
- <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6.5 21.5049H20.5C20.775 21.5049 21 21.2799 21 21.0049V6.50488H17.5C16.673 6.50488 16 5.83188 16 5.00488V1.50488H6.5C6.225 1.50488 6 1.72988 6 2.00488V21.0049C6 21.2799 6.225 21.5049 6.5 21.5049Z" fill="white"/>
3
- <path opacity="0.64" fill-rule="evenodd" clip-rule="evenodd" d="M21.56 5.35888L17.146 0.943883C16.8642 0.663788 16.4833 0.506056 16.086 0.504883H6.5C5.673 0.504883 5 1.17788 5 2.00488V21.0049C5 21.8319 5.673 22.5049 6.5 22.5049H20.5C21.327 22.5049 22 21.8319 22 21.0049V6.41888C22 6.01888 21.844 5.64188 21.56 5.35888ZM17 2.21167L20.293 5.50467H17.5C17.2241 5.50412 17.0006 5.28059 17 5.00467V2.21167ZM6.49999 21.5048H20.5C20.775 21.5048 21 21.2798 21 21.0048V6.50476H17.5C16.673 6.50476 16 5.83176 16 5.00476V1.50476H6.49999C6.22499 1.50476 5.99999 1.72976 5.99999 2.00476V21.0048C6.00054 21.2807 6.22407 21.5042 6.49999 21.5048Z" fill="#605E5C"/>
4
- <path d="M18.5 13.5049H13V14.5049H18.5C18.7761 14.5049 19 14.281 19 14.0049C19 13.7287 18.7761 13.5049 18.5 13.5049Z" fill="#185ABD"/>
5
- <path d="M18.5 11.5049H13V12.5049H18.5C18.7761 12.5049 19 12.281 19 12.0049C19 11.7287 18.7761 11.5049 18.5 11.5049Z" fill="#2B7CD3"/>
6
- <path d="M18.5 9.50488H13V10.5049H18.5C18.7761 10.5049 19 10.281 19 10.0049C19 9.72874 18.7761 9.50488 18.5 9.50488Z" fill="#41A5EE"/>
7
- <path d="M0.999878 18.5049H10.9999C11.5522 18.5049 11.9999 18.0572 11.9999 17.5049V7.50488C11.9999 6.9526 11.5522 6.50488 10.9999 6.50488H0.999878C0.447593 6.50488 -0.00012207 6.9526 -0.00012207 7.50488V17.5049C-0.00012207 18.0572 0.447593 18.5049 0.999878 18.5049Z" fill="#185ABD"/>
8
- <path d="M10 9.50488L8.493 15.5049H7.083C7.083 15.5049 6.062 11.2519 6.051 11.0049L4.968 15.5049H3.498L2 9.50488H3.386L4.295 14.2189L5.452 9.50488H6.792L7.842 14.2189C7.858 14.2189 8.722 9.50488 8.722 9.50488H10Z" fill="white"/>
9
- </svg>
@@ -1,196 +0,0 @@
1
- import type { ComponentProps } from '@fluentui/react-utilities';
2
- import type { ComponentState } from '@fluentui/react-utilities';
3
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
- import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
5
- import * as React_2 from 'react';
6
-
7
- /**
8
- * A card provides scaffolding for hosting actions and content for a single topic.
9
- */
10
- export declare const Card: ForwardRefComponent<CardProps>;
11
-
12
- export declare const cardClassName = "fui-Card";
13
-
14
- export declare type CardCommons = {};
15
-
16
- /**
17
- * Component to render Button actions in a Card component.
18
- */
19
- export declare const CardFooter: ForwardRefComponent<CardFooterProps>;
20
-
21
- export declare const cardFooterClassName = "fui-CardFooter";
22
-
23
- /**
24
- * CardFooter props
25
- */
26
- export declare type CardFooterProps = ComponentProps<CardFooterSlots>;
27
-
28
- /**
29
- * Array of all shorthand properties listed in CardFooterShorthandProps
30
- */
31
- export declare const cardFooterShorthandProps: Array<keyof CardFooterSlots>;
32
-
33
- export declare type CardFooterSlots = {
34
- root: IntrinsicShorthandProps<'div'>;
35
- action?: IntrinsicShorthandProps<'div'>;
36
- };
37
-
38
- /**
39
- * State used in rendering CardFooter
40
- */
41
- export declare type CardFooterState = ComponentState<CardFooterSlots>;
42
-
43
- /**
44
- * Component to render an image, text and an action in a Card component.
45
- */
46
- export declare const CardHeader: ForwardRefComponent<CardHeaderProps>;
47
-
48
- export declare const cardHeaderClassName = "fui-CardHeader";
49
-
50
- /**
51
- * CardHeader props
52
- */
53
- export declare type CardHeaderProps = ComponentProps<CardHeaderSlots>;
54
-
55
- export declare const cardHeaderShorthandProps: Array<keyof CardHeaderSlots>;
56
-
57
- export declare type CardHeaderSlots = {
58
- root: IntrinsicShorthandProps<'div'>;
59
- image: IntrinsicShorthandProps<'div'>;
60
- content?: IntrinsicShorthandProps<'div'>;
61
- header: IntrinsicShorthandProps<'span'>;
62
- description: IntrinsicShorthandProps<'span'>;
63
- action?: IntrinsicShorthandProps<'div'>;
64
- };
65
-
66
- /**
67
- * State used in rendering CardHeader
68
- */
69
- export declare type CardHeaderState = ComponentState<CardHeaderSlots>;
70
-
71
- /**
72
- * Component to render image previews of documents or articles in a Card component.
73
- */
74
- export declare const CardPreview: ForwardRefComponent<CardPreviewProps>;
75
-
76
- export declare const cardPreviewClassName = "fui-CardPreview";
77
-
78
- /**
79
- * CardPreview props
80
- */
81
- export declare type CardPreviewProps = ComponentProps<CardPreviewSlots>;
82
-
83
- /**
84
- * Array of all shorthand properties listed in CardPreviewShorthandProps
85
- */
86
- export declare const cardPreviewShorthandProps: Array<keyof CardPreviewSlots>;
87
-
88
- export declare type CardPreviewSlots = {
89
- root: IntrinsicShorthandProps<'div'>;
90
- logo?: IntrinsicShorthandProps<'div'>;
91
- };
92
-
93
- /**
94
- * State used in rendering CardPreview
95
- */
96
- export declare type CardPreviewState = ComponentState<CardPreviewSlots>;
97
-
98
- /**
99
- * Card Props
100
- */
101
- export declare type CardProps = ComponentProps<CardSlots> & Partial<CardCommons>;
102
-
103
- export declare type CardSlots = {
104
- root: IntrinsicShorthandProps<'div'>;
105
- };
106
-
107
- /**
108
- * State used in rendering Card
109
- */
110
- export declare type CardState = ComponentState<CardSlots> & CardCommons;
111
-
112
- /**
113
- * Render the final JSX of Card
114
- */
115
- export declare const renderCard: (state: CardState) => JSX.Element;
116
-
117
- /**
118
- * Render the final JSX of CardFooter
119
- */
120
- export declare const renderCardFooter: (state: CardFooterState) => JSX.Element;
121
-
122
- /**
123
- * Render the final JSX of CardHeader
124
- */
125
- export declare const renderCardHeader: (state: CardHeaderState) => JSX.Element;
126
-
127
- /**
128
- * Render the final JSX of CardPreview
129
- */
130
- export declare const renderCardPreview: (state: CardPreviewState) => JSX.Element;
131
-
132
- /**
133
- * Create the state required to render Card.
134
- *
135
- * The returned state can be modified with hooks such as useCardStyles,
136
- * before being passed to renderCard.
137
- *
138
- * @param props - props from this instance of Card
139
- * @param ref - reference to root HTMLElement of Card
140
- */
141
- export declare const useCard: (props: CardProps, ref: React_2.Ref<HTMLElement>) => CardState;
142
-
143
- /**
144
- * Create the state required to render CardFooter.
145
- *
146
- * The returned state can be modified with hooks such as useCardFooterStyles,
147
- * before being passed to renderCardFooter.
148
- *
149
- * @param props - props from this instance of CardFooter
150
- * @param ref - reference to root HTMLElement of CardFooter
151
- */
152
- export declare const useCardFooter: (props: CardFooterProps, ref: React_2.Ref<HTMLElement>) => CardFooterState;
153
-
154
- /**
155
- * Apply styling to the CardFooter slots based on the state
156
- */
157
- export declare const useCardFooterStyles: (state: CardFooterState) => CardFooterState;
158
-
159
- /**
160
- * Create the state required to render CardHeader.
161
- *
162
- * The returned state can be modified with hooks such as useCardHeaderStyles,
163
- * before being passed to renderCardHeader.
164
- *
165
- * @param props - props from this instance of CardHeader
166
- * @param ref - reference to root HTMLElement of CardHeader
167
- */
168
- export declare const useCardHeader: (props: CardHeaderProps, ref: React_2.Ref<HTMLElement>) => CardHeaderState;
169
-
170
- /**
171
- * Apply styling to the CardHeader slots based on the state
172
- */
173
- export declare const useCardHeaderStyles: (state: CardHeaderState) => CardHeaderState;
174
-
175
- /**
176
- * Create the state required to render CardPreview.
177
- *
178
- * The returned state can be modified with hooks such as useCardPreviewStyles,
179
- * before being passed to renderCardPreview.
180
- *
181
- * @param props - props from this instance of CardPreview
182
- * @param ref - reference to root HTMLElement of CardPreview
183
- */
184
- export declare const useCardPreview: (props: CardPreviewProps, ref: React_2.Ref<HTMLElement>) => CardPreviewState;
185
-
186
- /**
187
- * Apply styling to the CardPreview slots based on the state
188
- */
189
- export declare const useCardPreviewStyles: (state: CardPreviewState) => CardPreviewState;
190
-
191
- /**
192
- * Apply styling to the Card slots based on the state
193
- */
194
- export declare const useCardStyles: (state: CardState) => CardState;
195
-
196
- export { }
package/lib/Card.d.ts DELETED
@@ -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,11 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- const defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- extraTests: makeStylesTests
8
- };
9
- baseIsConformant(defaultOptions, testInfo);
10
- }
11
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,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;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -1,6 +0,0 @@
1
- import type { CardProps } from './Card.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * A card provides scaffolding for hosting actions and content for a single topic.
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,6 +0,0 @@
1
- import type { CardState } from './Card.types';
2
- export declare const cardClassName = "fui-Card";
3
- /**
4
- * Apply styling to the Card slots based on the state
5
- */
6
- 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,6 +0,0 @@
1
- import type { CardFooterState } from './CardFooter.types';
2
- export declare const cardFooterClassName = "fui-CardFooter";
3
- /**
4
- * Apply styling to the CardFooter slots based on the state
5
- */
6
- 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,6 +0,0 @@
1
- import type { CardHeaderState } from './CardHeader.types';
2
- export declare const cardHeaderClassName = "fui-CardHeader";
3
- /**
4
- * Apply styling to the CardHeader slots based on the state
5
- */
6
- 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,6 +0,0 @@
1
- import type { CardPreviewState } from './CardPreview.types';
2
- export declare const cardPreviewClassName = "fui-CardPreview";
3
- /**
4
- * Apply styling to the CardPreview slots based on the state
5
- */
6
- 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,11 +0,0 @@
1
- // This file is read by tools that parse documentation comments conforming to the TSDoc standard.
2
- // It should be published with your NPM package. It should not be tracked by Git.
3
- {
4
- "tsdocVersion": "0.12",
5
- "toolPackages": [
6
- {
7
- "packageName": "@microsoft/api-extractor",
8
- "packageVersion": "7.18.1"
9
- }
10
- ]
11
- }
@@ -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
- const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- const 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,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,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
- * A card provides scaffolding for hosting actions and content for a single topic.
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,6 +0,0 @@
1
- import type { CardState } from './Card.types';
2
- export declare const cardClassName = "fui-Card";
3
- /**
4
- * Apply styling to the Card slots based on the state
5
- */
6
- 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>;