@fluentui/react-card 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1,56 +1,65 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useCardPreview_unstable", {
-    enumerable: true,
-    get: ()=>useCardPreview_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _cardContext = require("../Card/CardContext");
-const _useCardPreviewStyles = require("./useCardPreviewStyles");
-const useCardPreview_unstable = (props, ref)=>{
-    const { logo  } = props;
-    const { selectableA11yProps: { referenceLabel , referenceId , setReferenceLabel , setReferenceId  }  } = (0, _cardContext.useCardContext_unstable)();
-    const previewRef = (0, _reactUtilities.useMergedRefs)(ref, _react.useRef(null));
-    _react.useEffect(()=>{
-        if (referenceLabel && referenceId) {
-            return;
+exports.useCardPreview_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+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_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_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);
         }
-        if (previewRef.current && previewRef.current.parentNode) {
-            const img = previewRef.current.parentNode.querySelector(`.${_useCardPreviewStyles.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: (0, _reactUtilities.getNativeElementProps)("div", {
-            ref: previewRef,
-            ...props
-        }),
-        logo: (0, _reactUtilities.resolveShorthand)(logo)
-    };
-}; //# sourceMappingURL=useCardPreview.js.map
-
+      }
+    }
+  }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);
+  return {
+    components: {
+      root: 'div',
+      logo: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref: previewRef,
+      ...props
+    }),
+    logo: react_utilities_1.resolveShorthand(logo)
+  };
+};
+exports.useCardPreview_unstable = useCardPreview_unstable;
 //# sourceMappingURL=useCardPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardPreview/useCardPreview.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from \"@fluentui/react-utilities\";\nimport { useCardContext_unstable } from \"../Card/CardContext\";\nimport { cardPreviewClassNames } from \"./useCardPreviewStyles\";\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, ref) => {\n  const {\n    logo\n  } = props;\n  const {\n    selectableA11yProps: {\n      referenceLabel,\n      referenceId,\n      setReferenceLabel,\n      setReferenceId\n    }\n  } = useCardContext_unstable();\n  const previewRef = useMergedRefs(ref, React.useRef(null));\n  React.useEffect(() => {\n    if (referenceLabel && referenceId) {\n      return;\n    }\n    if (previewRef.current && previewRef.current.parentNode) {\n      const img = previewRef.current.parentNode.querySelector(`.${cardPreviewClassNames.root} > img`);\n      if (img) {\n        const ariaLabel = img.getAttribute(\"aria-label\");\n        const ariaDescribedby = img.getAttribute(\"aria-describedby\");\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  return {\n    components: {\n      root: \"div\",\n      logo: \"div\"\n    },\n    root: getNativeElementProps(\"div\", {\n      ref: previewRef,\n      ...props\n    }),\n    logo: resolveShorthand(logo)\n  };\n};\n//# sourceMappingURL=useCardPreview.js.map"],"names":["useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","useCardContext_unstable","previewRef","useMergedRefs","React","useRef","useEffect","current","parentNode","img","querySelector","cardPreviewClassNames","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","getNativeElementProps","resolveShorthand"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACgD;6BAC/B;sCACF;AAU/B,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,MAAM,EACJC,KAAI,EACL,GAAGF;IACJ,MAAM,EACJG,qBAAqB,EACnBC,eAAc,EACdC,YAAW,EACXC,kBAAiB,EACjBC,eAAc,EACf,CAAA,EACF,GAAGC,IAAAA,oCAAuB;IAC3B,MAAMC,aAAaC,IAAAA,6BAAa,EAACT,KAAKU,OAAMC,MAAM,CAAC,IAAI;IACvDD,OAAME,SAAS,CAAC,IAAM;QACpB,IAAIT,kBAAkBC,aAAa;YACjC;QACF,CAAC;QACD,IAAII,WAAWK,OAAO,IAAIL,WAAWK,OAAO,CAACC,UAAU,EAAE;YACvD,MAAMC,MAAMP,WAAWK,OAAO,CAACC,UAAU,CAACE,aAAa,CAAC,CAAC,CAAC,EAAEC,2CAAqB,CAACC,IAAI,CAAC,MAAM,CAAC;YAC9F,IAAIH,KAAK;gBACP,MAAMI,YAAYJ,IAAIK,YAAY,CAAC;gBACnC,MAAMC,kBAAkBN,IAAIK,YAAY,CAAC;gBACzC,IAAIC,iBAAiB;oBACnBf,eAAee;gBACjB,OAAO,IAAIN,IAAIO,GAAG,EAAE;oBAClBjB,kBAAkBU,IAAIO,GAAG;gBAC3B,OAAO,IAAIH,WAAW;oBACpBd,kBAAkBc;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;IACH,GAAG;QAACd;QAAmBF;QAAgBK;QAAYJ;QAAaE;KAAe;IAC/E,OAAO;QACLiB,YAAY;YACVL,MAAM;YACNjB,MAAM;QACR;QACAiB,MAAMM,IAAAA,qCAAqB,EAAC,OAAO;YACjCxB,KAAKQ;YACL,GAAGT,KAAK;QACV;QACAE,MAAMwB,IAAAA,gCAAgB,EAACxB;IACzB;AACF,GACA,0CAA0C"}
+{"version":3,"names":["React","require","react_utilities_1","CardContext_1","useCardPreviewStyles_1","useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","useCardContext_unstable","previewRef","useMergedRefs","useRef","useEffect","current","parentNode","img","querySelector","cardPreviewClassNames","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","getNativeElementProps","resolveShorthand","exports"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,aAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAEA;;;;;;;;;AASO,MAAMI,uBAAuB,GAAGA,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,GAAGV,aAAA,CAAAW,uBAAuB,EAAE;EAC7B,MAAMC,UAAU,GAAGb,iBAAA,CAAAc,aAAa,CAACT,GAAG,EAAEP,KAAK,CAACiB,MAAM,CAAiB,IAAI,CAAC,CAAC;EAEzEjB,KAAK,CAACkB,SAAS,CAAC,MAAK;IACnB,IAAIR,cAAc,IAAIC,WAAW,EAAE;MACjC;;IAGF,IAAII,UAAU,CAACI,OAAO,IAAIJ,UAAU,CAACI,OAAO,CAACC,UAAU,EAAE;MACvD,MAAMC,GAAG,GAAGN,UAAU,CAACI,OAAO,CAACC,UAAU,CAACE,aAAa,CAAmB,IAAIlB,sBAAA,CAAAmB,qBAAqB,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;UACnBd,cAAc,CAACc,eAAe,CAAC;SAChC,MAAM,IAAIN,GAAG,CAACO,GAAG,EAAE;UAClBhB,iBAAiB,CAACS,GAAG,CAACO,GAAG,CAAC;SAC3B,MAAM,IAAIH,SAAS,EAAE;UACpBb,iBAAiB,CAACa,SAAS,CAAC;;;;EAIpC,CAAC,EAAE,CAACb,iBAAiB,EAAEF,cAAc,EAAEK,UAAU,EAAEJ,WAAW,EAAEE,cAAc,CAAC,CAAC;EAEhF,OAAO;IACLgB,UAAU,EAAE;MACVL,IAAI,EAAE,KAAK;MACXhB,IAAI,EAAE;KACP;IAEDgB,IAAI,EAAEtB,iBAAA,CAAA4B,qBAAqB,CAAC,KAAK,EAAE;MACjCvB,GAAG,EAAEQ,UAAU;MACf,GAAGT;KACJ,CAAC;IACFE,IAAI,EAAEN,iBAAA,CAAA6B,gBAAgB,CAACvB,IAAI;GAC5B;AACH,CAAC;AA3CYwB,OAAA,CAAA3B,uBAAuB,GAAAA,uBAAA"}

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

@@ -1,60 +1,44 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    cardPreviewClassNames: ()=>cardPreviewClassNames,
-    useCardPreviewStyles_unstable: ()=>useCardPreviewStyles_unstable
+  value: true
 });
-const _react = require("@griffel/react");
-const cardPreviewClassNames = {
-    root: "fui-CardPreview",
-    logo: "fui-CardPreview__logo"
+exports.useCardPreviewStyles_unstable = exports.cardPreviewClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+/**
+ * Static CSS class names used internally for the component slots.
+ */
+exports.cardPreviewClassNames = {
+  root: 'fui-CardPreview',
+  logo: 'fui-CardPreview__logo'
 };
-const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {
-        qhf8xq: "f10pi13n",
-        pnb5jt: "f1rzl30s",
-        Elg2ur: "f1chxnfo",
-        B184ckt: "f17xb19f"
-    },
-    logo: {
-        qhf8xq: "f1euv43f",
-        B5kzvoi: "f1gcvs1y",
-        oyh7mz: [
-            "f1t6tvco",
-            "ffrfxm3"
-        ],
-        a9b677: "f1szoe96",
-        Bqenvij: "f1d2rq10"
-    }
+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"
+  }
 }, {
-    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;}"
-    ]
+  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;}"]
 });
-const useCardPreviewStyles_unstable = (state)=>{
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(cardPreviewClassNames.root, styles.root, state.root.className);
-    if (state.logo) {
-        state.logo.className = (0, _react.mergeClasses)(cardPreviewClassNames.logo, styles.logo, state.logo.className);
-    }
-    return state;
-}; //# sourceMappingURL=useCardPreviewStyles.js.map
-
+/**
+ * Apply styling to the CardPreview slots based on the state.
+ */
+const useCardPreviewStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.cardPreviewClassNames.root, styles.root, state.root.className);
+  if (state.logo) {
+    state.logo.className = react_1.mergeClasses(exports.cardPreviewClassNames.logo, styles.logo, state.logo.className);
+  }
+  return state;
+};
+exports.useCardPreviewStyles_unstable = useCardPreviewStyles_unstable;
 //# sourceMappingURL=useCardPreviewStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CardPreview/useCardPreviewStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from \"@griffel/react\";\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames = {\n  root: \"fui-CardPreview\",\n  logo: \"fui-CardPreview__logo\"\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    qhf8xq: \"f10pi13n\",\n    pnb5jt: \"f1rzl30s\",\n    Elg2ur: \"f1chxnfo\",\n    B184ckt: \"f17xb19f\"\n  },\n  logo: {\n    qhf8xq: \"f1euv43f\",\n    B5kzvoi: \"f1gcvs1y\",\n    oyh7mz: [\"f1t6tvco\", \"ffrfxm3\"],\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\"\n  }\n}, {\n  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;}\"]\n});\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n  if (state.logo) {\n    state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCardPreviewStyles.js.map"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","__styles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAIaA,qBAAqB,MAArBA;IAwBAC,6BAA6B,MAA7BA;;uBA5B0B;AAIhC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCH,MAAM;QACJI,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAN,MAAM;QACJG,QAAQ;QACRI,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAA0D;QAAwD;QAAuD;QAAiC;QAA2B;QAAyB;QAAyB;QAA0B;KAA0B;AAClX;AAIO,MAAMb,gCAAgCc,CAAAA,QAAS;IACpD,MAAMC,SAASZ;IACfW,MAAMb,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBE,IAAI,EAAEc,OAAOd,IAAI,EAAEa,MAAMb,IAAI,CAACe,SAAS;IACjG,IAAIF,MAAMZ,IAAI,EAAE;QACdY,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,sBAAsBG,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IACnG,CAAC;IACD,OAAOF;AACT,GACA,gDAAgD"}
+{"version":3,"names":["react_1","require","exports","cardPreviewClassNames","root","logo","useStyles","__styles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","useCardPreviewStyles_unstable","state","styles","className","mergeClasses"],"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"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGA;;;AAGaC,OAAA,CAAAC,qBAAqB,GAAqC;EACrEC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAH,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAN,IAAA;IAAAG,MAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAkB1B;AAEF;;;AAGO,MAAMC,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,MAAM,GAAGb,SAAS,EAAE;EAC1BY,KAAK,CAACd,IAAI,CAACgB,SAAS,GAAGpB,OAAA,CAAAqB,YAAY,CAACnB,OAAA,CAAAC,qBAAqB,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;EAElG,IAAIF,KAAK,CAACb,IAAI,EAAE;IACda,KAAK,CAACb,IAAI,CAACe,SAAS,GAAGpB,OAAA,CAAAqB,YAAY,CAACnB,OAAA,CAAAC,qBAAqB,CAACE,IAAI,EAAEc,MAAM,CAACd,IAAI,EAAEa,KAAK,CAACb,IAAI,CAACe,SAAS,CAAC;;EAGpG,OAAOF,KAAK;AACd,CAAC;AATYhB,OAAA,CAAAe,6BAA6B,GAAAA,6BAAA"}

package/lib-commonjs/index.js

@@ -1,43 +1,156 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Card: ()=>_card.Card,
-    cardClassNames: ()=>_card.cardClassNames,
-    cardCSSVars: ()=>_card.cardCSSVars,
-    renderCard_unstable: ()=>_card.renderCard_unstable,
-    useCardStyles_unstable: ()=>_card.useCardStyles_unstable,
-    useCard_unstable: ()=>_card.useCard_unstable,
-    CardFooter: ()=>_cardFooter.CardFooter,
-    cardFooterClassNames: ()=>_cardFooter.cardFooterClassNames,
-    renderCardFooter_unstable: ()=>_cardFooter.renderCardFooter_unstable,
-    useCardFooterStyles_unstable: ()=>_cardFooter.useCardFooterStyles_unstable,
-    useCardFooter_unstable: ()=>_cardFooter.useCardFooter_unstable,
-    CardHeader: ()=>_cardHeader.CardHeader,
-    cardHeaderClassNames: ()=>_cardHeader.cardHeaderClassNames,
-    cardHeaderCSSVars: ()=>_cardHeader.cardHeaderCSSVars,
-    renderCardHeader_unstable: ()=>_cardHeader.renderCardHeader_unstable,
-    useCardHeaderStyles_unstable: ()=>_cardHeader.useCardHeaderStyles_unstable,
-    useCardHeader_unstable: ()=>_cardHeader.useCardHeader_unstable,
-    CardPreview: ()=>_cardPreview.CardPreview,
-    cardPreviewClassNames: ()=>_cardPreview.cardPreviewClassNames,
-    renderCardPreview_unstable: ()=>_cardPreview.renderCardPreview_unstable,
-    useCardPreviewStyles_unstable: ()=>_cardPreview.useCardPreviewStyles_unstable,
-    useCardPreview_unstable: ()=>_cardPreview.useCardPreview_unstable,
-    CardProvider: ()=>_card.CardProvider,
-    useCardContext_unstable: ()=>_card.useCardContext_unstable
-});
-const _card = require("./Card");
-const _cardFooter = require("./CardFooter");
-const _cardHeader = require("./CardHeader");
-const _cardPreview = require("./CardPreview");
- //# sourceMappingURL=index.js.map
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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":["../lib/index.js"],"sourcesContent":["export { Card, cardClassNames, cardCSSVars, renderCard_unstable, useCardStyles_unstable, useCard_unstable } from \"./Card\";\nexport { CardFooter, cardFooterClassNames, renderCardFooter_unstable, useCardFooterStyles_unstable, useCardFooter_unstable } from \"./CardFooter\";\nexport { CardHeader, cardHeaderClassNames, cardHeaderCSSVars, renderCardHeader_unstable, useCardHeaderStyles_unstable, useCardHeader_unstable } from \"./CardHeader\";\nexport { CardPreview, cardPreviewClassNames, renderCardPreview_unstable, useCardPreviewStyles_unstable, useCardPreview_unstable } from \"./CardPreview\";\nexport { CardProvider, useCardContext_unstable } from \"./Card\";\n//# sourceMappingURL=index.js.map"],"names":["Card","cardClassNames","cardCSSVars","renderCard_unstable","useCardStyles_unstable","useCard_unstable","CardFooter","cardFooterClassNames","renderCardFooter_unstable","useCardFooterStyles_unstable","useCardFooter_unstable","CardHeader","cardHeaderClassNames","cardHeaderCSSVars","renderCardHeader_unstable","useCardHeaderStyles_unstable","useCardHeader_unstable","CardPreview","cardPreviewClassNames","renderCardPreview_unstable","useCardPreviewStyles_unstable","useCardPreview_unstable","CardProvider","useCardContext_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,cAAc,MAAdA,oBAAc;IAAEC,WAAW,MAAXA,iBAAW;IAAEC,mBAAmB,MAAnBA,yBAAmB;IAAEC,sBAAsB,MAAtBA,4BAAsB;IAAEC,gBAAgB,MAAhBA,sBAAgB;IAChGC,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACjHC,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,iBAAiB,MAAjBA,6BAAiB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACpIC,WAAW,MAAXA,wBAAW;IAAEC,qBAAqB,MAArBA,kCAAqB;IAAEC,0BAA0B,MAA1BA,uCAA0B;IAAEC,6BAA6B,MAA7BA,0CAA6B;IAAEC,uBAAuB,MAAvBA,oCAAuB;IACtHC,YAAY,MAAZA,kBAAY;IAAEC,uBAAuB,MAAvBA,6BAAuB;;sBAJmE;4BACiB;4BACmB;6BACd;CAEvI,iCAAiC"}
+{"version":3,"names":["Card_1","require","Object","defineProperty","exports","enumerable","get","Card","cardClassNames","cardCSSVars","renderCard_unstable","useCardStyles_unstable","useCard_unstable","CardFooter_1","CardFooter","cardFooterClassNames","renderCardFooter_unstable","useCardFooterStyles_unstable","useCardFooter_unstable","CardHeader_1","CardHeader","cardHeaderClassNames","cardHeaderCSSVars","renderCardHeader_unstable","useCardHeaderStyles_unstable","useCardHeader_unstable","CardPreview_1","CardPreview","cardPreviewClassNames","renderCardPreview_unstable","useCardPreviewStyles_unstable","useCardPreview_unstable","Card_2","CardProvider","useCardContext_unstable"],"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"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "0.0.0-nightly-20230317-1454.1",
+  "version": "0.0.0-nightly-20230321-0440.1",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
@@ -25,24 +25,24 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230321-0440.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-button": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/react-button": "0.0.0-nightly-20230321-0440.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230321-0440.1",
     "@griffel/react": "^1.5.2",
-    "@swc/helpers": "^0.4.14"
+    "tslib": "^2.1.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -54,6 +54,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/.swcrc

@@ -1,39 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    }
-  },
-  "minify": false,
-  "sourceMaps": true
-}