@fluentui/react-card 0.0.0-nightlya372ad979820211103.1 → 0.0.0-nightlya54302c0b220211124.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 (91) hide show
  1. package/CHANGELOG.json +102 -27
  2. package/CHANGELOG.md +30 -13
  3. package/dist/react-card.d.ts +8 -0
  4. package/lib/components/Card/Card.js +2 -2
  5. package/lib/components/Card/Card.js.map +1 -1
  6. package/lib/components/Card/renderCard.js +6 -7
  7. package/lib/components/Card/renderCard.js.map +1 -1
  8. package/lib/components/Card/useCard.js +10 -9
  9. package/lib/components/Card/useCard.js.map +1 -1
  10. package/lib/components/Card/useCardStyles.d.ts +1 -0
  11. package/lib/components/Card/useCardStyles.js +11 -9
  12. package/lib/components/Card/useCardStyles.js.map +1 -1
  13. package/lib/components/CardFooter/CardFooter.js +2 -2
  14. package/lib/components/CardFooter/CardFooter.js.map +1 -1
  15. package/lib/components/CardFooter/renderCardFooter.js +6 -7
  16. package/lib/components/CardFooter/renderCardFooter.js.map +1 -1
  17. package/lib/components/CardFooter/useCardFooter.js +9 -7
  18. package/lib/components/CardFooter/useCardFooter.js.map +1 -1
  19. package/lib/components/CardFooter/useCardFooterStyles.d.ts +1 -0
  20. package/lib/components/CardFooter/useCardFooterStyles.js +5 -4
  21. package/lib/components/CardFooter/useCardFooterStyles.js.map +1 -1
  22. package/lib/components/CardHeader/CardHeader.js +2 -2
  23. package/lib/components/CardHeader/CardHeader.js.map +1 -1
  24. package/lib/components/CardHeader/renderCardHeader.js +6 -7
  25. package/lib/components/CardHeader/renderCardHeader.js.map +1 -1
  26. package/lib/components/CardHeader/useCardHeader.js +13 -11
  27. package/lib/components/CardHeader/useCardHeader.js.map +1 -1
  28. package/lib/components/CardHeader/useCardHeaderStyles.d.ts +1 -0
  29. package/lib/components/CardHeader/useCardHeaderStyles.js +5 -4
  30. package/lib/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  31. package/lib/components/CardPreview/CardPreview.js +2 -2
  32. package/lib/components/CardPreview/CardPreview.js.map +1 -1
  33. package/lib/components/CardPreview/renderCardPreview.js +6 -7
  34. package/lib/components/CardPreview/renderCardPreview.js.map +1 -1
  35. package/lib/components/CardPreview/useCardPreview.js +9 -7
  36. package/lib/components/CardPreview/useCardPreview.js.map +1 -1
  37. package/lib/components/CardPreview/useCardPreviewStyles.d.ts +1 -0
  38. package/lib/components/CardPreview/useCardPreviewStyles.js +5 -4
  39. package/lib/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  40. package/lib-commonjs/Card.js +1 -1
  41. package/lib-commonjs/CardFooter.js +1 -1
  42. package/lib-commonjs/CardHeader.js +1 -1
  43. package/lib-commonjs/CardPreview.js +1 -1
  44. package/lib-commonjs/components/Card/Card.js +6 -6
  45. package/lib-commonjs/components/Card/Card.js.map +1 -1
  46. package/lib-commonjs/components/Card/index.js +1 -1
  47. package/lib-commonjs/components/Card/renderCard.js +8 -10
  48. package/lib-commonjs/components/Card/renderCard.js.map +1 -1
  49. package/lib-commonjs/components/Card/useCard.js +11 -11
  50. package/lib-commonjs/components/Card/useCard.js.map +1 -1
  51. package/lib-commonjs/components/Card/useCardStyles.d.ts +1 -0
  52. package/lib-commonjs/components/Card/useCardStyles.js +15 -12
  53. package/lib-commonjs/components/Card/useCardStyles.js.map +1 -1
  54. package/lib-commonjs/components/CardFooter/CardFooter.js +6 -6
  55. package/lib-commonjs/components/CardFooter/CardFooter.js.map +1 -1
  56. package/lib-commonjs/components/CardFooter/index.js +1 -1
  57. package/lib-commonjs/components/CardFooter/renderCardFooter.js +9 -11
  58. package/lib-commonjs/components/CardFooter/renderCardFooter.js.map +1 -1
  59. package/lib-commonjs/components/CardFooter/useCardFooter.js +9 -8
  60. package/lib-commonjs/components/CardFooter/useCardFooter.js.map +1 -1
  61. package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts +1 -0
  62. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js +8 -7
  63. package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map +1 -1
  64. package/lib-commonjs/components/CardHeader/CardHeader.js +6 -6
  65. package/lib-commonjs/components/CardHeader/CardHeader.js.map +1 -1
  66. package/lib-commonjs/components/CardHeader/index.js +1 -1
  67. package/lib-commonjs/components/CardHeader/renderCardHeader.js +9 -11
  68. package/lib-commonjs/components/CardHeader/renderCardHeader.js.map +1 -1
  69. package/lib-commonjs/components/CardHeader/useCardHeader.js +14 -13
  70. package/lib-commonjs/components/CardHeader/useCardHeader.js.map +1 -1
  71. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts +1 -0
  72. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js +8 -7
  73. package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map +1 -1
  74. package/lib-commonjs/components/CardPreview/CardPreview.js +6 -6
  75. package/lib-commonjs/components/CardPreview/CardPreview.js.map +1 -1
  76. package/lib-commonjs/components/CardPreview/index.js +1 -1
  77. package/lib-commonjs/components/CardPreview/renderCardPreview.js +9 -11
  78. package/lib-commonjs/components/CardPreview/renderCardPreview.js.map +1 -1
  79. package/lib-commonjs/components/CardPreview/useCardPreview.js +9 -8
  80. package/lib-commonjs/components/CardPreview/useCardPreview.js.map +1 -1
  81. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts +1 -0
  82. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js +8 -7
  83. package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map +1 -1
  84. package/lib-commonjs/index.js +1 -1
  85. package/package.json +12 -12
  86. package/lib/common/isConformant.d.ts +0 -4
  87. package/lib/common/isConformant.js +0 -11
  88. package/lib/common/isConformant.js.map +0 -1
  89. package/lib-commonjs/common/isConformant.d.ts +0 -4
  90. package/lib-commonjs/common/isConformant.js +0 -22
  91. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1,7 +1,6 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
4
- export var cardHeaderShorthandProps = ['root', 'image', 'content', 'header', 'description', 'action'];
3
+ export const cardHeaderShorthandProps = ['root', 'image', 'content', 'header', 'description', 'action'];
5
4
  /**
6
5
  * Create the state required to render CardHeader.
7
6
  *
@@ -12,12 +11,14 @@ export var cardHeaderShorthandProps = ['root', 'image', 'content', 'header', 'de
12
11
  * @param ref - reference to root HTMLElement of CardHeader
13
12
  */
14
13
 
15
- export var useCardHeader = function (props, ref) {
16
- var image = props.image,
17
- content = props.content,
18
- header = props.header,
19
- description = props.description,
20
- action = props.action;
14
+ export const useCardHeader = (props, ref) => {
15
+ const {
16
+ image,
17
+ content,
18
+ header,
19
+ description,
20
+ action
21
+ } = props;
21
22
  return {
22
23
  components: {
23
24
  root: 'div',
@@ -27,9 +28,10 @@ export var useCardHeader = function (props, ref) {
27
28
  description: React.Fragment,
28
29
  action: 'div'
29
30
  },
30
- root: getNativeElementProps('div', __assign({
31
- ref: ref
32
- }, props)),
31
+ root: getNativeElementProps('div', {
32
+ ref,
33
+ ...props
34
+ }),
33
35
  image: resolveShorthand(image, {
34
36
  required: true
35
37
  }),
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA,OAAO,IAAM,wBAAwB,GAAiC,CACpE,MADoE,EAEpE,OAFoE,EAGpE,SAHoE,EAIpE,QAJoE,EAKpE,aALoE,EAMpE,QANoE,CAA/D;AASP;;;;;;;;AAQG;;AACH,OAAO,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,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAAN,CAVtB;AAcL,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAC7B,MAAA,QAAQ,EAAE;AADmB,KAAR,CAdlB;AAiBL,IAAA,OAAO,EAAE,gBAAgB,CAAC,OAAO,IAAI,EAAZ,CAjBpB;AAkBL,IAAA,MAAM,EAAE,gBAAgB,CAAC,MAAD,EAAS;AAC/B,MAAA,QAAQ,EAAE;AADqB,KAAT,CAlBnB;AAqBL,IAAA,WAAW,EAAE,gBAAgB,CAAC,WAAD,EAAc;AACzC,MAAA,QAAQ,EAAE;AAD+B,KAAd,CArBxB;AAwBL,IAAA,MAAM,EAAE,gBAAgB,CAAC,MAAD;AAxBnB,GAAP;AA0BD,CA7BM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA,OAAO,MAAM,wBAAwB,GAAiC,CACpE,MADoE,EAEpE,OAFoE,EAGpE,SAHoE,EAIpE,QAJoE,EAKpE,aALoE,EAMpE,QANoE,CAA/D;AASP;;;;;;;;AAQG;;AACH,OAAO,MAAM,aAAa,GAAG,CAAC,KAAD,EAAyB,GAAzB,KAAyE;AACpG,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,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR,CAVtB;AAcL,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAC7B,MAAA,QAAQ,EAAE;AADmB,KAAR,CAdlB;AAiBL,IAAA,OAAO,EAAE,gBAAgB,CAAC,OAAO,IAAI,EAAZ,CAjBpB;AAkBL,IAAA,MAAM,EAAE,gBAAgB,CAAC,MAAD,EAAS;AAC/B,MAAA,QAAQ,EAAE;AADqB,KAAT,CAlBnB;AAqBL,IAAA,WAAW,EAAE,gBAAgB,CAAC,WAAD,EAAc;AACzC,MAAA,QAAQ,EAAE;AAD+B,KAAd,CArBxB;AAwBL,IAAA,MAAM,EAAE,gBAAgB,CAAC,MAAD;AAxBnB,GAAP;AA0BD,CA7BM","sourceRoot":""}
@@ -1,4 +1,5 @@
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
  */
@@ -1,9 +1,10 @@
1
1
  import { __styles, mergeClasses } from '@fluentui/react-make-styles';
2
+ export const cardHeaderClassName = 'fui-CardHeader';
2
3
  /**
3
4
  * Styles for the root slot
4
5
  */
5
6
 
6
- var useStyles = /*#__PURE__*/__styles({
7
+ const useStyles = /*#__PURE__*/__styles({
7
8
  "root": {
8
9
  "mc9l5x": "f22iagw",
9
10
  "Beiy3e4": "f1063pyq",
@@ -38,9 +39,9 @@ var useStyles = /*#__PURE__*/__styles({
38
39
  */
39
40
 
40
41
 
41
- export var useCardHeaderStyles = function (state) {
42
- var styles = useStyles();
43
- state.root.className = mergeClasses(styles.root, state.root.className);
42
+ export const useCardHeaderStyles = state => {
43
+ const styles = useStyles();
44
+ state.root.className = mergeClasses(cardHeaderClassName, styles.root, state.root.className);
44
45
 
45
46
  if (state.image) {
46
47
  state.image.className = mergeClasses(styles.image, state.image.className);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;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;;;AACH,OAAO,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,YAAY,CAAC,MAAM,CAAC,KAAR,EAAe,KAAK,CAAC,KAAN,CAAY,SAA3B,CAApC;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CAAC,MAAM,CAAC,aAAR,EAAuB,KAAK,CAAC,OAAN,CAAc,SAArC,CAAtC;AACD;;AAED,SAAO,KAAP;AACD,CAbM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,mBAAmB,GAAG,gBAA5B;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;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;;;AACH,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,mBAAD,EAAsB,MAAM,CAAC,IAA7B,EAAmC,KAAK,CAAC,IAAN,CAAW,SAA9C,CAAnC;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,YAAY,CAAC,MAAM,CAAC,KAAR,EAAe,KAAK,CAAC,KAAN,CAAY,SAA3B,CAApC;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY,CAAC,MAAM,CAAC,aAAR,EAAuB,KAAK,CAAC,OAAN,CAAc,SAArC,CAAtC;AACD;;AAED,SAAO,KAAP;AACD,CAbM","sourceRoot":""}
@@ -6,8 +6,8 @@ import { useCardPreviewStyles } from './useCardPreviewStyles';
6
6
  * Component to render image previews of documents or articles in a Card component.
7
7
  */
8
8
 
9
- export var CardPreview = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useCardPreview(props, ref);
9
+ export const CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useCardPreview(props, ref);
11
11
  useCardPreviewStyles(state);
12
12
  return renderCardPreview(state);
13
13
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAIA;;AAEG;;AACH,OAAO,IAAM,WAAW,gBAA0C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5F,MAAM,KAAK,GAAG,cAAc,CAAC,KAAD,EAAQ,GAAR,CAA5B;AAEA,EAAA,oBAAoB,CAAC,KAAD,CAApB;AACA,SAAO,iBAAiB,CAAC,KAAD,CAAxB;AACD,CALiE,CAA3D;AAOP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAIA;;AAEG;;AACH,OAAO,MAAM,WAAW,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAChG,QAAM,KAAK,GAAG,cAAc,CAAC,KAAD,EAAQ,GAAR,CAA5B;AAEA,EAAA,oBAAoB,CAAC,KAAD,CAApB;AACA,SAAO,iBAAiB,CAAC,KAAD,CAAxB;AACD,CALiE,CAA3D;AAOP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourceRoot":""}
@@ -1,4 +1,3 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getSlots } from '@fluentui/react-utilities';
4
3
  import { cardPreviewShorthandProps } from './useCardPreview';
@@ -6,11 +5,11 @@ import { cardPreviewShorthandProps } from './useCardPreview';
6
5
  * Render the final JSX of CardPreview
7
6
  */
8
7
 
9
- export var renderCardPreview = function (state) {
10
- var _a = getSlots(state, cardPreviewShorthandProps),
11
- slots = _a.slots,
12
- slotProps = _a.slotProps;
13
-
14
- return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), slotProps.root.children, /*#__PURE__*/React.createElement(slots.logo, __assign({}, slotProps.logo)));
8
+ export const renderCardPreview = state => {
9
+ const {
10
+ slots,
11
+ slotProps
12
+ } = getSlots(state, cardPreviewShorthandProps);
13
+ return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children, /*#__PURE__*/React.createElement(slots.logo, Object.assign({}, slotProps.logo)));
15
14
  };
16
15
  //# sourceMappingURL=renderCardPreview.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,yBAAT,QAA0C,kBAA1C;AAGA;;AAEG;;AACH,OAAO,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,QAAQ,CAAmB,KAAnB,EAA0B,yBAA1B,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,yBAAT,QAA0C,kBAA1C;AAGA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAI,KAAD,IAA4B;AAC3D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAmB,KAAnB,EAA0B,yBAA1B,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM","sourceRoot":""}
@@ -1,10 +1,9 @@
1
- import { __assign } from "tslib";
2
1
  import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
3
2
  /**
4
3
  * Array of all shorthand properties listed in CardPreviewShorthandProps
5
4
  */
6
5
 
7
- export var cardPreviewShorthandProps = ['root', 'logo'];
6
+ export const cardPreviewShorthandProps = ['root', 'logo'];
8
7
  /**
9
8
  * Create the state required to render CardPreview.
10
9
  *
@@ -15,16 +14,19 @@ export var cardPreviewShorthandProps = ['root', 'logo'];
15
14
  * @param ref - reference to root HTMLElement of CardPreview
16
15
  */
17
16
 
18
- export var useCardPreview = function (props, ref) {
19
- var logo = props.logo;
17
+ export const useCardPreview = (props, ref) => {
18
+ const {
19
+ logo
20
+ } = props;
20
21
  return {
21
22
  components: {
22
23
  root: 'div',
23
24
  logo: 'div'
24
25
  },
25
- root: getNativeElementProps('div', __assign({
26
- ref: ref
27
- }, props)),
26
+ root: getNativeElementProps('div', {
27
+ ref,
28
+ ...props
29
+ }),
28
30
  logo: resolveShorthand(logo)
29
31
  };
30
32
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;AAEG;;AACH,OAAO,IAAM,yBAAyB,GAAkC,CAAC,MAAD,EAAS,MAAT,CAAjE;AAEP;;;;;;;;AAQG;;AACH,OAAO,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,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAAN,CANtB;AAUL,IAAA,IAAI,EAAE,gBAAgB,CAAC,IAAD;AAVjB,GAAP;AAYD,CAdM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAkC,CAAC,MAAD,EAAS,MAAT,CAAjE;AAEP;;;;;;;;AAQG;;AACH,OAAO,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,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR,CANtB;AAUL,IAAA,IAAI,EAAE,gBAAgB,CAAC,IAAD;AAVjB,GAAP;AAYD,CAdM","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
  */
@@ -1,9 +1,10 @@
1
1
  import { __styles, mergeClasses } from '@fluentui/react-make-styles';
2
+ export const cardPreviewClassName = 'fui-CardPreview';
2
3
  /**
3
4
  * Styles for the root slot
4
5
  */
5
6
 
6
- var useStyles = /*#__PURE__*/__styles({
7
+ const useStyles = /*#__PURE__*/__styles({
7
8
  "root": {
8
9
  "qhf8xq": "f10pi13n",
9
10
  "B6of3ja": "f1hu3pq6",
@@ -28,9 +29,9 @@ var useStyles = /*#__PURE__*/__styles({
28
29
  */
29
30
 
30
31
 
31
- export var useCardPreviewStyles = function (state) {
32
- var styles = useStyles();
33
- state.root.className = mergeClasses('fluentui-react-card-preview', styles.root, state.root.className);
32
+ export const useCardPreviewStyles = state => {
33
+ const styles = useStyles();
34
+ state.root.className = mergeClasses(cardPreviewClassName, styles.root, state.root.className);
34
35
 
35
36
  if (state.logo) {
36
37
  state.logo.className = mergeClasses(styles.logo, state.logo.className);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACH,OAAO,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,6BAAD,EAAgC,MAAM,CAAC,IAAvC,EAA6C,KAAK,CAAC,IAAN,CAAW,SAAxD,CAAnC;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;AACD;;AAED,SAAO,KAAP;AACD,CATM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACH,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAA8C;AAChF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,oBAAD,EAAuB,MAAM,CAAC,IAA9B,EAAoC,KAAK,CAAC,IAAN,CAAW,SAA/C,CAAnC;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;AACD;;AAED,SAAO,KAAP;AACD,CATM","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("./components/Card/index"), exports);
10
10
  //# sourceMappingURL=Card.js.map
@@ -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("./components/CardFooter/index"), exports);
10
10
  //# sourceMappingURL=CardFooter.js.map
@@ -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("./components/CardHeader/index"), exports);
10
10
  //# sourceMappingURL=CardHeader.js.map
@@ -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("./components/CardPreview/index"), exports);
10
10
  //# sourceMappingURL=CardPreview.js.map
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Card = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var useCard_1 = /*#__PURE__*/require("./useCard");
10
+ const useCard_1 = /*#__PURE__*/require("./useCard");
11
11
 
12
- var renderCard_1 = /*#__PURE__*/require("./renderCard");
12
+ const renderCard_1 = /*#__PURE__*/require("./renderCard");
13
13
 
14
- var useCardStyles_1 = /*#__PURE__*/require("./useCardStyles");
14
+ const useCardStyles_1 = /*#__PURE__*/require("./useCardStyles");
15
15
  /**
16
16
  * A card provides scaffolding for hosting actions and content for a single topic.
17
17
  */
18
18
 
19
19
 
20
- exports.Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useCard_1.useCard(props, ref);
20
+ exports.Card = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useCard_1.useCard(props, ref);
22
22
  useCardStyles_1.useCardStyles(state);
23
23
  return renderCard_1.renderCard(state);
24
24
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9E,MAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AACA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP;AACD,CALmD,CAAvC;AAOb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AACA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP;AACD,CALmD,CAAvC;AAOb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","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
 
@@ -5,22 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderCard = 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");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
11
  /**
14
12
  * Render the final JSX of Card
15
13
  */
16
14
 
17
15
 
18
- var renderCard = function (state) {
19
- var _a = react_utilities_1.getSlots(state),
20
- slots = _a.slots,
21
- slotProps = _a.slotProps;
22
-
23
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
16
+ const renderCard = state => {
17
+ const {
18
+ slots,
19
+ slotProps
20
+ } = react_utilities_1.getSlots(state);
21
+ return React.createElement(slots.root, Object.assign({}, slotProps.root));
24
22
  };
25
23
 
26
24
  exports.renderCard = renderCard;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Card/renderCard.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,UAAU,GAAG,UAAC,KAAD,EAAiB;AACnC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Card/renderCard.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,UAAU,GAAI,KAAD,IAAqB;AAC7C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useCard = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
9
 
10
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
-
12
- var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
10
+ const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
13
11
  /**
14
12
  * Create the state required to render Card.
15
13
  *
@@ -21,18 +19,20 @@ var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
21
19
  */
22
20
 
23
21
 
24
- var useCard = function (props, ref) {
25
- var groupperAttrs = react_tabster_1.useFocusableGroup({
26
- tabBehavior: react_tabster_1.FocusableGroupTabBehavior.LimitedTrapFocus
22
+ const useCard = (props, ref) => {
23
+ const groupperAttrs = react_tabster_1.useFocusableGroup({
24
+ tabBehavior: 'limitedTrapFocus'
27
25
  });
28
26
  return {
29
27
  components: {
30
28
  root: 'div'
31
29
  },
32
- root: react_utilities_1.getNativeElementProps(props.as || 'div', tslib_1.__assign(tslib_1.__assign({
33
- ref: ref,
34
- role: 'group'
35
- }, groupperAttrs), props))
30
+ root: react_utilities_1.getNativeElementProps(props.as || 'div', {
31
+ ref,
32
+ role: 'group',
33
+ ...groupperAttrs,
34
+ ...props
35
+ })
36
36
  };
37
37
  };
38
38
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Card/useCard.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAEA;;;;;;;;AAQG;;;AACI,IAAM,OAAO,GAAG,UAAC,KAAD,EAAmB,GAAnB,EAA8C;AACnE,MAAM,aAAa,GAAG,eAAA,CAAA,iBAAA,CAAkB;AACtC,IAAA,WAAW,EAAE,eAAA,CAAA,yBAAA,CAA0B;AADD,GAAlB,CAAtB;AAIA,SAAO;AACL,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KADP;AAGL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAK,CAAC,EAAN,IAAY,KAAlC,EAAuC,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAC3C,MAAA,GAAG,EAAA,GADwC;AAE3C,MAAA,IAAI,EAAE;AAFqC,KAAA,EAGxC,aAHwC,CAAA,EAIxC,KAJwC,CAAvC;AAHD,GAAP;AAUD,CAfM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Card/useCard.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAEA;;;;;;;;AAQG;;;AACI,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;AAClF,QAAM,aAAa,GAAG,eAAA,CAAA,iBAAA,CAAkB;AACtC,IAAA,WAAW,EAAE;AADyB,GAAlB,CAAtB;AAIA,SAAO;AACL,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KADP;AAGL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAK,CAAC,EAAN,IAAY,KAAlC,EAAyC;AAC7C,MAAA,GAD6C;AAE7C,MAAA,IAAI,EAAE,OAFuC;AAG7C,SAAG,aAH0C;AAI7C,SAAG;AAJ0C,KAAzC;AAHD,GAAP;AAUD,CAfM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
@@ -1,4 +1,5 @@
1
1
  import type { CardState } from './Card.types';
2
+ export declare const cardClassName = "fui-Card";
2
3
  /**
3
4
  * Apply styling to the Card slots based on the state
4
5
  */
@@ -3,20 +3,23 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useCardStyles = void 0;
6
+ exports.useCardStyles = exports.cardClassName = 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
+ const index_1 = /*#__PURE__*/require("../CardPreview/index");
11
+
12
+ exports.cardClassName = 'fui-Card';
9
13
  /**
10
14
  * Styles for the root slot
11
15
  */
12
16
 
13
-
14
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
17
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
18
  "root": {
16
19
  "mc9l5x": "f22iagw",
17
20
  "Beiy3e4": "f1vx9l62",
18
21
  "Bpg54ce": "f1a3p1vp",
19
- "E5pizo": ["f1whvlc6", "fzb35q0"],
22
+ "E5pizo": "f1whvlc6",
20
23
  "sj55zd": "f19n0e5",
21
24
  "De3pzq": "fxugw4r",
22
25
  "z8tnut": "f1kcqot9",
@@ -25,9 +28,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
28
  "uwmqm3": ["fjlbh76", "f11qrl6u"],
26
29
  "rmohyg": "fsbu5mz",
27
30
  "Dimara": "ft85np5",
28
- "Beromem": ["f1kp1iwg", "f1819hsr"],
29
- "tyvvez": ["f1819hsr", "f1kp1iwg"],
30
- "kr49nh": "fthnjpr"
31
+ "Bt4kzjz": ["fwanz6y", "f1sdy22h"],
32
+ "B1ou843": ["f1sdy22h", "fwanz6y"],
33
+ "Bx3mhbb": "f12h22a6"
31
34
  },
32
35
  "interactive": {
33
36
  "Bceei9c": "f1k6fduh",
@@ -35,7 +38,7 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
35
38
  "ecr2s2": "fb40n2d"
36
39
  }
37
40
  }, {
38
- "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--shadow-4);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fsbu5mz{gap:12px;}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1kp1iwg>.fluentui-react-card-preview{margin-left:-12px;}", ".f1819hsr>.fluentui-react-card-preview{margin-right:-12px;}", ".fthnjpr>.fluentui-react-card-preview:first-child{margin-top:-12px;}", ".f1k6fduh{cursor:pointer;}"],
41
+ "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1a3p1vp{overflow:hidden;}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fsbu5mz{gap:12px;}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fwanz6y>.fui-CardPreview{margin-left:-12px;}", ".f1sdy22h>.fui-CardPreview{margin-right:-12px;}", ".f12h22a6>.fui-CardPreview:first-child{margin-top:-12px;}", ".f1k6fduh{cursor:pointer;}"],
39
42
  "h": [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}"],
40
43
  "a": [".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}"]
41
44
  });
@@ -44,9 +47,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
44
47
  */
45
48
 
46
49
 
47
- var useCardStyles = function (state) {
48
- var styles = useStyles();
49
- state.root.className = react_make_styles_1.mergeClasses(styles.root, (state.root.onClick || state.root.onMouseUp || state.root.onMouseDown || state.root.onPointerUp || state.root.onPointerDown || state.root.onTouchStart || state.root.onTouchEnd) && styles.interactive, state.root.className);
50
+ const useCardStyles = state => {
51
+ const styles = useStyles();
52
+ state.root.className = react_make_styles_1.mergeClasses(exports.cardClassName, styles.root, (state.root.onClick || state.root.onMouseUp || state.root.onMouseDown || state.root.onPointerUp || state.root.onPointerDown || state.root.onTouchStart || state.root.onTouchEnd) && styles.interactive, state.root.className);
50
53
  return state;
51
54
  };
52
55
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Card/useCardStyles.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,EAAlB;AAqCA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAiB;AAC5C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,CAAC,KAAK,CAAC,IAAN,CAAW,OAAX,IACC,KAAK,CAAC,IAAN,CAAW,SADZ,IAEC,KAAK,CAAC,IAAN,CAAW,WAFZ,IAGC,KAAK,CAAC,IAAN,CAAW,WAHZ,IAIC,KAAK,CAAC,IAAN,CAAW,aAJZ,IAKC,KAAK,CAAC,IAAN,CAAW,YALZ,IAMC,KAAK,CAAC,IAAN,CAAW,UANb,KAOE,MAAM,CAAC,WATY,EAUrB,KAAK,CAAC,IAAN,CAAW,SAVU,CAAvB;AAaA,SAAO,KAAP;AACD,CAhBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Card/useCardStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,GAAgB,UAAhB;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,EAAlB;AAqCA;;AAEG;;;AACI,MAAM,aAAa,GAAI,KAAD,IAAgC;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,aADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,CAAC,KAAK,CAAC,IAAN,CAAW,OAAX,IACC,KAAK,CAAC,IAAN,CAAW,SADZ,IAEC,KAAK,CAAC,IAAN,CAAW,WAFZ,IAGC,KAAK,CAAC,IAAN,CAAW,WAHZ,IAIC,KAAK,CAAC,IAAN,CAAW,aAJZ,IAKC,KAAK,CAAC,IAAN,CAAW,YALZ,IAMC,KAAK,CAAC,IAAN,CAAW,UANb,KAOE,MAAM,CAAC,WAVY,EAWrB,KAAK,CAAC,IAAN,CAAW,SAXU,CAAvB;AAcA,SAAO,KAAP;AACD,CAjBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.CardFooter = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var useCardFooter_1 = /*#__PURE__*/require("./useCardFooter");
10
+ const useCardFooter_1 = /*#__PURE__*/require("./useCardFooter");
11
11
 
12
- var renderCardFooter_1 = /*#__PURE__*/require("./renderCardFooter");
12
+ const renderCardFooter_1 = /*#__PURE__*/require("./renderCardFooter");
13
13
 
14
- var useCardFooterStyles_1 = /*#__PURE__*/require("./useCardFooterStyles");
14
+ const useCardFooterStyles_1 = /*#__PURE__*/require("./useCardFooterStyles");
15
15
  /**
16
16
  * Component to render Button actions in a Card component.
17
17
  */
18
18
 
19
19
 
20
- exports.CardFooter = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useCardFooter_1.useCardFooter(props, ref);
20
+ exports.CardFooter = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useCardFooter_1.useCardFooter(props, ref);
22
22
  useCardFooterStyles_1.useCardFooterStyles(state);
23
23
  return renderCardFooter_1.renderCardFooter(state);
24
24
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardFooter/CardFooter.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAmD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC1F,MAAM,KAAK,GAAG,eAAA,CAAA,aAAA,CAAc,KAAd,EAAqB,GAArB,CAAd;AAEA,EAAA,qBAAA,CAAA,mBAAA,CAAoB,KAApB;AACA,SAAO,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAP;AACD,CAL+D,CAAnD;AAOb,OAAA,CAAA,UAAA,CAAW,WAAX,GAAyB,YAAzB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/CardFooter.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAmD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC9F,QAAM,KAAK,GAAG,eAAA,CAAA,aAAA,CAAc,KAAd,EAAqB,GAArB,CAAd;AAEA,EAAA,qBAAA,CAAA,mBAAA,CAAoB,KAApB;AACA,SAAO,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAP;AACD,CAL+D,CAAnD;AAOb,OAAA,CAAA,UAAA,CAAW,WAAX,GAAyB,YAAzB","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("./CardFooter"), exports);
10
10
 
@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderCardFooter = 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 useCardFooter_1 = /*#__PURE__*/require("./useCardFooter");
12
+ const useCardFooter_1 = /*#__PURE__*/require("./useCardFooter");
15
13
  /**
16
14
  * Render the final JSX of CardFooter
17
15
  */
18
16
 
19
17
 
20
- var renderCardFooter = function (state) {
21
- var _a = react_utilities_1.getSlots(state, useCardFooter_1.cardFooterShorthandProps),
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.action, tslib_1.__assign({}, slotProps.action)));
18
+ const renderCardFooter = state => {
19
+ const {
20
+ slots,
21
+ slotProps
22
+ } = react_utilities_1.getSlots(state, useCardFooter_1.cardFooterShorthandProps);
23
+ return React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children, React.createElement(slots.action, Object.assign({}, slotProps.action)));
26
24
  };
27
25
 
28
26
  exports.renderCardFooter = renderCardFooter;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;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,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/renderCardFooter.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,gBAAgB,GAAI,KAAD,IAA2B;AACzD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,EAAiC,eAAA,CAAA,wBAAjC,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useCardFooter = exports.cardFooterShorthandProps = 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 CardFooterShorthandProps
13
11
  */
@@ -24,16 +22,19 @@ exports.cardFooterShorthandProps = ['root', 'action'];
24
22
  * @param ref - reference to root HTMLElement of CardFooter
25
23
  */
26
24
 
27
- var useCardFooter = function (props, ref) {
28
- var action = props.action;
25
+ const useCardFooter = (props, ref) => {
26
+ const {
27
+ action
28
+ } = props;
29
29
  return {
30
30
  components: {
31
31
  root: 'div',
32
32
  action: '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
  action: react_utilities_1.resolveShorthand(action)
38
39
  };
39
40
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/CardFooter/useCardFooter.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,wBAAA,GAAyD,CAAC,MAAD,EAAS,QAAT,CAAzD;AAEb;;;;;;;;AAQG;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAyB,GAAzB,EAAoD;AACvE,MAAA,MAAM,GAAK,KAAK,CAAV,MAAN;AAER,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,MAAM,EAAE;AAFE,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,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,MAAjB;AAVH,GAAP;AAYD,CAfM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/CardFooter/useCardFooter.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,wBAAA,GAAyD,CAAC,MAAD,EAAS,QAAT,CAAzD;AAEb;;;;;;;;AAQG;;AACI,MAAM,aAAa,GAAG,CAAC,KAAD,EAAyB,GAAzB,KAAyE;AACpG,QAAM;AAAE,IAAA;AAAF,MAAa,KAAnB;AAEA,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,MAAM,EAAE;AAFE,KADP;AAML,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B,CAND;AAUL,IAAA,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,MAAjB;AAVH,GAAP;AAYD,CAfM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}