@fluentui/react-card 0.0.0-nightly050f89bf0020211102.1 → 0.0.0-nightly07d9ed6d1b20211221.1

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 (111) hide show
  1. package/CHANGELOG.json +178 -20
  2. package/CHANGELOG.md +49 -13
  3. package/Spec.md +523 -0
  4. package/assets/Card.png +0 -0
  5. package/assets/CardHeader.png +0 -0
  6. package/assets/CardPreview.png +0 -0
  7. package/assets/context-interaction-keyboard.png +0 -0
  8. package/assets/context-interaction-mouse.png +0 -0
  9. package/assets/context-narrator.png +0 -0
  10. package/assets/disabled-narrator.png +0 -0
  11. package/assets/disabled.png +0 -0
  12. package/assets/interactive-interaction-keyboard.png +0 -0
  13. package/assets/interactive-interaction-mouse.png +0 -0
  14. package/assets/interactive-narrator.png +0 -0
  15. package/assets/non-interactive-interaction-keyboard.png +0 -0
  16. package/assets/non-interactive-interaction-mouse.png +0 -0
  17. package/assets/non-interactive-narrator.png +0 -0
  18. package/assets/non-interactive-selectable-interaction-keyboard.png +0 -0
  19. package/assets/non-interactive-selectable-interaction-mouse.png +0 -0
  20. package/assets/selectable-interaction-keyboard.png +0 -0
  21. package/assets/selectable-interaction-mouse.png +0 -0
  22. package/assets/selectable-narrator.png +0 -0
  23. package/dist/react-card.d.ts +8 -0
  24. package/lib/components/Card/Card.js +2 -2
  25. package/lib/components/Card/Card.js.map +1 -1
  26. package/lib/components/Card/renderCard.js +7 -7
  27. package/lib/components/Card/renderCard.js.map +1 -1
  28. package/lib/components/Card/useCard.js +10 -9
  29. package/lib/components/Card/useCard.js.map +1 -1
  30. package/lib/components/Card/useCardStyles.d.ts +1 -0
  31. package/lib/components/Card/useCardStyles.js +20 -13
  32. package/lib/components/Card/useCardStyles.js.map +1 -1
  33. package/lib/components/CardFooter/CardFooter.js +2 -2
  34. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  35. package/lib/components/CardFooter/renderCardFooter.js +8 -7
  36. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  37. package/lib/components/CardFooter/useCardFooter.js +9 -7
  38. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  39. package/lib/components/CardFooter/useCardFooterStyles.d.ts +1 -0
  40. package/lib/components/CardFooter/useCardFooterStyles.js +9 -7
  41. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  42. package/lib/components/CardHeader/CardHeader.js +2 -2
  43. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  44. package/lib/components/CardHeader/renderCardHeader.js +12 -7
  45. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  46. package/lib/components/CardHeader/useCardHeader.js +13 -11
  47. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  48. package/lib/components/CardHeader/useCardHeaderStyles.d.ts +1 -0
  49. package/lib/components/CardHeader/useCardHeaderStyles.js +9 -7
  50. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  51. package/lib/components/CardPreview/CardPreview.js +2 -2
  52. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  53. package/lib/components/CardPreview/renderCardPreview.js +8 -7
  54. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  55. package/lib/components/CardPreview/useCardPreview.js +9 -7
  56. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  57. package/lib/components/CardPreview/useCardPreviewStyles.d.ts +1 -0
  58. package/lib/components/CardPreview/useCardPreviewStyles.js +6 -5
  59. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  60. package/lib-commonjs/Card.js +1 -1
  61. package/lib-commonjs/CardFooter.js +1 -1
  62. package/lib-commonjs/CardHeader.js +1 -1
  63. package/lib-commonjs/CardPreview.js +1 -1
  64. package/lib-commonjs/components/Card/Card.js +6 -6
  65. package/lib-commonjs/components/Card/Card.js.map +1 -1
  66. package/lib-commonjs/components/Card/index.js +1 -1
  67. package/lib-commonjs/components/Card/renderCard.js +9 -10
  68. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  69. package/lib-commonjs/components/Card/useCard.js +11 -11
  70. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  71. package/lib-commonjs/components/Card/useCardStyles.d.ts +1 -0
  72. package/lib-commonjs/components/Card/useCardStyles.js +23 -15
  73. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  74. package/lib-commonjs/components/CardFooter/CardFooter.js +6 -6
  75. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  76. package/lib-commonjs/components/CardFooter/index.js +1 -1
  77. package/lib-commonjs/components/CardFooter/renderCardFooter.js +11 -11
  78. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  79. package/lib-commonjs/components/CardFooter/useCardFooter.js +9 -8
  80. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  81. package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts +1 -0
  82. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +11 -9
  83. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  84. package/lib-commonjs/components/CardHeader/CardHeader.js +6 -6
  85. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  86. package/lib-commonjs/components/CardHeader/index.js +1 -1
  87. package/lib-commonjs/components/CardHeader/renderCardHeader.js +15 -11
  88. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  89. package/lib-commonjs/components/CardHeader/useCardHeader.js +14 -13
  90. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  91. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts +1 -0
  92. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +11 -9
  93. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  94. package/lib-commonjs/components/CardPreview/CardPreview.js +6 -6
  95. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  96. package/lib-commonjs/components/CardPreview/index.js +1 -1
  97. package/lib-commonjs/components/CardPreview/renderCardPreview.js +11 -11
  98. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  99. package/lib-commonjs/components/CardPreview/useCardPreview.js +9 -8
  100. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  101. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts +1 -0
  102. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +8 -7
  103. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  104. package/lib-commonjs/index.js +1 -1
  105. package/package.json +12 -12
  106. package/lib/common/isConformant.d.ts +0 -4
  107. package/lib/common/isConformant.js +0 -11
  108. package/lib/common/isConformant.js.map +0 -1
  109. package/lib-commonjs/common/isConformant.d.ts +0 -4
  110. package/lib-commonjs/common/isConformant.js +0 -22
  111. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -3,20 +3,22 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCardHeaderStyles = void 0;
6
+ exports.useCardHeaderStyles = exports.cardHeaderClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
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_make_styles_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,16 +41,16 @@ 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 = state => {
52
+ const styles = useStyles();
53
+ state.root.className = react_make_styles_1.mergeClasses(exports.cardHeaderClassName, styles.root, state.root.className);
52
54
 
53
55
  if (state.image) {
54
56
  state.image.className = react_make_styles_1.mergeClasses(styles.image, state.image.className);
@@ -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,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,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;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,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,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":""}
@@ -5,20 +5,20 @@ 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);
20
+ exports.CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useCardPreview_1.useCardPreview(props, ref);
22
22
  useCardPreviewStyles_1.useCardPreviewStyles(state);
23
23
  return renderCardPreview_1.renderCardPreview(state);
24
24
  });
@@ -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,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":""}
@@ -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
 
@@ -5,24 +5,24 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderCardPreview = 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");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
11
 
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
-
14
- var useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
12
+ const useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
15
13
  /**
16
14
  * Render the final JSX of CardPreview
17
15
  */
18
16
 
19
17
 
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)));
18
+ const renderCardPreview = state => {
19
+ const {
20
+ slots,
21
+ slotProps
22
+ } = react_utilities_1.getSlots(state, useCardPreview_1.cardPreviewShorthandProps);
23
+ return React.createElement(slots.root, { ...slotProps.root
24
+ }, slotProps.root.children, React.createElement(slots.logo, { ...slotProps.logo
25
+ }));
26
26
  };
27
27
 
28
28
  exports.renderCardPreview = renderCardPreview;
@@ -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;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,iBAAiB,GAAI,KAAD,IAA4B;AAC3D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,EAAkC,gBAAA,CAAA,yBAAlC,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useCardPreview = exports.cardPreviewShorthandProps = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
9
  /**
12
10
  * Array of all shorthand properties listed in CardPreviewShorthandProps
13
11
  */
@@ -24,16 +22,19 @@ exports.cardPreviewShorthandProps = ['root', 'logo'];
24
22
  * @param ref - reference to root HTMLElement of CardPreview
25
23
  */
26
24
 
27
- var useCardPreview = function (props, ref) {
28
- var logo = props.logo;
25
+ const useCardPreview = (props, ref) => {
26
+ const {
27
+ logo
28
+ } = props;
29
29
  return {
30
30
  components: {
31
31
  root: 'div',
32
32
  logo: 'div'
33
33
  },
34
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
35
- ref: ref
36
- }, props)),
34
+ root: react_utilities_1.getNativeElementProps('div', {
35
+ ref,
36
+ ...props
37
+ }),
37
38
  logo: react_utilities_1.resolveShorthand(logo)
38
39
  };
39
40
  };
@@ -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;;AAEG;;;AACU,OAAA,CAAA,yBAAA,GAA2D,CAAC,MAAD,EAAS,MAAT,CAA3D;AAEb;;;;;;;;AAQG;;AACI,MAAM,cAAc,GAAG,CAAC,KAAD,EAA0B,GAA1B,KAA2E;AACvG,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,cAAA,GAAc,cAAd","sourceRoot":""}
@@ -1,4 +1,5 @@
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
  */
@@ -3,15 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCardPreviewStyles = void 0;
6
+ exports.useCardPreviewStyles = exports.cardPreviewClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
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_make_styles_1.__styles({
15
16
  "root": {
16
17
  "qhf8xq": "f10pi13n",
17
18
  "B6of3ja": "f1hu3pq6",
@@ -36,9 +37,9 @@ 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 = state => {
41
+ const styles = useStyles();
42
+ state.root.className = react_make_styles_1.mergeClasses(exports.cardPreviewClassName, styles.root, state.root.className);
42
43
 
43
44
  if (state.logo) {
44
45
  state.logo.className = react_make_styles_1.mergeClasses(styles.logo, state.logo.className);
@@ -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,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,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,MAAM,oBAAoB,GAAI,KAAD,IAA8C;AAChF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,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,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":""}
@@ -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": "0.0.0-nightly050f89bf0020211102.1",
3
+ "version": "0.0.0-nightly07d9ed6d1b20211221.1",
4
4
  "private": false,
5
5
  "description": "Card container components for Fluent UI React.",
6
6
  "main": "lib-commonjs/index.js",
@@ -22,18 +22,19 @@
22
22
  "start": "yarn storybook",
23
23
  "test": "jest",
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": "start-storybook",
27
+ "type-check": "tsc -b tsconfig.json"
27
28
  },
28
29
  "devDependencies": {
29
- "@fluentui/babel-make-styles": "0.0.0-nightly050f89bf0020211102.1",
30
+ "@fluentui/babel-make-styles": "0.0.0-nightly07d9ed6d1b20211221.1",
30
31
  "@fluentui/eslint-plugin": "*",
31
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightly050f89bf0020211102.1",
32
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightly07d9ed6d1b20211221.1",
32
33
  "@fluentui/react-conformance": "*",
33
- "@fluentui/react-conformance-make-styles": "0.0.0-nightly050f89bf0020211102.1",
34
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightly07d9ed6d1b20211221.1",
34
35
  "@fluentui/scripts": "^1.0.0",
35
- "@fluentui/react-text": "0.0.0-nightly050f89bf0020211102.1",
36
- "@fluentui/react-button": "0.0.0-nightly050f89bf0020211102.1",
36
+ "@fluentui/react-text": "0.0.0-nightly07d9ed6d1b20211221.1",
37
+ "@fluentui/react-button": "0.0.0-nightly07d9ed6d1b20211221.1",
37
38
  "@types/enzyme": "3.10.3",
38
39
  "@types/enzyme-adapter-react-16": "1.0.3",
39
40
  "@types/react": "16.9.42",
@@ -46,9 +47,9 @@
46
47
  "react-test-renderer": "^16.3.0"
47
48
  },
48
49
  "dependencies": {
49
- "@fluentui/react-make-styles": "0.0.0-nightly050f89bf0020211102.1",
50
- "@fluentui/react-utilities": "0.0.0-nightly050f89bf0020211102.1",
51
- "@fluentui/react-tabster": "0.0.0-nightly050f89bf0020211102.1",
50
+ "@fluentui/react-make-styles": "0.0.0-nightly07d9ed6d1b20211221.1",
51
+ "@fluentui/react-utilities": "0.0.0-nightly07d9ed6d1b20211221.1",
52
+ "@fluentui/react-tabster": "0.0.0-nightly07d9ed6d1b20211221.1",
52
53
  "tslib": "^2.1.0"
53
54
  },
54
55
  "peerDependencies": {
@@ -58,7 +59,6 @@
58
59
  "react-dom": ">=16.8.0 <18.0.0"
59
60
  },
60
61
  "beachball": {
61
- "tag": "beta",
62
62
  "disallowedChangeTypes": [
63
63
  "major",
64
64
  "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":""}