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

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 (138) hide show
  1. package/CHANGELOG.json +359 -1
  2. package/CHANGELOG.md +77 -2
  3. package/README.md +3 -1
  4. package/Spec.md +523 -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/non-interactive-interaction-keyboard.png +0 -0
  17. package/assets/non-interactive-interaction-mouse.png +0 -0
  18. package/assets/non-interactive-narrator.png +0 -0
  19. package/assets/non-interactive-selectable-interaction-keyboard.png +0 -0
  20. package/assets/non-interactive-selectable-interaction-mouse.png +0 -0
  21. package/assets/selectable-interaction-keyboard.png +0 -0
  22. package/assets/selectable-interaction-mouse.png +0 -0
  23. package/assets/selectable-narrator.png +0 -0
  24. package/dist/react-card.d.ts +43 -49
  25. package/lib/components/Card/Card.d.ts +1 -1
  26. package/lib/components/Card/Card.js +8 -8
  27. package/lib/components/Card/Card.js.map +1 -1
  28. package/lib/components/Card/Card.types.d.ts +4 -5
  29. package/lib/components/Card/renderCard.d.ts +1 -1
  30. package/lib/components/Card/renderCard.js +7 -7
  31. package/lib/components/Card/renderCard.js.map +1 -1
  32. package/lib/components/Card/useCard.d.ts +3 -3
  33. package/lib/components/Card/useCard.js +12 -11
  34. package/lib/components/Card/useCard.js.map +1 -1
  35. package/lib/components/Card/useCardStyles.d.ts +2 -1
  36. package/lib/components/Card/useCardStyles.js +21 -13
  37. package/lib/components/Card/useCardStyles.js.map +1 -1
  38. package/lib/components/CardFooter/CardFooter.js +7 -7
  39. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  40. package/lib/components/CardFooter/CardFooter.types.d.ts +3 -3
  41. package/lib/components/CardFooter/renderCardFooter.d.ts +1 -1
  42. package/lib/components/CardFooter/renderCardFooter.js +8 -8
  43. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  44. package/lib/components/CardFooter/useCardFooter.d.ts +4 -8
  45. package/lib/components/CardFooter/useCardFooter.js +10 -13
  46. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  47. package/lib/components/CardFooter/useCardFooterStyles.d.ts +2 -1
  48. package/lib/components/CardFooter/useCardFooterStyles.js +9 -7
  49. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  50. package/lib/components/CardHeader/CardHeader.js +7 -7
  51. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  52. package/lib/components/CardHeader/CardHeader.types.d.ts +8 -8
  53. package/lib/components/CardHeader/renderCardHeader.d.ts +1 -1
  54. package/lib/components/CardHeader/renderCardHeader.js +12 -8
  55. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  56. package/lib/components/CardHeader/useCardHeader.d.ts +4 -5
  57. package/lib/components/CardHeader/useCardHeader.js +14 -13
  58. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  59. package/lib/components/CardHeader/useCardHeaderStyles.d.ts +2 -1
  60. package/lib/components/CardHeader/useCardHeaderStyles.js +9 -7
  61. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  62. package/lib/components/CardPreview/CardPreview.js +7 -7
  63. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  64. package/lib/components/CardPreview/CardPreview.types.d.ts +3 -3
  65. package/lib/components/CardPreview/renderCardPreview.d.ts +1 -1
  66. package/lib/components/CardPreview/renderCardPreview.js +8 -8
  67. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  68. package/lib/components/CardPreview/useCardPreview.d.ts +4 -8
  69. package/lib/components/CardPreview/useCardPreview.js +10 -13
  70. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  71. package/lib/components/CardPreview/useCardPreviewStyles.d.ts +2 -1
  72. package/lib/components/CardPreview/useCardPreviewStyles.js +6 -5
  73. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  74. package/lib-commonjs/Card.js +1 -1
  75. package/lib-commonjs/CardFooter.js +1 -1
  76. package/lib-commonjs/CardHeader.js +1 -1
  77. package/lib-commonjs/CardPreview.js +1 -1
  78. package/lib-commonjs/components/Card/Card.d.ts +1 -1
  79. package/lib-commonjs/components/Card/Card.js +9 -9
  80. package/lib-commonjs/components/Card/Card.js.map +1 -1
  81. package/lib-commonjs/components/Card/Card.types.d.ts +4 -5
  82. package/lib-commonjs/components/Card/index.js +1 -1
  83. package/lib-commonjs/components/Card/renderCard.d.ts +1 -1
  84. package/lib-commonjs/components/Card/renderCard.js +11 -12
  85. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  86. package/lib-commonjs/components/Card/useCard.d.ts +3 -3
  87. package/lib-commonjs/components/Card/useCard.js +15 -15
  88. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  89. package/lib-commonjs/components/Card/useCardStyles.d.ts +2 -1
  90. package/lib-commonjs/components/Card/useCardStyles.js +26 -16
  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.d.ts +3 -3
  95. package/lib-commonjs/components/CardFooter/index.js +1 -1
  96. package/lib-commonjs/components/CardFooter/renderCardFooter.d.ts +1 -1
  97. package/lib-commonjs/components/CardFooter/renderCardFooter.js +12 -14
  98. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  99. package/lib-commonjs/components/CardFooter/useCardFooter.d.ts +4 -8
  100. package/lib-commonjs/components/CardFooter/useCardFooter.js +14 -18
  101. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  102. package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts +2 -1
  103. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +13 -11
  104. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  105. package/lib-commonjs/components/CardHeader/CardHeader.js +8 -8
  106. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  107. package/lib-commonjs/components/CardHeader/CardHeader.types.d.ts +8 -8
  108. package/lib-commonjs/components/CardHeader/index.js +1 -1
  109. package/lib-commonjs/components/CardHeader/renderCardHeader.d.ts +1 -1
  110. package/lib-commonjs/components/CardHeader/renderCardHeader.js +16 -14
  111. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  112. package/lib-commonjs/components/CardHeader/useCardHeader.d.ts +4 -5
  113. package/lib-commonjs/components/CardHeader/useCardHeader.js +19 -19
  114. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  115. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts +2 -1
  116. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +14 -12
  117. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  118. package/lib-commonjs/components/CardPreview/CardPreview.js +8 -8
  119. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  120. package/lib-commonjs/components/CardPreview/CardPreview.types.d.ts +3 -3
  121. package/lib-commonjs/components/CardPreview/index.js +1 -1
  122. package/lib-commonjs/components/CardPreview/renderCardPreview.d.ts +1 -1
  123. package/lib-commonjs/components/CardPreview/renderCardPreview.js +12 -14
  124. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  125. package/lib-commonjs/components/CardPreview/useCardPreview.d.ts +4 -8
  126. package/lib-commonjs/components/CardPreview/useCardPreview.js +14 -18
  127. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  128. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts +2 -1
  129. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +10 -9
  130. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  131. package/lib-commonjs/index.js +1 -1
  132. package/package.json +11 -13
  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-commonjs/common/isConformant.d.ts +0 -4
  137. package/lib-commonjs/common/isConformant.js +0 -22
  138. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,EAAiC,eAAA,CAAA,wBAAjC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,EAEG,KAAK,CAAC,OAAN,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,EAAA,GAAK,SAAS,CAAC;AAAf,GAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAlB,CAFF,CAHJ,EAQG,KAAK,CAAC,MAAN,IAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,CARnB,CADF;AAYD,CAfM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}
@@ -1,13 +1,12 @@
1
1
  import * as React from 'react';
2
- import type { CardHeaderProps, CardHeaderSlots, CardHeaderState } from './CardHeader.types';
3
- export declare const cardHeaderShorthandProps: Array<keyof CardHeaderSlots>;
2
+ import type { CardHeaderProps, CardHeaderState } from './CardHeader.types';
4
3
  /**
5
4
  * Create the state required to render CardHeader.
6
5
  *
7
- * The returned state can be modified with hooks such as useCardHeaderStyles,
8
- * before being passed to renderCardHeader.
6
+ * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,
7
+ * before being passed to renderCardHeader_unstable.
9
8
  *
10
9
  * @param props - props from this instance of CardHeader
11
10
  * @param ref - reference to root HTMLElement of CardHeader
12
11
  */
13
- export declare const useCardHeader: (props: CardHeaderProps, ref: React.Ref<HTMLElement>) => CardHeaderState;
12
+ export declare const useCardHeader_unstable: (props: CardHeaderProps, ref: React.Ref<HTMLElement>) => CardHeaderState;
@@ -3,31 +3,30 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCardHeader = exports.cardHeaderShorthandProps = void 0;
6
+ exports.useCardHeader_unstable = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var React = /*#__PURE__*/require("react");
11
-
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
-
14
- exports.cardHeaderShorthandProps = ['root', 'image', 'content', 'header', 'description', 'action'];
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
15
11
  /**
16
12
  * Create the state required to render CardHeader.
17
13
  *
18
- * The returned state can be modified with hooks such as useCardHeaderStyles,
19
- * before being passed to renderCardHeader.
14
+ * The returned state can be modified with hooks such as useCardHeaderStyles_unstable,
15
+ * before being passed to renderCardHeader_unstable.
20
16
  *
21
17
  * @param props - props from this instance of CardHeader
22
18
  * @param ref - reference to root HTMLElement of CardHeader
23
19
  */
24
20
 
25
- var useCardHeader = function (props, ref) {
26
- var image = props.image,
27
- content = props.content,
28
- header = props.header,
29
- description = props.description,
30
- action = props.action;
21
+
22
+ const useCardHeader_unstable = (props, ref) => {
23
+ const {
24
+ image,
25
+ content,
26
+ header,
27
+ description,
28
+ action
29
+ } = props;
31
30
  return {
32
31
  components: {
33
32
  root: 'div',
@@ -37,9 +36,10 @@ var useCardHeader = function (props, ref) {
37
36
  description: React.Fragment,
38
37
  action: 'div'
39
38
  },
40
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
41
- ref: ref
42
- }, props)),
39
+ root: react_utilities_1.getNativeElementProps('div', {
40
+ ref,
41
+ ...props
42
+ }),
43
43
  image: react_utilities_1.resolveShorthand(image, {
44
44
  required: true
45
45
  }),
@@ -54,5 +54,5 @@ var useCardHeader = function (props, ref) {
54
54
  };
55
55
  };
56
56
 
57
- exports.useCardHeader = useCardHeader;
57
+ exports.useCardHeader_unstable = useCardHeader_unstable;
58
58
  //# sourceMappingURL=useCardHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,wBAAA,GAAyD,CACpE,MADoE,EAEpE,OAFoE,EAGpE,SAHoE,EAIpE,QAJoE,EAKpE,aALoE,EAMpE,QANoE,CAAzD;AASb;;;;;;;;AAQG;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAyB,GAAzB,EAAoD;AACvE,MAAA,KAAK,GAA2C,KAAK,CAAhD,KAAL;AAAA,MAAO,OAAO,GAAkC,KAAK,CAAvC,OAAd;AAAA,MAAgB,MAAM,GAA0B,KAAK,CAA/B,MAAtB;AAAA,MAAwB,WAAW,GAAa,KAAK,CAAlB,WAAnC;AAAA,MAAqC,MAAM,GAAK,KAAK,CAAV,MAA3C;AAER,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,OAAO,EAAE,KAHC;AAIV,MAAA,MAAM,EAAE,KAAK,CAAC,QAJJ;AAKV,MAAA,WAAW,EAAE,KAAK,CAAC,QALT;AAMV,MAAA,MAAM,EAAE;AANE,KADP;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAA3B,CAVD;AAcL,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAC7B,MAAA,QAAQ,EAAE;AADmB,KAAxB,CAdF;AAiBL,IAAA,OAAO,EAAE,iBAAA,CAAA,gBAAA,CAAiB,OAAO,IAAI,EAA5B,CAjBJ;AAkBL,IAAA,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,MAAjB,EAAyB;AAC/B,MAAA,QAAQ,EAAE;AADqB,KAAzB,CAlBH;AAqBL,IAAA,WAAW,EAAE,iBAAA,CAAA,gBAAA,CAAiB,WAAjB,EAA8B;AACzC,MAAA,QAAQ,EAAE;AAD+B,KAA9B,CArBR;AAwBL,IAAA,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,MAAjB;AAxBH,GAAP;AA0BD,CA7BM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,sBAAsB,GAAG,CAAC,KAAD,EAAyB,GAAzB,KAAyE;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,OAAT;AAAkB,IAAA,MAAlB;AAA0B,IAAA,WAA1B;AAAuC,IAAA;AAAvC,MAAkD,KAAxD;AAEA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,OAAO,EAAE,KAHC;AAIV,MAAA,MAAM,EAAE,KAAK,CAAC,QAJJ;AAKV,MAAA,WAAW,EAAE,KAAK,CAAC,QALT;AAMV,MAAA,MAAM,EAAE;AANE,KADP;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B,CAVD;AAcL,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAC7B,MAAA,QAAQ,EAAE;AADmB,KAAxB,CAdF;AAiBL,IAAA,OAAO,EAAE,iBAAA,CAAA,gBAAA,CAAiB,OAAO,IAAI,EAA5B,CAjBJ;AAkBL,IAAA,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,MAAjB,EAAyB;AAC/B,MAAA,QAAQ,EAAE;AADqB,KAAzB,CAlBH;AAqBL,IAAA,WAAW,EAAE,iBAAA,CAAA,gBAAA,CAAiB,WAAjB,EAA8B;AACzC,MAAA,QAAQ,EAAE;AAD+B,KAA9B,CArBR;AAwBL,IAAA,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,MAAjB;AAxBH,GAAP;AA0BD,CA7BM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
@@ -1,5 +1,6 @@
1
1
  import type { CardHeaderState } from './CardHeader.types';
2
+ export declare const cardHeaderClassName = "fui-CardHeader";
2
3
  /**
3
4
  * Apply styling to the CardHeader slots based on the state
4
5
  */
5
- export declare const useCardHeaderStyles: (state: CardHeaderState) => CardHeaderState;
6
+ export declare const useCardHeaderStyles_unstable: (state: CardHeaderState) => CardHeaderState;
@@ -3,20 +3,22 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCardHeaderStyles = void 0;
6
+ exports.useCardHeaderStyles_unstable = exports.cardHeaderClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_1 = /*#__PURE__*/require("@griffel/react");
9
+
10
+ exports.cardHeaderClassName = 'fui-CardHeader';
9
11
  /**
10
12
  * Styles for the root slot
11
13
  */
12
14
 
13
-
14
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
+ const useStyles = /*#__PURE__*/react_1.__styles({
15
16
  "root": {
16
17
  "mc9l5x": "f22iagw",
17
18
  "Beiy3e4": "f1063pyq",
18
19
  "Bt984gj": "f122n59",
19
- "rmohyg": "fsbu5mz",
20
+ "i8kkvl": "f4akndk",
21
+ "Belr9w4": "fe5j3v",
20
22
  "Bqenvij": "f1d2rq10"
21
23
  },
22
24
  "image": {
@@ -39,27 +41,27 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
39
41
  "Bn3e79g": "f1con4nn"
40
42
  }
41
43
  }, {
42
- "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fsbu5mz{gap:12px;}", ".f1d2rq10{height:32px;}", ".f17fgpbq{min-width:24px;}", ".f1pha7fy{min-height:24px;}", ".f44c6la{max-width:32px;}", ".f17bzqcb{max-height:32px;}", ".fgn7ydb>*{min-width:inherit;}", ".f1jevvm1>*{min-height:inherit;}", ".fqihwjc>*{max-width:100%;}", ".f6x1sus>*{max-height:100%;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fwk23hs{height:inherit;}", ".f1con4nn>*{height:50%;}"]
44
+ "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4akndk{-webkit-column-gap:12px;column-gap:12px;}", ".fe5j3v{row-gap:12px;}", ".f1d2rq10{height:32px;}", ".f17fgpbq{min-width:24px;}", ".f1pha7fy{min-height:24px;}", ".f44c6la{max-width:32px;}", ".f17bzqcb{max-height:32px;}", ".fgn7ydb>*{min-width:inherit;}", ".f1jevvm1>*{min-height:inherit;}", ".fqihwjc>*{max-width:100%;}", ".f6x1sus>*{max-height:100%;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fwk23hs{height:inherit;}", ".f1con4nn>*{height:50%;}"]
43
45
  });
44
46
  /**
45
47
  * Apply styling to the CardHeader slots based on the state
46
48
  */
47
49
 
48
50
 
49
- var useCardHeaderStyles = function (state) {
50
- var styles = useStyles();
51
- state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
51
+ const useCardHeaderStyles_unstable = state => {
52
+ const styles = useStyles();
53
+ state.root.className = react_1.mergeClasses(exports.cardHeaderClassName, styles.root, state.root.className);
52
54
 
53
55
  if (state.image) {
54
- state.image.className = react_make_styles_1.mergeClasses(styles.image, state.image.className);
56
+ state.image.className = react_1.mergeClasses(styles.image, state.image.className);
55
57
  }
56
58
 
57
59
  if (state.content) {
58
- state.content.className = react_make_styles_1.mergeClasses(styles.textContainer, state.content.className);
60
+ state.content.className = react_1.mergeClasses(styles.textContainer, state.content.className);
59
61
  }
60
62
 
61
63
  return state;
62
64
  };
63
65
 
64
- exports.useCardHeaderStyles = useCardHeaderStyles;
66
+ exports.useCardHeaderStyles_unstable = useCardHeaderStyles_unstable;
65
67
  //# sourceMappingURL=useCardHeaderStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,MAAM,4BAA4B,GAAI,KAAD,IAA4C;AACtF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,mBAAb,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,IAAN,CAAW,SAA1D,CAAvB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,OAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,OAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,4BAAA,GAA4B,4BAA5B","sourceRoot":""}
@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.CardPreview = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
10
+ const useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
11
11
 
12
- var renderCardPreview_1 = /*#__PURE__*/require("./renderCardPreview");
12
+ const renderCardPreview_1 = /*#__PURE__*/require("./renderCardPreview");
13
13
 
14
- var useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
14
+ const useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
15
15
  /**
16
16
  * Component to render image previews of documents or articles in a Card component.
17
17
  */
18
18
 
19
19
 
20
- exports.CardPreview = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useCardPreview_1.useCardPreview(props, ref);
22
- useCardPreviewStyles_1.useCardPreviewStyles(state);
23
- return renderCardPreview_1.renderCardPreview(state);
20
+ exports.CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useCardPreview_1.useCardPreview_unstable(props, ref);
22
+ useCardPreviewStyles_1.useCardPreviewStyles_unstable(state);
23
+ return renderCardPreview_1.renderCardPreview_unstable(state);
24
24
  });
25
25
  exports.CardPreview.displayName = 'CardPreview';
26
26
  //# sourceMappingURL=CardPreview.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5F,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAChG,QAAM,KAAK,GAAG,gBAAA,CAAA,uBAAA,CAAwB,KAAxB,EAA+B,GAA/B,CAAd;AAEA,EAAA,sBAAA,CAAA,6BAAA,CAA8B,KAA9B;AACA,SAAO,mBAAA,CAAA,0BAAA,CAA2B,KAA3B,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
@@ -1,7 +1,7 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
2
  export declare type CardPreviewSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- logo?: IntrinsicShorthandProps<'div'>;
3
+ root: Slot<'div'>;
4
+ logo?: Slot<'div'>;
5
5
  };
6
6
  /**
7
7
  * CardPreview props
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./CardPreview"), exports);
10
10
 
@@ -2,4 +2,4 @@ import type { CardPreviewState } from './CardPreview.types';
2
2
  /**
3
3
  * Render the final JSX of CardPreview
4
4
  */
5
- export declare const renderCardPreview: (state: CardPreviewState) => JSX.Element;
5
+ export declare const renderCardPreview_unstable: (state: CardPreviewState) => JSX.Element;
@@ -3,27 +3,25 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.renderCardPreview = void 0;
6
+ exports.renderCardPreview_unstable = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var React = /*#__PURE__*/require("react");
11
-
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
-
14
- var useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
15
11
  /**
16
12
  * Render the final JSX of CardPreview
17
13
  */
18
14
 
19
15
 
20
- var renderCardPreview = function (state) {
21
- var _a = react_utilities_1.getSlots(state, useCardPreview_1.cardPreviewShorthandProps),
22
- slots = _a.slots,
23
- slotProps = _a.slotProps;
24
-
25
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), slotProps.root.children, React.createElement(slots.logo, tslib_1.__assign({}, slotProps.logo)));
16
+ const renderCardPreview_unstable = state => {
17
+ const {
18
+ slots,
19
+ slotProps
20
+ } = react_utilities_1.getSlots(state);
21
+ return React.createElement(slots.root, { ...slotProps.root
22
+ }, slotProps.root.children, slots.logo && React.createElement(slots.logo, { ...slotProps.logo
23
+ }));
26
24
  };
27
25
 
28
- exports.renderCardPreview = renderCardPreview;
26
+ exports.renderCardPreview_unstable = renderCardPreview_unstable;
29
27
  //# sourceMappingURL=renderCardPreview.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,EAAkC,gBAAA,CAAA,yBAAlC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEG,KAAK,CAAC,IAAN,IAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFjB,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}
@@ -1,16 +1,12 @@
1
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>;
2
+ import type { CardPreviewProps, CardPreviewState } from './CardPreview.types';
7
3
  /**
8
4
  * Create the state required to render CardPreview.
9
5
  *
10
- * The returned state can be modified with hooks such as useCardPreviewStyles,
11
- * before being passed to renderCardPreview.
6
+ * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,
7
+ * before being passed to renderCardPreview_unstable.
12
8
  *
13
9
  * @param props - props from this instance of CardPreview
14
10
  * @param ref - reference to root HTMLElement of CardPreview
15
11
  */
16
- export declare const useCardPreview: (props: CardPreviewProps, ref: React.Ref<HTMLElement>) => CardPreviewState;
12
+ export declare const useCardPreview_unstable: (props: CardPreviewProps, ref: React.Ref<HTMLElement>) => CardPreviewState;
@@ -3,40 +3,36 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCardPreview = exports.cardPreviewShorthandProps = void 0;
6
+ exports.useCardPreview_unstable = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
- /**
12
- * Array of all shorthand properties listed in CardPreviewShorthandProps
13
- */
14
-
15
-
16
- exports.cardPreviewShorthandProps = ['root', 'logo'];
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
17
9
  /**
18
10
  * Create the state required to render CardPreview.
19
11
  *
20
- * The returned state can be modified with hooks such as useCardPreviewStyles,
21
- * before being passed to renderCardPreview.
12
+ * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,
13
+ * before being passed to renderCardPreview_unstable.
22
14
  *
23
15
  * @param props - props from this instance of CardPreview
24
16
  * @param ref - reference to root HTMLElement of CardPreview
25
17
  */
26
18
 
27
- var useCardPreview = function (props, ref) {
28
- var logo = props.logo;
19
+
20
+ const useCardPreview_unstable = (props, ref) => {
21
+ const {
22
+ logo
23
+ } = props;
29
24
  return {
30
25
  components: {
31
26
  root: 'div',
32
27
  logo: 'div'
33
28
  },
34
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
35
- ref: ref
36
- }, props)),
29
+ root: react_utilities_1.getNativeElementProps('div', {
30
+ ref,
31
+ ...props
32
+ }),
37
33
  logo: react_utilities_1.resolveShorthand(logo)
38
34
  };
39
35
  };
40
36
 
41
- exports.useCardPreview = useCardPreview;
37
+ exports.useCardPreview_unstable = useCardPreview_unstable;
42
38
  //# sourceMappingURL=useCardPreview.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,yBAAA,GAA2D,CAAC,MAAD,EAAS,MAAT,CAA3D;AAEb;;;;;;;;AAQG;;AACI,IAAM,cAAc,GAAG,UAAC,KAAD,EAA0B,GAA1B,EAAqD;AACzE,MAAA,IAAI,GAAK,KAAK,CAAV,IAAJ;AACR,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KADP;AAML,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAA3B,CAND;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,IAAjB;AAVD,GAAP;AAYD,CAdM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,uBAAuB,GAAG,CAAC,KAAD,EAA0B,GAA1B,KAA2E;AAChH,QAAM;AAAE,IAAA;AAAF,MAAW,KAAjB;AACA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KADP;AAML,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B,CAND;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,IAAjB;AAVD,GAAP;AAYD,CAdM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
@@ -1,5 +1,6 @@
1
1
  import type { CardPreviewState } from './CardPreview.types';
2
+ export declare const cardPreviewClassName = "fui-CardPreview";
2
3
  /**
3
4
  * Apply styling to the CardPreview slots based on the state
4
5
  */
5
- export declare const useCardPreviewStyles: (state: CardPreviewState) => CardPreviewState;
6
+ export declare const useCardPreviewStyles_unstable: (state: CardPreviewState) => CardPreviewState;
@@ -3,15 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCardPreviewStyles = void 0;
6
+ exports.useCardPreviewStyles_unstable = exports.cardPreviewClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_1 = /*#__PURE__*/require("@griffel/react");
9
+
10
+ exports.cardPreviewClassName = 'fui-CardPreview';
9
11
  /**
10
12
  * Styles for the root slot
11
13
  */
12
14
 
13
-
14
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
+ const useStyles = /*#__PURE__*/react_1.__styles({
15
16
  "root": {
16
17
  "qhf8xq": "f10pi13n",
17
18
  "B6of3ja": "f1hu3pq6",
@@ -36,16 +37,16 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
36
37
  */
37
38
 
38
39
 
39
- var useCardPreviewStyles = function (state) {
40
- var styles = useStyles();
41
- state.root.className = react_make_styles_1.mergeClasses('fluentui-react-card-preview', styles.root, state.root.className);
40
+ const useCardPreviewStyles_unstable = state => {
41
+ const styles = useStyles();
42
+ state.root.className = react_1.mergeClasses(exports.cardPreviewClassName, styles.root, state.root.className);
42
43
 
43
44
  if (state.logo) {
44
- state.logo.className = react_make_styles_1.mergeClasses(styles.logo, state.logo.className);
45
+ state.logo.className = react_1.mergeClasses(styles.logo, state.logo.className);
45
46
  }
46
47
 
47
48
  return state;
48
49
  };
49
50
 
50
- exports.useCardPreviewStyles = useCardPreviewStyles;
51
+ exports.useCardPreviewStyles_unstable = useCardPreviewStyles_unstable;
51
52
  //# sourceMappingURL=useCardPreviewStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,6BAAb,EAA4C,MAAM,CAAC,IAAnD,EAAyD,KAAK,CAAC,IAAN,CAAW,SAApE,CAAvB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA8C;AACzF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,oBAAb,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,IAAN,CAAW,SAA3D,CAAvB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Card"), exports);
10
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-card",
3
- "version": "9.0.0-beta.2",
3
+ "version": "9.0.0-beta.6",
4
4
  "private": false,
5
5
  "description": "Card container components for Fluent UI React.",
6
6
  "main": "lib-commonjs/index.js",
@@ -20,20 +20,19 @@
20
20
  "just": "just-scripts",
21
21
  "lint": "just-scripts lint",
22
22
  "start": "yarn storybook",
23
- "test": "jest",
23
+ "test": "jest --passWithNoTests",
24
24
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
25
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-card/src && yarn docs",
26
- "storybook": "start-storybook -s assets"
25
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-card/src && yarn docs",
26
+ "storybook": "node ../../scripts/storybook/runner",
27
+ "type-check": "tsc -b tsconfig.json"
27
28
  },
28
29
  "devDependencies": {
29
- "@fluentui/babel-make-styles": "9.0.0-beta.1",
30
30
  "@fluentui/eslint-plugin": "*",
31
- "@fluentui/jest-serializer-make-styles": "9.0.0-beta.1",
32
31
  "@fluentui/react-conformance": "*",
33
- "@fluentui/react-conformance-make-styles": "9.0.0-beta.1",
32
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.1",
34
33
  "@fluentui/scripts": "^1.0.0",
35
- "@fluentui/react-text": "9.0.0-beta.1",
36
- "@fluentui/react-button": "9.0.0-beta.2",
34
+ "@fluentui/react-text": "9.0.0-rc.1",
35
+ "@fluentui/react-button": "9.0.0-rc.1",
37
36
  "@types/enzyme": "3.10.3",
38
37
  "@types/enzyme-adapter-react-16": "1.0.3",
39
38
  "@types/react": "16.9.42",
@@ -46,9 +45,9 @@
46
45
  "react-test-renderer": "^16.3.0"
47
46
  },
48
47
  "dependencies": {
49
- "@fluentui/react-make-styles": "9.0.0-beta.1",
50
- "@fluentui/react-utilities": "9.0.0-beta.1",
51
- "@fluentui/react-tabster": "9.0.0-beta.2",
48
+ "@griffel/react": "1.0.0",
49
+ "@fluentui/react-utilities": "9.0.0-rc.1",
50
+ "@fluentui/react-tabster": "9.0.0-rc.1",
52
51
  "tslib": "^2.1.0"
53
52
  },
54
53
  "peerDependencies": {
@@ -58,7 +57,6 @@
58
57
  "react-dom": ">=16.8.0 <18.0.0"
59
58
  },
60
59
  "beachball": {
61
- "tag": "beta",
62
60
  "disallowedChangeTypes": [
63
61
  "major",
64
62
  "minor",
@@ -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
- var 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,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;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -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":""}