@fluentui/react-card 0.0.0-nightly-20230321-0440.1 → 0.0.0-nightly-20230324-0422.1

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

@@ -1,65 +1,56 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useCardPreview_unstable", {
+    enumerable: true,
+    get: ()=>useCardPreview_unstable
 });
-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);
+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;
         }
-      }
-    }
-  }, [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;
+        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
+
 //# sourceMappingURL=useCardPreview.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,44 +1,60 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    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
 });
-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 _react = require("@griffel/react");
+const 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"
-  }
+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"
+    }
 }, {
-  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;}"
+    ]
 });
-/**
- * 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;
+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
+
 //# sourceMappingURL=useCardPreviewStyles.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

package/lib-commonjs/index.js

@@ -1,156 +1,43 @@
 "use strict";
-
 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;
-  }
-});
+    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
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"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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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "0.0.0-nightly-20230321-0440.1",
+  "version": "0.0.0-nightly-20230324-0422.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": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230324-0422.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-button": "0.0.0-nightly-20230321-0440.1",
+    "@fluentui/react-button": "0.0.0-nightly-20230324-0422.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@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",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20230324-0422.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20230324-0422.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230324-0422.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230324-0422.1",
     "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",