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

package/lib-commonjs/components/CardPreview/useCardPreview.js

@@ -3,41 +3,63 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardPreview = exports.cardPreviewShorthandProps = void 0;
-
+exports.useCardPreview_unstable = void 0;
+const React = /*#__PURE__*/require("react");
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Array of all shorthand properties listed in CardPreviewShorthandProps
- */
-
-
-exports.cardPreviewShorthandProps = ['root', 'logo'];
+const CardContext_1 = /*#__PURE__*/require("../Card/CardContext");
+const useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
 /**
  * Create the state required to render CardPreview.
  *
- * The returned state can be modified with hooks such as useCardPreviewStyles,
- * before being passed to renderCardPreview.
+ * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,
+ * before being passed to renderCardPreview_unstable.
  *
  * @param props - props from this instance of CardPreview
  * @param ref - reference to root HTMLElement of CardPreview
  */
-
-const useCardPreview = (props, ref) => {
+const useCardPreview_unstable = (props, ref) => {
   const {
     logo
   } = props;
+  const {
+    selectableA11yProps: {
+      referenceLabel,
+      referenceId,
+      setReferenceLabel,
+      setReferenceId
+    }
+  } = CardContext_1.useCardContext_unstable();
+  const previewRef = react_utilities_1.useMergedRefs(ref, React.useRef(null));
+  React.useEffect(() => {
+    if (referenceLabel && referenceId) {
+      return;
+    }
+    if (previewRef.current && previewRef.current.parentNode) {
+      const img = previewRef.current.parentNode.querySelector(`.${useCardPreviewStyles_1.cardPreviewClassNames.root} > img`);
+      if (img) {
+        const ariaLabel = img.getAttribute('aria-label');
+        const ariaDescribedby = img.getAttribute('aria-describedby');
+        if (ariaDescribedby) {
+          setReferenceId(ariaDescribedby);
+        } else if (img.alt) {
+          setReferenceLabel(img.alt);
+        } else if (ariaLabel) {
+          setReferenceLabel(ariaLabel);
+        }
+      }
+    }
+  }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);
   return {
     components: {
       root: 'div',
       logo: 'div'
     },
     root: react_utilities_1.getNativeElementProps('div', {
-      ref,
+      ref: previewRef,
       ...props
     }),
     logo: react_utilities_1.resolveShorthand(logo)
   };
 };
-
-exports.useCardPreview = useCardPreview;
+exports.useCardPreview_unstable = useCardPreview_unstable;
 //# sourceMappingURL=useCardPreview.js.map

package/lib-commonjs/components/CardPreview/useCardPreview.js.map

@@ -1 +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":""}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAEA;;;;;;;;;AASO,MAAMA,uBAAuB,GAAG,CAACC,KAAuB,EAAEC,GAA2B,KAAsB;EAChH,MAAM;IAAEC;EAAI,CAAE,GAAGF,KAAK;EAEtB,MAAM;IACJG,mBAAmB,EAAE;MAAEC,cAAc;MAAEC,WAAW;MAAEC,iBAAiB;MAAEC;IAAc;EAAE,CACxF,GAAGC,qCAAuB,EAAE;EAC7B,MAAMC,UAAU,GAAGC,+BAAa,CAACT,GAAG,EAAEU,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAC;EAEzED,KAAK,CAACE,SAAS,CAAC,MAAK;IACnB,IAAIT,cAAc,IAAIC,WAAW,EAAE;MACjC;;IAGF,IAAII,UAAU,CAACK,OAAO,IAAIL,UAAU,CAACK,OAAO,CAACC,UAAU,EAAE;MACvD,MAAMC,GAAG,GAAGP,UAAU,CAACK,OAAO,CAACC,UAAU,CAACE,aAAa,CAAmB,IAAIC,4CAAqB,CAACC,IAAI,QAAQ,CAAC;MAEjH,IAAIH,GAAG,EAAE;QACP,MAAMI,SAAS,GAAGJ,GAAG,CAACK,YAAY,CAAC,YAAY,CAAC;QAChD,MAAMC,eAAe,GAAGN,GAAG,CAACK,YAAY,CAAC,kBAAkB,CAAC;QAE5D,IAAIC,eAAe,EAAE;UACnBf,cAAc,CAACe,eAAe,CAAC;SAChC,MAAM,IAAIN,GAAG,CAACO,GAAG,EAAE;UAClBjB,iBAAiB,CAACU,GAAG,CAACO,GAAG,CAAC;SAC3B,MAAM,IAAIH,SAAS,EAAE;UACpBd,iBAAiB,CAACc,SAAS,CAAC;;;;EAIpC,CAAC,EAAE,CAACd,iBAAiB,EAAEF,cAAc,EAAEK,UAAU,EAAEJ,WAAW,EAAEE,cAAc,CAAC,CAAC;EAEhF,OAAO;IACLiB,UAAU,EAAE;MACVL,IAAI,EAAE,KAAK;MACXjB,IAAI,EAAE;KACP;IAEDiB,IAAI,EAAET,uCAAqB,CAAC,KAAK,EAAE;MACjCT,GAAG,EAAEQ,UAAU;MACf,GAAGT;KACJ,CAAC;IACFE,IAAI,EAAEQ,kCAAgB,CAACR,IAAI;GAC5B;AACH,CAAC;AA3CYuB,+BAAuB","names":["useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","CardContext_1","previewRef","react_utilities_1","React","useRef","useEffect","current","parentNode","img","querySelector","useCardPreviewStyles_1","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-card/src/components/CardPreview/useCardPreview.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewState } from './CardPreview.types';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles';\n\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */\nexport const useCardPreview_unstable = (props: CardPreviewProps, ref: React.Ref<HTMLElement>): CardPreviewState => {\n  const { logo } = props;\n\n  const {\n    selectableA11yProps: { referenceLabel, referenceId, setReferenceLabel, setReferenceId },\n  } = useCardContext_unstable();\n  const previewRef = useMergedRefs(ref, React.useRef<HTMLDivElement>(null));\n\n  React.useEffect(() => {\n    if (referenceLabel && referenceId) {\n      return;\n    }\n\n    if (previewRef.current && previewRef.current.parentNode) {\n      const img = previewRef.current.parentNode.querySelector<HTMLImageElement>(`.${cardPreviewClassNames.root} > img`);\n\n      if (img) {\n        const ariaLabel = img.getAttribute('aria-label');\n        const ariaDescribedby = img.getAttribute('aria-describedby');\n\n        if (ariaDescribedby) {\n          setReferenceId(ariaDescribedby);\n        } else if (img.alt) {\n          setReferenceLabel(img.alt);\n        } else if (ariaLabel) {\n          setReferenceLabel(ariaLabel);\n        }\n      }\n    }\n  }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);\n\n  return {\n    components: {\n      root: 'div',\n      logo: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ref: previewRef,\n      ...props,\n    }),\n    logo: resolveShorthand(logo),\n  };\n};\n"]}

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js

@@ -3,50 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardPreviewStyles = exports.cardPreviewClassName = void 0;
-
-const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
-
-exports.cardPreviewClassName = 'fui-CardPreview';
+exports.useCardPreviewStyles_unstable = exports.cardPreviewClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
 /**
- * Styles for the root slot
+ * Static CSS class names used internally for the component slots.
  */
-
-const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
-  "root": {
-    "qhf8xq": "f10pi13n",
-    "B6of3ja": "f1hu3pq6",
-    "t21cq0": ["f8nhgx1", "f16yxz7i"],
-    "jrapky": "f19f4twv",
-    "Frg6f3": ["f16yxz7i", "f8nhgx1"],
-    "Bb0eobv": "floiv14",
-    "m1g0b5": "f1r7p6p5"
+exports.cardPreviewClassNames = {
+  root: 'fui-CardPreview',
+  logo: 'fui-CardPreview__logo'
+};
+const useStyles = /*#__PURE__*/react_1.__styles({
+  root: {
+    qhf8xq: "f10pi13n",
+    pnb5jt: "f1rzl30s",
+    Elg2ur: "f1chxnfo",
+    B184ckt: "f17xb19f"
   },
-  "logo": {
-    "qhf8xq": "f1euv43f",
-    "B5kzvoi": "f1gcvs1y",
-    "oyh7mz": ["f1t6tvco", "ffrfxm3"],
-    "a9b677": "f1szoe96",
-    "Bqenvij": "f1d2rq10"
+  logo: {
+    qhf8xq: "f1euv43f",
+    B5kzvoi: "f1gcvs1y",
+    oyh7mz: ["f1t6tvco", "ffrfxm3"],
+    a9b677: "f1szoe96",
+    Bqenvij: "f1d2rq10"
   }
 }, {
-  "d": [".f10pi13n{position:relative;}", ".f1hu3pq6{margin-top:0;}", ".f8nhgx1{margin-right:-12px;}", ".f16yxz7i{margin-left:-12px;}", ".f19f4twv{margin-bottom:0;}", ".floiv14>*{display:block;}", ".f1r7p6p5>*{width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
+  d: [".f10pi13n{position:relative;}", ".f1rzl30s>:not(.fui-CardPreview__logo){display:block;}", ".f1chxnfo>:not(.fui-CardPreview__logo){height:100%;}", ".f17xb19f>:not(.fui-CardPreview__logo){width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
 });
 /**
- * Apply styling to the CardPreview slots based on the state
+ * Apply styling to the CardPreview slots based on the state.
  */
-
-
-const useCardPreviewStyles = state => {
+const useCardPreviewStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(exports.cardPreviewClassName, styles.root, state.root.className);
-
+  state.root.className = react_1.mergeClasses(exports.cardPreviewClassNames.root, styles.root, state.root.className);
   if (state.logo) {
-    state.logo.className = react_make_styles_1.mergeClasses(styles.logo, state.logo.className);
+    state.logo.className = react_1.mergeClasses(exports.cardPreviewClassNames.logo, styles.logo, state.logo.className);
   }
-
   return state;
 };
-
-exports.useCardPreviewStyles = useCardPreviewStyles;
+exports.useCardPreviewStyles_unstable = useCardPreviewStyles_unstable;
 //# sourceMappingURL=useCardPreviewStyles.js.map

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map

@@ -1 +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":""}
+{"version":3,"mappings":";;;;;;AACA;AAGA;;;AAGaA,6BAAqB,GAAqC;EACrEC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAkB1B;AAEF;;;AAGO,MAAMC,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,MAAM,GAAGJ,SAAS,EAAE;EAC1BG,KAAK,CAACL,IAAI,CAACO,SAAS,GAAGJ,oBAAY,CAACJ,6BAAqB,CAACC,IAAI,EAAEM,MAAM,CAACN,IAAI,EAAEK,KAAK,CAACL,IAAI,CAACO,SAAS,CAAC;EAElG,IAAIF,KAAK,CAACJ,IAAI,EAAE;IACdI,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGJ,oBAAY,CAACJ,6BAAqB,CAACE,IAAI,EAAEK,MAAM,CAACL,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;;EAGpG,OAAOF,KAAK;AACd,CAAC;AATYN,qCAA6B","names":["exports","root","logo","useStyles","react_1","useCardPreviewStyles_unstable","state","styles","className"],"sourceRoot":"../src/","sources":["packages/react-components/react-card/src/components/CardPreview/useCardPreviewStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CardPreviewSlots, CardPreviewState } from './CardPreview.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames: SlotClassNames<CardPreviewSlots> = {\n  root: 'fui-CardPreview',\n  logo: 'fui-CardPreview__logo',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n\n    [`> :not(.${cardPreviewClassNames.logo})`]: {\n      display: 'block',\n      height: '100%',\n      width: '100%',\n    },\n  },\n\n  logo: {\n    position: 'absolute',\n    bottom: '12px',\n    left: '12px',\n    width: '32px',\n    height: '32px',\n  },\n});\n\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = (state: CardPreviewState): CardPreviewState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n\n  if (state.logo) {\n    state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n  }\n\n  return state;\n};\n"]}

package/lib-commonjs/index.js

@@ -3,14 +3,154 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const tslib_1 = /*#__PURE__*/require("tslib");
-
-tslib_1.__exportStar(require("./Card"), exports);
-
-tslib_1.__exportStar(require("./CardFooter"), exports);
-
-tslib_1.__exportStar(require("./CardHeader"), exports);
-
-tslib_1.__exportStar(require("./CardPreview"), exports);
+exports.useCardContext_unstable = exports.CardProvider = exports.useCardPreview_unstable = exports.useCardPreviewStyles_unstable = exports.renderCardPreview_unstable = exports.cardPreviewClassNames = exports.CardPreview = exports.useCardHeader_unstable = exports.useCardHeaderStyles_unstable = exports.renderCardHeader_unstable = exports.cardHeaderCSSVars = exports.cardHeaderClassNames = exports.CardHeader = exports.useCardFooter_unstable = exports.useCardFooterStyles_unstable = exports.renderCardFooter_unstable = exports.cardFooterClassNames = exports.CardFooter = exports.useCard_unstable = exports.useCardStyles_unstable = exports.renderCard_unstable = exports.cardCSSVars = exports.cardClassNames = exports.Card = void 0;
+var Card_1 = /*#__PURE__*/require("./Card");
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return Card_1.Card;
+  }
+});
+Object.defineProperty(exports, "cardClassNames", {
+  enumerable: true,
+  get: function () {
+    return Card_1.cardClassNames;
+  }
+});
+Object.defineProperty(exports, "cardCSSVars", {
+  enumerable: true,
+  get: function () {
+    return Card_1.cardCSSVars;
+  }
+});
+Object.defineProperty(exports, "renderCard_unstable", {
+  enumerable: true,
+  get: function () {
+    return Card_1.renderCard_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Card_1.useCardStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCard_unstable", {
+  enumerable: true,
+  get: function () {
+    return Card_1.useCard_unstable;
+  }
+});
+var CardFooter_1 = /*#__PURE__*/require("./CardFooter");
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.CardFooter;
+  }
+});
+Object.defineProperty(exports, "cardFooterClassNames", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.cardFooterClassNames;
+  }
+});
+Object.defineProperty(exports, "renderCardFooter_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.renderCardFooter_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardFooterStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.useCardFooterStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardFooter_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.useCardFooter_unstable;
+  }
+});
+var CardHeader_1 = /*#__PURE__*/require("./CardHeader");
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.CardHeader;
+  }
+});
+Object.defineProperty(exports, "cardHeaderClassNames", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.cardHeaderClassNames;
+  }
+});
+Object.defineProperty(exports, "cardHeaderCSSVars", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.cardHeaderCSSVars;
+  }
+});
+Object.defineProperty(exports, "renderCardHeader_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.renderCardHeader_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardHeaderStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.useCardHeaderStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardHeader_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.useCardHeader_unstable;
+  }
+});
+var CardPreview_1 = /*#__PURE__*/require("./CardPreview");
+Object.defineProperty(exports, "CardPreview", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.CardPreview;
+  }
+});
+Object.defineProperty(exports, "cardPreviewClassNames", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.cardPreviewClassNames;
+  }
+});
+Object.defineProperty(exports, "renderCardPreview_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.renderCardPreview_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardPreviewStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.useCardPreviewStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardPreview_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.useCardPreview_unstable;
+  }
+});
+var Card_2 = /*#__PURE__*/require("./Card");
+Object.defineProperty(exports, "CardProvider", {
+  enumerable: true,
+  get: function () {
+    return Card_2.CardProvider;
+  }
+});
+Object.defineProperty(exports, "useCardContext_unstable", {
+  enumerable: true,
+  get: function () {
+    return Card_2.useCardContext_unstable;
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"mappings":";;;;;;AAAA;AACEA;EAAAC;EAAAC;IAAA,kBAAI;EAAA;AAAA;AACJF;EAAAC;EAAAC;IAAA,4BAAc;EAAA;AAAA;AACdF;EAAAC;EAAAC;IAAA,yBAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,iCAAmB;EAAA;AAAA;AACnBF;EAAAC;EAAAC;IAAA,oCAAsB;EAAA;AAAA;AACtBF;EAAAC;EAAAC;IAAA,8BAAgB;EAAA;AAAA;AAGlB;AACEF;EAAAC;EAAAC;IAAA,8BAAU;EAAA;AAAA;AACVF;EAAAC;EAAAC;IAAA,wCAAoB;EAAA;AAAA;AACpBF;EAAAC;EAAAC;IAAA,6CAAyB;EAAA;AAAA;AACzBF;EAAAC;EAAAC;IAAA,gDAA4B;EAAA;AAAA;AAC5BF;EAAAC;EAAAC;IAAA,0CAAsB;EAAA;AAAA;AAGxB;AACEF;EAAAC;EAAAC;IAAA,8BAAU;EAAA;AAAA;AACVF;EAAAC;EAAAC;IAAA,wCAAoB;EAAA;AAAA;AACpBF;EAAAC;EAAAC;IAAA,qCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,6CAAyB;EAAA;AAAA;AACzBF;EAAAC;EAAAC;IAAA,gDAA4B;EAAA;AAAA;AAC5BF;EAAAC;EAAAC;IAAA,0CAAsB;EAAA;AAAA;AAGxB;AACEF;EAAAC;EAAAC;IAAA,gCAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,0CAAqB;EAAA;AAAA;AACrBF;EAAAC;EAAAC;IAAA,+CAA0B;EAAA;AAAA;AAC1BF;EAAAC;EAAAC;IAAA,kDAA6B;EAAA;AAAA;AAC7BF;EAAAC;EAAAC;IAAA,4CAAuB;EAAA;AAAA;AAGzB;AAASF;EAAAC;EAAAC;IAAA,0BAAY;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,qCAAuB;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"../src/","sources":["packages/react-components/react-card/src/index.ts"],"sourcesContent":["export {\n  Card,\n  cardClassNames,\n  cardCSSVars,\n  renderCard_unstable,\n  useCardStyles_unstable,\n  useCard_unstable,\n} from './Card';\nexport type { CardProps, CardSlots, CardState, CardOnSelectionChangeEvent } from './Card';\nexport {\n  CardFooter,\n  cardFooterClassNames,\n  renderCardFooter_unstable,\n  useCardFooterStyles_unstable,\n  useCardFooter_unstable,\n} from './CardFooter';\nexport type { CardFooterProps, CardFooterSlots, CardFooterState } from './CardFooter';\nexport {\n  CardHeader,\n  cardHeaderClassNames,\n  cardHeaderCSSVars,\n  renderCardHeader_unstable,\n  useCardHeaderStyles_unstable,\n  useCardHeader_unstable,\n} from './CardHeader';\nexport type { CardHeaderProps, CardHeaderSlots, CardHeaderState } from './CardHeader';\nexport {\n  CardPreview,\n  cardPreviewClassNames,\n  renderCardPreview_unstable,\n  useCardPreviewStyles_unstable,\n  useCardPreview_unstable,\n} from './CardPreview';\nexport type { CardPreviewProps, CardPreviewSlots, CardPreviewState } from './CardPreview';\nexport { CardProvider, useCardContext_unstable } from './Card';\nexport type { CardContextValue } from './Card';\n"]}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@fluentui/react-card",
-  "version": "9.0.0-beta.4",
+  "version": "9.0.0-beta.41",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "./dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -17,45 +17,38 @@
     "bundle-size": "bundle-size measure",
     "clean": "just-scripts clean",
     "code-style": "just-scripts code-style",
+    "e2e": "cypress run --component",
+    "e2e:local": "cypress open --component",
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "test": "jest",
-    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-card/src && yarn docs",
-    "storybook": "start-storybook -s assets"
+    "test": "jest --passWithNoTests",
+    "storybook": "start-storybook",
+    "type-check": "tsc -b tsconfig.json",
+    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "9.0.0-beta.3",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "9.0.0-beta.3",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "9.0.0-beta.3",
-    "@fluentui/scripts": "^1.0.0",
-    "@fluentui/react-text": "9.0.0-beta.3",
-    "@fluentui/react-button": "9.0.0-beta.4",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "@fluentui/react-button": "^9.2.0",
+    "@fluentui/scripts-api-extractor": "*",
+    "@fluentui/scripts-cypress": "*",
+    "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "9.0.0-beta.3",
-    "@fluentui/react-utilities": "9.0.0-beta.3",
-    "@fluentui/react-tabster": "9.0.0-beta.4",
+    "@fluentui/keyboard-keys": "^9.0.1",
+    "@fluentui/react-tabster": "^9.4.1",
+    "@fluentui/react-theme": "^9.1.5",
+    "@fluentui/react-utilities": "^9.5.0",
+    "@griffel/react": "^1.5.2",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <18.0.0",
-    "@types/react-dom": ">=16.8.0 <18.0.0",
-    "react": ">=16.8.0 <18.0.0",
-    "react-dom": ">=16.8.0 <18.0.0"
+    "@types/react": ">=16.8.0 <19.0.0",
+    "@types/react-dom": ">=16.8.0 <19.0.0",
+    "react": ">=16.8.0 <19.0.0",
+    "react-dom": ">=16.8.0 <19.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [
@@ -63,5 +56,13 @@
       "minor",
       "patch"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
   }
 }