@fluentui/react-card 9.0.0-beta.1 → 9.0.0-beta.5

package/lib-commonjs/components/CardFooter/renderCardFooter.js

@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderCardFooter = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var useCardFooter_1 = /*#__PURE__*/require("./useCardFooter");
+const useCardFooter_1 = /*#__PURE__*/require("./useCardFooter");
 /**
  * Render the final JSX of CardFooter
  */
 
 
-var renderCardFooter = function (state) {
-  var _a = react_utilities_1.getSlotsCompat(state, useCardFooter_1.cardFooterShorthandProps),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.children, React.createElement(slots.action, tslib_1.__assign({}, slotProps.action)));
+const renderCardFooter = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state, useCardFooter_1.cardFooterShorthandProps);
+  return React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children, React.createElement(slots.action, Object.assign({}, slotProps.action)));
 };
 
 exports.renderCardFooter = renderCardFooter;

package/lib-commonjs/components/CardFooter/renderCardFooter.js.map

@@ -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,cAAA,CAAe,KAAf,EAAsB,eAAA,CAAA,wBAAtB,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,KAAK,CAAC,QADT,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":""}
+{"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":""}

package/lib-commonjs/components/CardFooter/useCardFooter.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import type { CardFooterProps, CardFooterShorthandProps, CardFooterState } from './CardFooter.types';
+import type { CardFooterProps, CardFooterSlots, CardFooterState } from './CardFooter.types';
 /**
  * Array of all shorthand properties listed in CardFooterShorthandProps
  */
-export declare const cardFooterShorthandProps: CardFooterShorthandProps[];
+export declare const cardFooterShorthandProps: Array<keyof CardFooterSlots>;
 /**
  * Create the state required to render CardFooter.
  *
@@ -12,6 +12,5 @@ export declare const cardFooterShorthandProps: CardFooterShorthandProps[];
  *
  * @param props - props from this instance of CardFooter
  * @param ref - reference to root HTMLElement of CardFooter
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useCardFooter: (props: CardFooterProps, ref: React.Ref<HTMLElement>, defaultProps?: CardFooterProps | undefined) => CardFooterState;
+export declare const useCardFooter: (props: CardFooterProps, ref: React.Ref<HTMLElement>) => CardFooterState;

package/lib-commonjs/components/CardFooter/useCardFooter.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useCardFooter = exports.cardFooterShorthandProps = void 0;
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
  * Array of all shorthand properties listed in CardFooterShorthandProps
  */
 
 
-exports.cardFooterShorthandProps = ['action'];
-var mergeProps = /*#__PURE__*/react_utilities_1.makeMergeProps({
-  deepMerge: exports.cardFooterShorthandProps
-});
+exports.cardFooterShorthandProps = ['root', 'action'];
 /**
  * Create the state required to render CardFooter.
  *
@@ -23,14 +20,23 @@ var mergeProps = /*#__PURE__*/react_utilities_1.makeMergeProps({
  *
  * @param props - props from this instance of CardFooter
  * @param ref - reference to root HTMLElement of CardFooter
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
 
-var useCardFooter = function (props, ref, defaultProps) {
-  var state = mergeProps({
-    ref: ref
-  }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.cardFooterShorthandProps), react_utilities_1.resolveShorthandProps(props, exports.cardFooterShorthandProps));
-  return state;
+const useCardFooter = (props, ref) => {
+  const {
+    action
+  } = props;
+  return {
+    components: {
+      root: 'div',
+      action: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
+      ...props
+    }),
+    action: react_utilities_1.resolveShorthand(action)
+  };
 };
 
 exports.useCardFooter = useCardFooter;

package/lib-commonjs/components/CardFooter/useCardFooter.js.map

@@ -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,GAAuD,CAAC,QAAD,CAAvD;AAEb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAgC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAhC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA;AADL,GADsB,EAItB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,wBAApC,CAJM,EAKtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,wBAA7B,CALsB,CAAxB;AAQA,SAAO,KAAP;AACD,CAdM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
+{"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":""}

package/lib-commonjs/components/CardFooter/useCardFooterStyles.d.ts

@@ -1,4 +1,5 @@
 import type { CardFooterState } from './CardFooter.types';
+export declare const cardFooterClassName = "fui-CardFooter";
 /**
  * Apply styling to the CardFooter slots based on the state
  */

package/lib-commonjs/components/CardFooter/useCardFooterStyles.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardFooterStyles = void 0;
+exports.useCardFooterStyles = exports.cardFooterClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
+exports.cardFooterClassName = 'fui-CardFooter';
 /**
  * Styles for the root slot
  */
 
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {
     "mc9l5x": "f22iagw",
     "Beiy3e4": "f1063pyq",
@@ -28,9 +29,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
  */
 
 
-var useCardFooterStyles = function (state) {
-  var styles = useStyles();
-  state.className = react_make_styles_1.mergeClasses(styles.root, state.className);
+const useCardFooterStyles = state => {
+  const styles = useStyles();
+  state.root.className = react_make_styles_1.mergeClasses(exports.cardFooterClassName, styles.root, state.root.className);
 
   if (state.action) {
     state.action.className = react_make_styles_1.mergeClasses(styles.action, state.action.className);

package/lib-commonjs/components/CardFooter/useCardFooterStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardFooter/useCardFooterStyles.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,EAAlB;AAWA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,IAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,MAApB,EAA4B,KAAK,CAAC,MAAN,CAAa,SAAzC,CAAzB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,mBAAb,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,IAAN,CAAW,SAA1D,CAAvB;;AAEA,MAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,IAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,MAApB,EAA4B,KAAK,CAAC,MAAN,CAAa,SAAzC,CAAzB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}

package/lib-commonjs/components/CardHeader/CardHeader.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardHeader = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useCardHeader_1 = /*#__PURE__*/require("./useCardHeader");
+const useCardHeader_1 = /*#__PURE__*/require("./useCardHeader");
 
-var renderCardHeader_1 = /*#__PURE__*/require("./renderCardHeader");
+const renderCardHeader_1 = /*#__PURE__*/require("./renderCardHeader");
 
-var useCardHeaderStyles_1 = /*#__PURE__*/require("./useCardHeaderStyles");
+const useCardHeaderStyles_1 = /*#__PURE__*/require("./useCardHeaderStyles");
 /**
  * Component to render an image, text and an action in a Card component.
  */
 
 
-exports.CardHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useCardHeader_1.useCardHeader(props, ref);
+exports.CardHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useCardHeader_1.useCardHeader(props, ref);
   useCardHeaderStyles_1.useCardHeaderStyles(state);
   return renderCardHeader_1.renderCardHeader(state);
 });

package/lib-commonjs/components/CardHeader/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardHeader/CardHeader.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":""}
+{"version":3,"sources":["../../../src/components/CardHeader/CardHeader.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":""}

package/lib-commonjs/components/CardHeader/CardHeader.types.d.ts

@@ -1,44 +1,17 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+export declare type CardHeaderSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+    image: IntrinsicShorthandProps<'div'>;
+    content?: IntrinsicShorthandProps<'div'>;
+    header: IntrinsicShorthandProps<'span'>;
+    description: IntrinsicShorthandProps<'span'>;
+    action?: IntrinsicShorthandProps<'div'>;
+};
 /**
- * CardHeader Props
+ * CardHeader props
  */
-export interface CardHeaderProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
-    /**
-     * Image slot
-     */
-    image: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;
-    /**
-     * Content slot, wrapper of the header and description slots
-     */
-    content?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
-    /**
-     * Header title slot
-     */
-    header: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
-    /**
-     * Description slot
-     */
-    description: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
-    /**
-     * Actions slot
-     */
-    action?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
-}
-/**
- * Names of the shorthand properties in CardHeaderProps
- */
-export declare type CardHeaderShorthandProps = 'image' | 'content' | 'header' | 'description' | 'action';
-/**
- * Names of CardHeaderProps that have a default value in useCardHeader
- */
-export declare type CardHeaderDefaultedProps = never;
+export declare type CardHeaderProps = ComponentProps<CardHeaderSlots>;
 /**
  * State used in rendering CardHeader
  */
-export interface CardHeaderState extends ComponentStateCompat<CardHeaderProps, CardHeaderShorthandProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
-}
+export declare type CardHeaderState = ComponentState<CardHeaderSlots>;

package/lib-commonjs/components/CardHeader/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./CardHeader"), exports);
 

package/lib-commonjs/components/CardHeader/renderCardHeader.js

@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderCardHeader = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var useCardHeader_1 = /*#__PURE__*/require("./useCardHeader");
+const useCardHeader_1 = /*#__PURE__*/require("./useCardHeader");
 /**
  * Render the final JSX of CardHeader
  */
 
 
-var renderCardHeader = function (state) {
-  var _a = react_utilities_1.getSlotsCompat(state, useCardHeader_1.cardHeaderShorthandPropsCompat),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.image, tslib_1.__assign({}, slotProps.image)), React.createElement(slots.content, tslib_1.__assign({}, slotProps.content), React.createElement(slots.header, tslib_1.__assign({}, slotProps.header)), React.createElement(slots.description, tslib_1.__assign({}, slotProps.description))), React.createElement(slots.action, tslib_1.__assign({}, slotProps.action)));
+const renderCardHeader = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state, useCardHeader_1.cardHeaderShorthandProps);
+  return React.createElement(slots.root, Object.assign({}, slotProps.root), React.createElement(slots.image, Object.assign({}, slotProps.image)), React.createElement(slots.content, Object.assign({}, slotProps.content), React.createElement(slots.header, Object.assign({}, slotProps.header)), React.createElement(slots.description, Object.assign({}, slotProps.description))), React.createElement(slots.action, Object.assign({}, slotProps.action)));
 };
 
 exports.renderCardHeader = renderCardHeader;

package/lib-commonjs/components/CardHeader/renderCardHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.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,cAAA,CAAe,KAAf,EAAsB,eAAA,CAAA,8BAAtB,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,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAEA;;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,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,KAAf,CAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,WAAP,EAAkB,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,WAAf,CAAlB,CAFF,CAFF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,MAAf,CAAb,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}

package/lib-commonjs/components/CardHeader/useCardHeader.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
-import type { CardHeaderProps, CardHeaderShorthandProps, CardHeaderState } from './CardHeader.types';
-/**
- * Array of all shorthand properties listed in CardHeaderShorthandProps
- */
-export declare const cardHeaderShorthandPropsCompat: CardHeaderShorthandProps[];
+import type { CardHeaderProps, CardHeaderSlots, CardHeaderState } from './CardHeader.types';
+export declare const cardHeaderShorthandProps: Array<keyof CardHeaderSlots>;
 /**
  * Create the state required to render CardHeader.
  *
@@ -12,6 +9,5 @@ export declare const cardHeaderShorthandPropsCompat: CardHeaderShorthandProps[];
  *
  * @param props - props from this instance of CardHeader
  * @param ref - reference to root HTMLElement of CardHeader
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useCardHeader: (props: CardHeaderProps, ref: React.Ref<HTMLElement>, defaultProps?: CardHeaderProps | undefined) => CardHeaderState;
+export declare const useCardHeader: (props: CardHeaderProps, ref: React.Ref<HTMLElement>) => CardHeaderState;

package/lib-commonjs/components/CardHeader/useCardHeader.js

@@ -3,20 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardHeader = exports.cardHeaderShorthandPropsCompat = void 0;
+exports.useCardHeader = exports.cardHeaderShorthandProps = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Array of all shorthand properties listed in CardHeaderShorthandProps
- */
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-
-exports.cardHeaderShorthandPropsCompat = ['image', 'content', 'header', 'description', 'action'];
-var mergeProps = /*#__PURE__*/react_utilities_1.makeMergeProps({
-  deepMerge: exports.cardHeaderShorthandPropsCompat
-});
+exports.cardHeaderShorthandProps = ['root', 'image', 'content', 'header', 'description', 'action'];
 /**
  * Create the state required to render CardHeader.
  *
@@ -25,30 +18,41 @@ var mergeProps = /*#__PURE__*/react_utilities_1.makeMergeProps({
  *
  * @param props - props from this instance of CardHeader
  * @param ref - reference to root HTMLElement of CardHeader
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
 
-var useCardHeader = function (props, ref, defaultProps) {
-  var state = mergeProps({
-    image: {
-      as: 'div'
-    },
-    content: {
-      as: 'div',
-      children: React.Fragment
-    },
-    header: {
-      as: 'span'
-    },
-    description: {
-      as: 'span'
-    },
-    action: {
-      as: 'div'
+const useCardHeader = (props, ref) => {
+  const {
+    image,
+    content,
+    header,
+    description,
+    action
+  } = props;
+  return {
+    components: {
+      root: 'div',
+      image: 'div',
+      content: 'div',
+      header: React.Fragment,
+      description: React.Fragment,
+      action: 'div'
     },
-    ref: ref
-  }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.cardHeaderShorthandPropsCompat), react_utilities_1.resolveShorthandProps(props, exports.cardHeaderShorthandPropsCompat));
-  return state;
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
+      ...props
+    }),
+    image: react_utilities_1.resolveShorthand(image, {
+      required: true
+    }),
+    content: react_utilities_1.resolveShorthand(content || {}),
+    header: react_utilities_1.resolveShorthand(header, {
+      required: true
+    }),
+    description: react_utilities_1.resolveShorthand(description, {
+      required: true
+    }),
+    action: react_utilities_1.resolveShorthand(action)
+  };
 };
 
 exports.useCardHeader = useCardHeader;

package/lib-commonjs/components/CardHeader/useCardHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,8BAAA,GAA6D,CACxE,OADwE,EAExE,SAFwE,EAGxE,QAHwE,EAIxE,aAJwE,EAKxE,QALwE,CAA7D;AAQb,IAAM,UAAU,gBAAG,iBAAA,CAAA,cAAA,CAAgC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAhC,CAAnB;AAEA;;;;;;;;;AASG;;AACI,IAAM,aAAa,GAAG,UAC3B,KAD2B,EAE3B,GAF2B,EAG3B,YAH2B,EAGG;AAE9B,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,KAAK,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KADT;AAEE,IAAA,OAAO,EAAE;AAAE,MAAA,EAAE,EAAE,KAAN;AAAa,MAAA,QAAQ,EAAE,KAAK,CAAC;AAA7B,KAFX;AAGE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,WAAW,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KAJf;AAKE,IAAA,MAAM,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN,KALV;AAME,IAAA,GAAG,EAAA;AANL,GADsB,EAStB,YAAY,IAAI,iBAAA,CAAA,qBAAA,CAAsB,YAAtB,EAAoC,OAAA,CAAA,8BAApC,CATM,EAUtB,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,OAAA,CAAA,8BAA7B,CAVsB,CAAxB;AAaA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,wBAAA,GAAyD,CACpE,MADoE,EAEpE,OAFoE,EAGpE,SAHoE,EAIpE,QAJoE,EAKpE,aALoE,EAMpE,QANoE,CAAzD;AASb;;;;;;;;AAQG;;AACI,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,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B,CAVD;AAcL,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAC7B,MAAA,QAAQ,EAAE;AADmB,KAAxB,CAdF;AAiBL,IAAA,OAAO,EAAE,iBAAA,CAAA,gBAAA,CAAiB,OAAO,IAAI,EAA5B,CAjBJ;AAkBL,IAAA,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,MAAjB,EAAyB;AAC/B,MAAA,QAAQ,EAAE;AADqB,KAAzB,CAlBH;AAqBL,IAAA,WAAW,EAAE,iBAAA,CAAA,gBAAA,CAAiB,WAAjB,EAA8B;AACzC,MAAA,QAAQ,EAAE;AAD+B,KAA9B,CArBR;AAwBL,IAAA,MAAM,EAAE,iBAAA,CAAA,gBAAA,CAAiB,MAAjB;AAxBH,GAAP;AA0BD,CA7BM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.d.ts

@@ -1,4 +1,5 @@
 import type { CardHeaderState } from './CardHeader.types';
+export declare const cardHeaderClassName = "fui-CardHeader";
 /**
  * Apply styling to the CardHeader slots based on the state
  */

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardHeaderStyles = void 0;
+exports.useCardHeaderStyles = exports.cardHeaderClassName = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
+exports.cardHeaderClassName = 'fui-CardHeader';
 /**
  * Styles for the root slot
  */
 
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
   "root": {
     "mc9l5x": "f22iagw",
     "Beiy3e4": "f1063pyq",
@@ -46,9 +47,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
  */
 
 
-var useCardHeaderStyles = function (state) {
-  var styles = useStyles();
-  state.className = react_make_styles_1.mergeClasses(styles.root, state.className);
+const useCardHeaderStyles = state => {
+  const styles = useStyles();
+  state.root.className = react_make_styles_1.mergeClasses(exports.cardHeaderClassName, styles.root, state.root.className);
 
   if (state.image) {
     state.image.className = react_make_styles_1.mergeClasses(styles.image, state.image.className);

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,SAAhC,CAAlB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAA4C;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,mBAAb,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,IAAN,CAAW,SAA1D,CAAvB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardPreview = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
+const useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
 
-var renderCardPreview_1 = /*#__PURE__*/require("./renderCardPreview");
+const renderCardPreview_1 = /*#__PURE__*/require("./renderCardPreview");
 
-var useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
+const useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
 /**
  * Component to render image previews of documents or articles in a Card component.
  */
 
 
-exports.CardPreview = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useCardPreview_1.useCardPreview(props, ref);
+exports.CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useCardPreview_1.useCardPreview(props, ref);
   useCardPreviewStyles_1.useCardPreviewStyles(state);
   return renderCardPreview_1.renderCardPreview(state);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5F,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAChG,QAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}

package/lib-commonjs/components/CardPreview/CardPreview.types.d.ts

@@ -1,28 +1,13 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+export declare type CardPreviewSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+    logo?: IntrinsicShorthandProps<'div'>;
+};
 /**
- * CardPreview Props
+ * CardPreview props
  */
-export interface CardPreviewProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
-    /**
-     * Image slot
-     */
-    logo?: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;
-}
-/**
- * Names of the shorthand properties in CardPreviewProps
- */
-export declare type CardPreviewShorthandProps = 'logo';
-/**
- * Names of CardPreviewProps that have a default value in useCardPreview
- */
-export declare type CardPreviewDefaultedProps = never;
+export declare type CardPreviewProps = ComponentProps<CardPreviewSlots>;
 /**
  * State used in rendering CardPreview
  */
-export interface CardPreviewState extends ComponentStateCompat<CardPreviewProps, CardPreviewShorthandProps, CardPreviewDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
-}
+export declare type CardPreviewState = ComponentState<CardPreviewSlots>;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./CardPreview"), exports);
 

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

@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderCardPreview = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
+const useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
 /**
  * Render the final JSX of CardPreview
  */
 
 
-var renderCardPreview = function (state) {
-  var _a = react_utilities_1.getSlotsCompat(state, useCardPreview_1.cardPreviewShorthandPropsCompat),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.children, React.createElement(slots.logo, tslib_1.__assign({}, slotProps.logo)));
+const renderCardPreview = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state, useCardPreview_1.cardPreviewShorthandProps);
+  return React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children, React.createElement(slots.logo, Object.assign({}, slotProps.logo)));
 };
 
 exports.renderCardPreview = renderCardPreview;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,gBAAA,CAAA,+BAAtB,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,KAAK,CAAC,QADT,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,iBAAiB,GAAI,KAAD,IAA4B;AAC3D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,EAAkC,gBAAA,CAAA,yBAAlC,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,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;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}