@fluentui/react-card 9.0.0-alpha.2 → 9.0.0-alpha.6

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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { CardFooterProps, CardFooterShorthandProps, CardFooterState } from './CardFooter.types';
-/**
- * Array of all shorthand properties listed in CardFooterShorthandProps
- */
-export declare const cardFooterShorthandProps: CardFooterShorthandProps[];
-/**
- * Create the state required to render CardFooter.
- *
- * The returned state can be modified with hooks such as useCardFooterStyles,
- * before being passed to renderCardFooter.
- *
- * @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;

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

@@ -1,28 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities"], function (require, exports, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardFooter = exports.cardFooterShorthandProps = void 0;
-    /**
-     * Array of all shorthand properties listed in CardFooterShorthandProps
-     */
-    exports.cardFooterShorthandProps = ['action'];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.cardFooterShorthandProps });
-    /**
-     * Create the state required to render CardFooter.
-     *
-     * The returned state can be modified with hooks such as useCardFooterStyles,
-     * before being passed to renderCardFooter.
-     *
-     * @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;
-    };
-    exports.useCardFooter = useCardFooter;
-});
-//# sourceMappingURL=useCardFooter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCardFooter.js","sourceRoot":"../src/","sources":["components/CardFooter/useCardFooter.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,wBAAwB,GAA+B,CAAC,QAAQ,CAAC,CAAC;IAE/E,IAAM,UAAU,GAAG,gCAAc,CAAkB,EAAE,SAAS,EAAE,gCAAwB,EAAE,CAAC,CAAC;IAE5F;;;;;;;;;OASG;IACI,IAAM,aAAa,GAAG,UAC3B,KAAsB,EACtB,GAA2B,EAC3B,YAA8B;QAE9B,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,KAAA;SACJ,EACD,YAAY,IAAI,uCAAqB,CAAC,YAAY,EAAE,gCAAwB,CAAC,EAC7E,uCAAqB,CAAC,KAAK,EAAE,gCAAwB,CAAC,CACvD,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAdW,QAAA,aAAa,iBAcxB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardFooterProps, CardFooterShorthandProps, CardFooterState } from './CardFooter.types';\n\n/**\n * Array of all shorthand properties listed in CardFooterShorthandProps\n */\nexport const cardFooterShorthandProps: CardFooterShorthandProps[] = ['action'];\n\nconst mergeProps = makeMergeProps<CardFooterState>({ deepMerge: cardFooterShorthandProps });\n\n/**\n * Create the state required to render CardFooter.\n *\n * The returned state can be modified with hooks such as useCardFooterStyles,\n * before being passed to renderCardFooter.\n *\n * @param props - props from this instance of CardFooter\n * @param ref - reference to root HTMLElement of CardFooter\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardFooter = (\n  props: CardFooterProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: CardFooterProps,\n): CardFooterState => {\n  const state = mergeProps(\n    {\n      ref,\n    },\n    defaultProps && resolveShorthandProps(defaultProps, cardFooterShorthandProps),\n    resolveShorthandProps(props, cardFooterShorthandProps),\n  );\n\n  return state;\n};\n"]}

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

@@ -1,5 +0,0 @@
-import type { CardFooterState } from './CardFooter.types';
-/**
- * Apply styling to the CardFooter slots based on the state
- */
-export declare const useCardFooterStyles: (state: CardFooterState) => CardFooterState;

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

@@ -1,31 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardFooterStyles = void 0;
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_make_styles_1.makeStyles({
-        root: {
-            display: 'flex',
-            flexDirection: 'row',
-            gap: '12px',
-        },
-        action: {
-            marginLeft: 'auto',
-        },
-    });
-    /**
-     * Apply styling to the CardFooter slots based on the state
-     */
-    var useCardFooterStyles = function (state) {
-        var styles = useStyles();
-        state.className = react_make_styles_1.mergeClasses(styles.root, state.className);
-        if (state.action) {
-            state.action.className = react_make_styles_1.mergeClasses(styles.action, state.action.className);
-        }
-        return state;
-    };
-    exports.useCardFooterStyles = useCardFooterStyles;
-});
-//# sourceMappingURL=useCardFooterStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCardFooterStyles.js","sourceRoot":"../src/","sources":["components/CardFooter/useCardFooterStyles.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,MAAM;SACZ;QACD,MAAM,EAAE;YACN,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,mBAAmB,GAAG,UAAC,KAAsB;QACxD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAE7D,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SAC9E;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IATW,QAAA,mBAAmB,uBAS9B","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardFooterState } from './CardFooter.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: '12px',\n  },\n  action: {\n    marginLeft: 'auto',\n  },\n});\n\n/**\n * Apply styling to the CardFooter slots based on the state\n */\nexport const useCardFooterStyles = (state: CardFooterState): CardFooterState => {\n  const styles = useStyles();\n  state.className = mergeClasses(styles.root, state.className);\n\n  if (state.action) {\n    state.action.className = mergeClasses(styles.action, state.action.className);\n  }\n\n  return state;\n};\n"]}

package/lib-amd/components/CardHeader/CardHeader.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { CardHeaderProps } from './CardHeader.types';
-/**
- * Component to render an image, text and an action in a Card component.
- */
-export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,15 +0,0 @@
-define(["require", "exports", "react", "./useCardHeader", "./renderCardHeader", "./useCardHeaderStyles"], function (require, exports, React, useCardHeader_1, renderCardHeader_1, useCardHeaderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CardHeader = void 0;
-    /**
-     * Component to render an image, text and an action in a Card component.
-     */
-    exports.CardHeader = React.forwardRef(function (props, ref) {
-        var state = useCardHeader_1.useCardHeader(props, ref);
-        useCardHeaderStyles_1.useCardHeaderStyles(state);
-        return renderCardHeader_1.renderCardHeader(state);
-    });
-    exports.CardHeader.displayName = 'CardHeader';
-});
-//# sourceMappingURL=CardHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"../src/","sources":["components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;QAClF,IAAM,KAAK,GAAG,6BAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAExC,yCAAmB,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,mCAAgB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCardHeader } from './useCardHeader';\nimport { renderCardHeader } from './renderCardHeader';\nimport { useCardHeaderStyles } from './useCardHeaderStyles';\nimport type { CardHeaderProps } from './CardHeader.types';\n\n/**\n * Component to render an image, text and an action in a Card component.\n */\nexport const CardHeader = React.forwardRef<HTMLElement, CardHeaderProps>((props, ref) => {\n  const state = useCardHeader(props, ref);\n\n  useCardHeaderStyles(state);\n  return renderCardHeader(state);\n});\n\nCardHeader.displayName = 'CardHeader';\n"]}

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

@@ -1,44 +0,0 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
-/**
- * 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;
-/**
- * State used in rendering CardHeader
- */
-export interface CardHeaderState extends ComponentStateCompat<CardHeaderProps, CardHeaderShorthandProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
-}

package/lib-amd/components/CardHeader/CardHeader.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=CardHeader.types.js.map

package/lib-amd/components/CardHeader/CardHeader.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.types.js","sourceRoot":"../src/","sources":["components/CardHeader/CardHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * CardHeader Props\n */\nexport interface CardHeaderProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n  /**\n   * Image slot\n   */\n  image: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;\n\n  /**\n   * Content slot, wrapper of the header and description slots\n   */\n  content?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n  /**\n   * Header title slot\n   */\n  header: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n  /**\n   * Description slot\n   */\n  description: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n  /**\n   * Actions slot\n   */\n  action?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n}\n\n/**\n * Names of the shorthand properties in CardHeaderProps\n */\nexport type CardHeaderShorthandProps = 'image' | 'content' | 'header' | 'description' | 'action';\n\n/**\n * Names of CardHeaderProps that have a default value in useCardHeader\n */\nexport type CardHeaderDefaultedProps = never;\n\n/**\n * State used in rendering CardHeader\n */\nexport interface CardHeaderState extends ComponentStateCompat<CardHeaderProps, CardHeaderShorthandProps> {\n  /**\n   * Ref to the root element\n   */\n  ref: React.Ref<HTMLElement>;\n}\n"]}

package/lib-amd/components/CardHeader/index.d.ts

@@ -1,5 +0,0 @@
-export * from './CardHeader';
-export * from './CardHeader.types';
-export * from './renderCardHeader';
-export * from './useCardHeader';
-export * from './useCardHeaderStyles';

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

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./CardHeader", "./CardHeader.types", "./renderCardHeader", "./useCardHeader", "./useCardHeaderStyles"], function (require, exports, tslib_1, CardHeader_1, CardHeader_types_1, renderCardHeader_1, useCardHeader_1, useCardHeaderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(CardHeader_1, exports);
-    tslib_1.__exportStar(CardHeader_types_1, exports);
-    tslib_1.__exportStar(renderCardHeader_1, exports);
-    tslib_1.__exportStar(useCardHeader_1, exports);
-    tslib_1.__exportStar(useCardHeaderStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/CardHeader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/CardHeader/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B;IAC7B,kDAAmC;IACnC,kDAAmC;IACnC,+CAAgC;IAChC,qDAAsC","sourcesContent":["export * from './CardHeader';\nexport * from './CardHeader.types';\nexport * from './renderCardHeader';\nexport * from './useCardHeader';\nexport * from './useCardHeaderStyles';\n"]}

package/lib-amd/components/CardHeader/renderCardHeader.d.ts

@@ -1,5 +0,0 @@
-import type { CardHeaderState } from './CardHeader.types';
-/**
- * Render the final JSX of CardHeader
- */
-export declare const renderCardHeader: (state: CardHeaderState) => JSX.Element;

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

@@ -1,19 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useCardHeader"], function (require, exports, tslib_1, React, react_utilities_1, useCardHeader_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderCardHeader = void 0;
-    /**
-     * 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))));
-    };
-    exports.renderCardHeader = renderCardHeader;
-});
-//# sourceMappingURL=renderCardHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderCardHeader.js","sourceRoot":"../src/","sources":["components/CardHeader/renderCardHeader.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,gBAAgB,GAAG,UAAC,KAAsB;QAC/C,IAAA,KAAuB,gCAAc,CAAC,KAAK,EAAE,8CAA8B,CAAC,EAA1E,KAAK,WAAA,EAAE,SAAS,eAA0D,CAAC;QAEnF,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI;YACpC,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO;gBAClC,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI;gBACtC,oBAAC,KAAK,CAAC,WAAW,uBAAK,SAAS,CAAC,WAAW,EAAI,CAClC;YAChB,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI,CAC3B,CACd,CAAC;IACJ,CAAC,CAAC;IAbW,QAAA,gBAAgB,oBAa3B","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardHeaderShorthandPropsCompat } from './useCardHeader';\nimport type { CardHeaderState } from './CardHeader.types';\n\n/**\n * Render the final JSX of CardHeader\n */\nexport const renderCardHeader = (state: CardHeaderState) => {\n  const { slots, slotProps } = getSlotsCompat(state, cardHeaderShorthandPropsCompat);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.image {...slotProps.image} />\n      <slots.content {...slotProps.content}>\n        <slots.header {...slotProps.header} />\n        <slots.description {...slotProps.description} />\n      </slots.content>\n      <slots.action {...slotProps.action} />\n    </slots.root>\n  );\n};\n"]}

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

@@ -1,17 +0,0 @@
-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[];
-/**
- * Create the state required to render CardHeader.
- *
- * The returned state can be modified with hooks such as useCardHeaderStyles,
- * before being passed to renderCardHeader.
- *
- * @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;

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

@@ -1,39 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities"], function (require, exports, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardHeader = exports.cardHeaderShorthandPropsCompat = void 0;
-    /**
-     * Array of all shorthand properties listed in CardHeaderShorthandProps
-     */
-    exports.cardHeaderShorthandPropsCompat = [
-        'image',
-        'content',
-        'header',
-        'description',
-        'action',
-    ];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.cardHeaderShorthandPropsCompat });
-    /**
-     * Create the state required to render CardHeader.
-     *
-     * The returned state can be modified with hooks such as useCardHeaderStyles,
-     * before being passed to renderCardHeader.
-     *
-     * @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' },
-            ref: ref,
-        }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.cardHeaderShorthandPropsCompat), react_utilities_1.resolveShorthandProps(props, exports.cardHeaderShorthandPropsCompat));
-        return state;
-    };
-    exports.useCardHeader = useCardHeader;
-});
-//# sourceMappingURL=useCardHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCardHeader.js","sourceRoot":"../src/","sources":["components/CardHeader/useCardHeader.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,8BAA8B,GAA+B;QACxE,OAAO;QACP,SAAS;QACT,QAAQ;QACR,aAAa;QACb,QAAQ;KACT,CAAC;IAEF,IAAM,UAAU,GAAG,gCAAc,CAAkB,EAAE,SAAS,EAAE,sCAA8B,EAAE,CAAC,CAAC;IAElG;;;;;;;;;OASG;IACI,IAAM,aAAa,GAAG,UAC3B,KAAsB,EACtB,GAA2B,EAC3B,YAA8B;QAE9B,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACpB,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE;YAChD,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;YACtB,WAAW,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;YAC3B,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACrB,GAAG,KAAA;SACJ,EACD,YAAY,IAAI,uCAAqB,CAAC,YAAY,EAAE,sCAA8B,CAAC,EACnF,uCAAqB,CAAC,KAAK,EAAE,sCAA8B,CAAC,CAC7D,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAnBW,QAAA,aAAa,iBAmBxB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardHeaderProps, CardHeaderShorthandProps, CardHeaderState } from './CardHeader.types';\n\n/**\n * Array of all shorthand properties listed in CardHeaderShorthandProps\n */\nexport const cardHeaderShorthandPropsCompat: CardHeaderShorthandProps[] = [\n  'image',\n  'content',\n  'header',\n  'description',\n  'action',\n];\n\nconst mergeProps = makeMergeProps<CardHeaderState>({ deepMerge: cardHeaderShorthandPropsCompat });\n\n/**\n * Create the state required to render CardHeader.\n *\n * The returned state can be modified with hooks such as useCardHeaderStyles,\n * before being passed to renderCardHeader.\n *\n * @param props - props from this instance of CardHeader\n * @param ref - reference to root HTMLElement of CardHeader\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardHeader = (\n  props: CardHeaderProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: CardHeaderProps,\n): CardHeaderState => {\n  const state = mergeProps(\n    {\n      image: { as: 'div' },\n      content: { as: 'div', children: React.Fragment },\n      header: { as: 'span' },\n      description: { as: 'span' },\n      action: { as: 'div' },\n      ref,\n    },\n    defaultProps && resolveShorthandProps(defaultProps, cardHeaderShorthandPropsCompat),\n    resolveShorthandProps(props, cardHeaderShorthandPropsCompat),\n  );\n\n  return state;\n};\n"]}

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

@@ -1,5 +0,0 @@
-import type { CardHeaderState } from './CardHeader.types';
-/**
- * Apply styling to the CardHeader slots based on the state
- */
-export declare const useCardHeaderStyles: (state: CardHeaderState) => CardHeaderState;

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

@@ -1,56 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardHeaderStyles = void 0;
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_make_styles_1.makeStyles({
-        root: {
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: '12px',
-            height: '32px',
-        },
-        image: {
-            minWidth: '24px',
-            minHeight: '24px',
-            maxWidth: '32px',
-            maxHeight: '32px',
-            display: 'flex',
-            alignItems: 'center',
-            '> *': {
-                minWidth: 'inherit',
-                minHeight: 'inherit',
-                maxWidth: '100%',
-                maxHeight: '100%',
-            },
-        },
-        textContainer: {
-            display: 'flex',
-            flexDirection: 'column',
-            flexGrow: 1,
-            height: 'inherit',
-            '> *': {
-                height: '50%',
-            },
-        },
-    });
-    /**
-     * Apply styling to the CardHeader slots based on the state
-     */
-    var useCardHeaderStyles = function (state) {
-        var styles = useStyles();
-        state.className = react_make_styles_1.mergeClasses(styles.root, state.className);
-        if (state.image) {
-            state.image.className = react_make_styles_1.mergeClasses(styles.image, state.image.className);
-        }
-        if (state.content) {
-            state.content.className = react_make_styles_1.mergeClasses(styles.textContainer, state.content.className);
-        }
-        return state;
-    };
-    exports.useCardHeaderStyles = useCardHeaderStyles;
-});
-//# sourceMappingURL=useCardHeaderStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCardHeaderStyles.js","sourceRoot":"../src/","sources":["components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,MAAM;SACf;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,MAAM;YAEjB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YAEpB,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,SAAS,EAAE,SAAS;gBACpB,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;aAClB;SACF;QAED,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,SAAS;YAEjB,KAAK,EAAE;gBACL,MAAM,EAAE,KAAK;aACd;SACF;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,mBAAmB,GAAG,UAAC,KAAsB;QACxD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAE7D,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC3E;QAED,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,KAAK,CAAC,OAAO,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;SACvF;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAbW,QAAA,mBAAmB,uBAa9B","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardHeaderState } from './CardHeader.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: '12px',\n    height: '32px',\n  },\n  image: {\n    minWidth: '24px',\n    minHeight: '24px',\n    maxWidth: '32px',\n    maxHeight: '32px',\n\n    display: 'flex',\n    alignItems: 'center',\n\n    '> *': {\n      minWidth: 'inherit',\n      minHeight: 'inherit',\n      maxWidth: '100%',\n      maxHeight: '100%',\n    },\n  },\n\n  textContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexGrow: 1,\n    height: 'inherit',\n\n    '> *': {\n      height: '50%',\n    },\n  },\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state\n */\nexport const useCardHeaderStyles = (state: CardHeaderState): CardHeaderState => {\n  const styles = useStyles();\n  state.className = mergeClasses(styles.root, state.className);\n\n  if (state.image) {\n    state.image.className = mergeClasses(styles.image, state.image.className);\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(styles.textContainer, state.content.className);\n  }\n\n  return state;\n};\n"]}

package/lib-amd/components/CardPreview/CardPreview.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { CardPreviewProps } from './CardPreview.types';
-/**
- * Component to render image previews of documents or articles in a Card component.
- */
-export declare const CardPreview: React.ForwardRefExoticComponent<CardPreviewProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,15 +0,0 @@
-define(["require", "exports", "react", "./useCardPreview", "./renderCardPreview", "./useCardPreviewStyles"], function (require, exports, React, useCardPreview_1, renderCardPreview_1, useCardPreviewStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CardPreview = void 0;
-    /**
-     * Component to render image previews of documents or articles in a Card component.
-     */
-    exports.CardPreview = React.forwardRef(function (props, ref) {
-        var state = useCardPreview_1.useCardPreview(props, ref);
-        useCardPreviewStyles_1.useCardPreviewStyles(state);
-        return renderCardPreview_1.renderCardPreview(state);
-    });
-    exports.CardPreview.displayName = 'CardPreview';
-});
-//# sourceMappingURL=CardPreview.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardPreview.js","sourceRoot":"../src/","sources":["components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG;QACpF,IAAM,KAAK,GAAG,+BAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzC,2CAAoB,CAAC,KAAK,CAAC,CAAC;QAC5B,OAAO,qCAAiB,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCardPreview } from './useCardPreview';\nimport { renderCardPreview } from './renderCardPreview';\nimport { useCardPreviewStyles } from './useCardPreviewStyles';\nimport type { CardPreviewProps } from './CardPreview.types';\n\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview = React.forwardRef<HTMLElement, CardPreviewProps>((props, ref) => {\n  const state = useCardPreview(props, ref);\n\n  useCardPreviewStyles(state);\n  return renderCardPreview(state);\n});\n\nCardPreview.displayName = 'CardPreview';\n"]}

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

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';
-/**
- * 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;
-/**
- * State used in rendering CardPreview
- */
-export interface CardPreviewState extends ComponentStateCompat<CardPreviewProps, CardPreviewShorthandProps, CardPreviewDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
-}

package/lib-amd/components/CardPreview/CardPreview.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=CardPreview.types.js.map

package/lib-amd/components/CardPreview/CardPreview.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardPreview.types.js","sourceRoot":"../src/","sources":["components/CardPreview/CardPreview.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat, ShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * CardPreview Props\n */\nexport interface CardPreviewProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n  /**\n   * Image slot\n   */\n  logo?: ShorthandPropsCompat<React.ImgHTMLAttributes<HTMLImageElement>>;\n}\n\n/**\n * Names of the shorthand properties in CardPreviewProps\n */\nexport type CardPreviewShorthandProps = 'logo';\n\n/**\n * Names of CardPreviewProps that have a default value in useCardPreview\n */\nexport type CardPreviewDefaultedProps = never;\n\n/**\n * State used in rendering CardPreview\n */\nexport interface CardPreviewState\n  extends ComponentStateCompat<CardPreviewProps, CardPreviewShorthandProps, CardPreviewDefaultedProps> {\n  /**\n   * Ref to the root element\n   */\n  ref: React.Ref<HTMLElement>;\n}\n"]}

package/lib-amd/components/CardPreview/index.d.ts

@@ -1,5 +0,0 @@
-export * from './CardPreview';
-export * from './CardPreview.types';
-export * from './renderCardPreview';
-export * from './useCardPreview';
-export * from './useCardPreviewStyles';

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

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./CardPreview", "./CardPreview.types", "./renderCardPreview", "./useCardPreview", "./useCardPreviewStyles"], function (require, exports, tslib_1, CardPreview_1, CardPreview_types_1, renderCardPreview_1, useCardPreview_1, useCardPreviewStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(CardPreview_1, exports);
-    tslib_1.__exportStar(CardPreview_types_1, exports);
-    tslib_1.__exportStar(renderCardPreview_1, exports);
-    tslib_1.__exportStar(useCardPreview_1, exports);
-    tslib_1.__exportStar(useCardPreviewStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/CardPreview/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/CardPreview/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B;IAC9B,mDAAoC;IACpC,mDAAoC;IACpC,gDAAiC;IACjC,sDAAuC","sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles';\n"]}

package/lib-amd/components/CardPreview/renderCardPreview.d.ts

@@ -1,5 +0,0 @@
-import type { CardPreviewState } from './CardPreview.types';
-/**
- * Render the final JSX of CardPreview
- */
-export declare const renderCardPreview: (state: CardPreviewState) => JSX.Element;

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

@@ -1,16 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useCardPreview"], function (require, exports, tslib_1, React, react_utilities_1, useCardPreview_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderCardPreview = void 0;
-    /**
-     * 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))));
-    };
-    exports.renderCardPreview = renderCardPreview;
-});
-//# sourceMappingURL=renderCardPreview.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderCardPreview.js","sourceRoot":"../src/","sources":["components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,iBAAiB,GAAG,UAAC,KAAuB;QACjD,IAAA,KAAuB,gCAAc,CAAC,KAAK,EAAE,gDAA+B,CAAC,EAA3E,KAAK,WAAA,EAAE,SAAS,eAA2D,CAAC;QAEpF,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,QAAQ;YACf,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CACvB,CACd,CAAC;IACJ,CAAC,CAAC;IATW,QAAA,iBAAiB,qBAS5B","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { cardPreviewShorthandPropsCompat } from './useCardPreview';\nimport type { CardPreviewState } from './CardPreview.types';\n\n/**\n * Render the final JSX of CardPreview\n */\nexport const renderCardPreview = (state: CardPreviewState) => {\n  const { slots, slotProps } = getSlotsCompat(state, cardPreviewShorthandPropsCompat);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.children}\n      <slots.logo {...slotProps.logo} />\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/CardPreview/useCardPreview.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { CardPreviewProps, CardPreviewShorthandProps, CardPreviewState } from './CardPreview.types';
-/**
- * Array of all shorthand properties listed in CardPreviewShorthandProps
- */
-export declare const cardPreviewShorthandPropsCompat: CardPreviewShorthandProps[];
-/**
- * Create the state required to render CardPreview.
- *
- * The returned state can be modified with hooks such as useCardPreviewStyles,
- * before being passed to renderCardPreview.
- *
- * @param props - props from this instance of CardPreview
- * @param ref - reference to root HTMLElement of CardPreview
- * @param defaultProps - (optional) default prop values provided by the implementing type
- */
-export declare const useCardPreview: (props: CardPreviewProps, ref: React.Ref<HTMLElement>, defaultProps?: CardPreviewProps | undefined) => CardPreviewState;

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

@@ -1,29 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities"], function (require, exports, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardPreview = exports.cardPreviewShorthandPropsCompat = void 0;
-    /**
-     * Array of all shorthand properties listed in CardPreviewShorthandProps
-     */
-    exports.cardPreviewShorthandPropsCompat = ['logo'];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.cardPreviewShorthandPropsCompat });
-    /**
-     * Create the state required to render CardPreview.
-     *
-     * The returned state can be modified with hooks such as useCardPreviewStyles,
-     * before being passed to renderCardPreview.
-     *
-     * @param props - props from this instance of CardPreview
-     * @param ref - reference to root HTMLElement of CardPreview
-     * @param defaultProps - (optional) default prop values provided by the implementing type
-     */
-    var useCardPreview = function (props, ref, defaultProps) {
-        var state = mergeProps({
-            ref: ref,
-            logo: { as: 'div' },
-        }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.cardPreviewShorthandPropsCompat), react_utilities_1.resolveShorthandProps(props, exports.cardPreviewShorthandPropsCompat));
-        return state;
-    };
-    exports.useCardPreview = useCardPreview;
-});
-//# sourceMappingURL=useCardPreview.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCardPreview.js","sourceRoot":"../src/","sources":["components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,+BAA+B,GAAgC,CAAC,MAAM,CAAC,CAAC;IAErF,IAAM,UAAU,GAAG,gCAAc,CAAmB,EAAE,SAAS,EAAE,uCAA+B,EAAE,CAAC,CAAC;IAEpG;;;;;;;;;OASG;IACI,IAAM,cAAc,GAAG,UAC5B,KAAuB,EACvB,GAA2B,EAC3B,YAA+B;QAE/B,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,KAAA;YACH,IAAI,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;SACpB,EACD,YAAY,IAAI,uCAAqB,CAAC,YAAY,EAAE,uCAA+B,CAAC,EACpF,uCAAqB,CAAC,KAAK,EAAE,uCAA+B,CAAC,CAC9D,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAfW,QAAA,cAAc,kBAezB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewShorthandProps, CardPreviewState } from './CardPreview.types';\n\n/**\n * Array of all shorthand properties listed in CardPreviewShorthandProps\n */\nexport const cardPreviewShorthandPropsCompat: CardPreviewShorthandProps[] = ['logo'];\n\nconst mergeProps = makeMergeProps<CardPreviewState>({ deepMerge: cardPreviewShorthandPropsCompat });\n\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles,\n * before being passed to renderCardPreview.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useCardPreview = (\n  props: CardPreviewProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: CardPreviewProps,\n): CardPreviewState => {\n  const state = mergeProps(\n    {\n      ref,\n      logo: { as: 'div' },\n    },\n    defaultProps && resolveShorthandProps(defaultProps, cardPreviewShorthandPropsCompat),\n    resolveShorthandProps(props, cardPreviewShorthandPropsCompat),\n  );\n\n  return state;\n};\n"]}

package/lib-amd/components/CardPreview/useCardPreviewStyles.d.ts

@@ -1,5 +0,0 @@
-import type { CardPreviewState } from './CardPreview.types';
-/**
- * Apply styling to the CardPreview slots based on the state
- */
-export declare const useCardPreviewStyles: (state: CardPreviewState) => CardPreviewState;

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

@@ -1,39 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCardPreviewStyles = void 0;
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_make_styles_1.makeStyles({
-        root: function (theme) { return ({
-            position: 'relative',
-            // TODO: Explore alternate way of applying padding on parent Card
-            margin: '0 -12px',
-            '> *': {
-                display: 'block',
-                width: '100%',
-            },
-        }); },
-        logo: {
-            position: 'absolute',
-            bottom: '12px',
-            left: '12px',
-            width: '32px',
-            height: '32px',
-        },
-    });
-    /**
-     * Apply styling to the CardPreview slots based on the state
-     */
-    var useCardPreviewStyles = function (state) {
-        var styles = useStyles();
-        state.className = react_make_styles_1.mergeClasses(styles.root, state.className);
-        if (state.logo) {
-            state.logo.className = react_make_styles_1.mergeClasses(styles.logo, state.logo.className);
-        }
-        return state;
-    };
-    exports.useCardPreviewStyles = useCardPreviewStyles;
-});
-//# sourceMappingURL=useCardPreviewStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCardPreviewStyles.js","sourceRoot":"../src/","sources":["components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,QAAQ,EAAE,UAAU;YACpB,iEAAiE;YACjE,MAAM,EAAE,SAAS;YAEjB,KAAK,EAAE;gBACL,OAAO,EAAE,OAAO;gBAChB,KAAK,EAAE,MAAM;aACd;SACF,CAAC,EATa,CASb;QAEF,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,oBAAoB,GAAG,UAAC,KAAuB;QAC1D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAE7D,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACxE;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IATW,QAAA,oBAAoB,wBAS/B","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { CardPreviewState } from './CardPreview.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: theme => ({\n    position: 'relative',\n    // TODO: Explore alternate way of applying padding on parent Card\n    margin: '0 -12px',\n\n    '> *': {\n      display: 'block',\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 = (state: CardPreviewState): CardPreviewState => {\n  const styles = useStyles();\n  state.className = mergeClasses(styles.root, state.className);\n\n  if (state.logo) {\n    state.logo.className = mergeClasses(styles.logo, state.logo.className);\n  }\n\n  return state;\n};\n"]}