first commit

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.classNames.d.ts

@@ -0,0 +1,14 @@
+import type { IActivityItemStyles } from './ActivityItem.types';
+import type { IPersonaProps } from '../../Persona';
+export interface IActivityItemClassNames {
+    root?: string;
+    activityContent?: string;
+    activityText?: string;
+    personaContainer?: string;
+    activityPersona?: string;
+    activityTypeIcon?: string;
+    commentText?: string;
+    timeStamp?: string;
+    pulsingBeacon?: string;
+}
+export declare const getClassNames: (styles: IActivityItemStyles, className: string, activityPersonas: Array<IPersonaProps>, isCompact: boolean) => IActivityItemClassNames;

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.classNames.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getClassNames = void 0;
+var Styling_1 = require("../../Styling");
+var Utilities_1 = require("../../Utilities");
+exports.getClassNames = (0, Utilities_1.memoizeFunction)(function (styles, className, activityPersonas, isCompact) {
+    return {
+        root: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem', className, styles.root, isCompact && styles.isCompactRoot),
+        pulsingBeacon: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem-pulsingBeacon', styles.pulsingBeacon),
+        personaContainer: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem-personaContainer', styles.personaContainer, isCompact && styles.isCompactPersonaContainer),
+        activityPersona: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem-activityPersona', styles.activityPersona, isCompact && styles.isCompactPersona, !isCompact && activityPersonas && activityPersonas.length === 2 && styles.doublePersona),
+        activityTypeIcon: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem-activityTypeIcon', styles.activityTypeIcon, isCompact && styles.isCompactIcon),
+        activityContent: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem-activityContent', styles.activityContent, isCompact && styles.isCompactContent),
+        activityText: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem-activityText', styles.activityText),
+        commentText: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem-commentText', styles.commentText),
+        timeStamp: (0, Styling_1.mergeStyles)(styles.__shadowConfig__, 'ms-ActivityItem-timeStamp', styles.timeStamp, isCompact && styles.isCompactTimeStamp),
+    };
+});
+//# sourceMappingURL=ActivityItem.classNames.js.map

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.classNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityItem.classNames.js","sourceRoot":"../src/","sources":["components/ActivityItem/ActivityItem.classNames.ts"],"names":[],"mappings":";;;AAAA,yCAA4C;AAC5C,6CAAkD;AAgBrC,QAAA,aAAa,GAAG,IAAA,2BAAe,EAC1C,UACE,MAA2B,EAC3B,SAAiB,EACjB,gBAAsC,EACtC,SAAkB;IAElB,OAAO;QACL,IAAI,EAAE,IAAA,qBAAW,EACf,MAAM,CAAC,gBAAgB,EACvB,iBAAiB,EACjB,SAAS,EACT,MAAM,CAAC,IAAI,EACX,SAAS,IAAI,MAAM,CAAC,aAAa,CAClC;QAED,aAAa,EAAE,IAAA,qBAAW,EAAC,MAAM,CAAC,gBAAgB,EAAE,+BAA+B,EAAE,MAAM,CAAC,aAAa,CAAC;QAE1G,gBAAgB,EAAE,IAAA,qBAAW,EAC3B,MAAM,CAAC,gBAAgB,EACvB,kCAAkC,EAClC,MAAM,CAAC,gBAAgB,EACvB,SAAS,IAAI,MAAM,CAAC,yBAAyB,CAC9C;QAED,eAAe,EAAE,IAAA,qBAAW,EAC1B,MAAM,CAAC,gBAAgB,EACvB,iCAAiC,EACjC,MAAM,CAAC,eAAe,EACtB,SAAS,IAAI,MAAM,CAAC,gBAAgB,EACpC,CAAC,SAAS,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,aAAa,CACxF;QAED,gBAAgB,EAAE,IAAA,qBAAW,EAC3B,MAAM,CAAC,gBAAgB,EACvB,kCAAkC,EAClC,MAAM,CAAC,gBAAgB,EACvB,SAAS,IAAI,MAAM,CAAC,aAAa,CAClC;QAED,eAAe,EAAE,IAAA,qBAAW,EAC1B,MAAM,CAAC,gBAAgB,EACvB,iCAAiC,EACjC,MAAM,CAAC,eAAe,EACtB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CACrC;QAED,YAAY,EAAE,IAAA,qBAAW,EAAC,MAAM,CAAC,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,CAAC,YAAY,CAAC;QACvG,WAAW,EAAE,IAAA,qBAAW,EAAC,MAAM,CAAC,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,CAAC,WAAW,CAAC;QACpG,SAAS,EAAE,IAAA,qBAAW,EACpB,MAAM,CAAC,gBAAgB,EACvB,2BAA2B,EAC3B,MAAM,CAAC,SAAS,EAChB,SAAS,IAAI,MAAM,CAAC,kBAAkB,CACvC;KACF,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import { mergeStyles } from '../../Styling';\nimport { memoizeFunction } from '../../Utilities';\nimport type { IActivityItemStyles } from './ActivityItem.types';\nimport type { IPersonaProps } from '../../Persona';\n\nexport interface IActivityItemClassNames {\n  root?: string;\n  activityContent?: string;\n  activityText?: string;\n  personaContainer?: string;\n  activityPersona?: string;\n  activityTypeIcon?: string;\n  commentText?: string;\n  timeStamp?: string;\n  pulsingBeacon?: string;\n}\n\nexport const getClassNames = memoizeFunction(\n  (\n    styles: IActivityItemStyles,\n    className: string,\n    activityPersonas: Array<IPersonaProps>,\n    isCompact: boolean,\n  ): IActivityItemClassNames => {\n    return {\n      root: mergeStyles(\n        styles.__shadowConfig__,\n        'ms-ActivityItem',\n        className,\n        styles.root,\n        isCompact && styles.isCompactRoot,\n      ),\n\n      pulsingBeacon: mergeStyles(styles.__shadowConfig__, 'ms-ActivityItem-pulsingBeacon', styles.pulsingBeacon),\n\n      personaContainer: mergeStyles(\n        styles.__shadowConfig__,\n        'ms-ActivityItem-personaContainer',\n        styles.personaContainer,\n        isCompact && styles.isCompactPersonaContainer,\n      ),\n\n      activityPersona: mergeStyles(\n        styles.__shadowConfig__,\n        'ms-ActivityItem-activityPersona',\n        styles.activityPersona,\n        isCompact && styles.isCompactPersona,\n        !isCompact && activityPersonas && activityPersonas.length === 2 && styles.doublePersona,\n      ),\n\n      activityTypeIcon: mergeStyles(\n        styles.__shadowConfig__,\n        'ms-ActivityItem-activityTypeIcon',\n        styles.activityTypeIcon,\n        isCompact && styles.isCompactIcon,\n      ),\n\n      activityContent: mergeStyles(\n        styles.__shadowConfig__,\n        'ms-ActivityItem-activityContent',\n        styles.activityContent,\n        isCompact && styles.isCompactContent,\n      ),\n\n      activityText: mergeStyles(styles.__shadowConfig__, 'ms-ActivityItem-activityText', styles.activityText),\n      commentText: mergeStyles(styles.__shadowConfig__, 'ms-ActivityItem-commentText', styles.commentText),\n      timeStamp: mergeStyles(\n        styles.__shadowConfig__,\n        'ms-ActivityItem-timeStamp',\n        styles.timeStamp,\n        isCompact && styles.isCompactTimeStamp,\n      ),\n    };\n  },\n);\n"]}

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { IActivityItemProps } from './ActivityItem.types';
+import type { JSXElement } from '@fluentui/utilities';
+/**
+ * {@docCategory ActivityItem}
+ */
+export declare class ActivityItem extends React.Component<IActivityItemProps, {}> {
+    constructor(props: IActivityItemProps);
+    render(): JSXElement;
+    private _onRenderIcon;
+    private _onRenderActivityDescription;
+    private _onRenderComments;
+    private _onRenderTimeStamp;
+    private _onRenderPersonaArray;
+    private _getClassNames;
+}

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityItem = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var ActivityItem_classNames_1 = require("./ActivityItem.classNames");
+var ActivityItem_styles_1 = require("./ActivityItem.styles");
+var Persona_1 = require("../../Persona");
+/**
+ * {@docCategory ActivityItem}
+ */
+var ActivityItem = /** @class */ (function (_super) {
+    tslib_1.__extends(ActivityItem, _super);
+    function ActivityItem(props) {
+        var _this = _super.call(this, props) || this;
+        _this._onRenderIcon = function (props) {
+            if (props.activityPersonas) {
+                return _this._onRenderPersonaArray(props);
+            }
+            else {
+                return _this.props.activityIcon;
+            }
+        };
+        _this._onRenderActivityDescription = function (props) {
+            var classNames = _this._getClassNames(props);
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            var activityDescription = props.activityDescription || props.activityDescriptionText;
+            if (activityDescription) {
+                return React.createElement("span", { className: classNames.activityText }, activityDescription);
+            }
+            return null;
+        };
+        _this._onRenderComments = function (props) {
+            var classNames = _this._getClassNames(props);
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            var comments = props.comments || props.commentText;
+            if (!props.isCompact && comments) {
+                return React.createElement("div", { className: classNames.commentText }, comments);
+            }
+            return null;
+        };
+        _this._onRenderTimeStamp = function (props) {
+            var classNames = _this._getClassNames(props);
+            if (!props.isCompact && props.timeStamp) {
+                return React.createElement("div", { className: classNames.timeStamp }, props.timeStamp);
+            }
+            return null;
+        };
+        // If activityPersonas is an array of persona props, build the persona cluster element.
+        _this._onRenderPersonaArray = function (props) {
+            var classNames = _this._getClassNames(props);
+            var personaElement = null;
+            var activityPersonas = props.activityPersonas;
+            if (activityPersonas[0].imageUrl || activityPersonas[0].imageInitials) {
+                var personaList_1 = [];
+                var showSize16Personas_1 = activityPersonas.length > 1 || props.isCompact;
+                var personaLimit_1 = props.isCompact ? 3 : 4;
+                var style_1 = undefined;
+                if (props.isCompact) {
+                    style_1 = {
+                        display: 'inline-block',
+                        width: '10px',
+                        minWidth: '10px',
+                        overflow: 'visible',
+                    };
+                }
+                activityPersonas
+                    .filter(function (person, index) { return index < personaLimit_1; })
+                    .forEach(function (person, index) {
+                    personaList_1.push(React.createElement(Persona_1.PersonaCoin, tslib_1.__assign({}, person, { key: person.key || index, className: classNames.activityPersona, 
+                        // eslint-disable-next-line @typescript-eslint/no-deprecated
+                        size: showSize16Personas_1 ? Persona_1.PersonaSize.size16 : Persona_1.PersonaSize.size32, style: style_1 })));
+                });
+                personaElement = React.createElement("div", { className: classNames.personaContainer }, personaList_1);
+            }
+            return personaElement;
+        };
+        return _this;
+    }
+    ActivityItem.prototype.render = function () {
+        var _a = this.props, _b = _a.onRenderIcon, onRenderIcon = _b === void 0 ? this._onRenderIcon : _b, _c = _a.onRenderActivityDescription, onRenderActivityDescription = _c === void 0 ? this._onRenderActivityDescription : _c, _d = _a.onRenderComments, onRenderComments = _d === void 0 ? this._onRenderComments : _d, _e = _a.onRenderTimeStamp, onRenderTimeStamp = _e === void 0 ? this._onRenderTimeStamp : _e, animateBeaconSignal = _a.animateBeaconSignal, isCompact = _a.isCompact;
+        var classNames = this._getClassNames(this.props);
+        return (React.createElement("div", { className: classNames.root, style: this.props.style },
+            (this.props.activityPersonas || this.props.activityIcon || this.props.onRenderIcon) && (React.createElement("div", { className: classNames.activityTypeIcon },
+                animateBeaconSignal && isCompact && React.createElement("div", { className: classNames.pulsingBeacon }),
+                onRenderIcon(this.props))),
+            React.createElement("div", { className: classNames.activityContent },
+                onRenderActivityDescription(this.props, this._onRenderActivityDescription),
+                onRenderComments(this.props, this._onRenderComments),
+                onRenderTimeStamp(this.props, this._onRenderTimeStamp))));
+    };
+    ActivityItem.prototype._getClassNames = function (props) {
+        return (0, ActivityItem_classNames_1.getClassNames)((0, ActivityItem_styles_1.getStyles)(undefined, props.styles, props.animateBeaconSignal, props.beaconColorOne, props.beaconColorTwo, props.isCompact), props.className, props.activityPersonas, props.isCompact);
+    };
+    return ActivityItem;
+}(React.Component));
+exports.ActivityItem = ActivityItem;
+//# sourceMappingURL=ActivityItem.js.map

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.styles.d.ts

@@ -0,0 +1,3 @@
+import type { ITheme } from '../../Styling';
+import type { IActivityItemStyles, IActivityItemProps } from './ActivityItem.types';
+export declare const getStyles: (theme?: ITheme, customStyles?: IActivityItemStyles, animateBeaconSignal?: IActivityItemProps["animateBeaconSignal"], beaconColorOne?: IActivityItemProps["beaconColorOne"], beaconColorTwo?: IActivityItemProps["beaconColorTwo"], isCompact?: IActivityItemProps["isCompact"]) => IActivityItemStyles;

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.styles.js

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = void 0;
+var tslib_1 = require("tslib");
+var Styling_1 = require("../../Styling");
+var Utilities_1 = require("../../Utilities");
+var DEFAULT_PERSONA_SIZE = '32px';
+var COMPACT_PERSONA_SIZE = '16px';
+var DEFAULT_ICON_SIZE = '16px';
+var COMPACT_ICON_SIZE = '13px';
+var ANIMATION_INNER_DIMENSION = '4px';
+var ANIMATION_OUTER_DIMENSION = '28px';
+var ANIMATION_BORDER_WIDTH = '4px';
+var fadeIn = (0, Utilities_1.memoizeFunction)(function () {
+    return (0, Styling_1.keyframes)({
+        from: { opacity: 0 },
+        to: { opacity: 1 },
+    });
+});
+var slideIn = (0, Utilities_1.memoizeFunction)(function () {
+    return (0, Styling_1.keyframes)({
+        from: { transform: 'translateX(-10px)' },
+        to: { transform: 'translateX(0)' },
+    });
+});
+exports.getStyles = (0, Utilities_1.memoizeFunction)(function (theme, customStyles, animateBeaconSignal, beaconColorOne, beaconColorTwo, isCompact) {
+    var _a;
+    if (theme === void 0) { theme = (0, Styling_1.getTheme)(); }
+    var continuousPulse = Styling_1.PulsingBeaconAnimationStyles.continuousPulseAnimationSingle(beaconColorOne ? beaconColorOne : theme.palette.themePrimary, beaconColorTwo ? beaconColorTwo : theme.palette.themeTertiary, ANIMATION_INNER_DIMENSION, ANIMATION_OUTER_DIMENSION, ANIMATION_BORDER_WIDTH);
+    var continuousPulseAnimation = {
+        animationName: continuousPulse,
+        animationIterationCount: '1',
+        animationDuration: '.8s',
+        zIndex: 1,
+    };
+    var slideInAnimation = {
+        animationName: slideIn(),
+        animationIterationCount: '1',
+        animationDuration: '.5s',
+    };
+    var fadeInAnimation = {
+        animationName: fadeIn(),
+        animationIterationCount: '1',
+        animationDuration: '.5s',
+    };
+    var ActivityItemStyles = {
+        root: [
+            theme.fonts.small,
+            {
+                display: 'flex',
+                justifyContent: 'flex-start',
+                alignItems: 'flex-start',
+                boxSizing: 'border-box',
+                color: theme.palette.neutralSecondary,
+            },
+            isCompact && animateBeaconSignal && fadeInAnimation,
+        ],
+        pulsingBeacon: [
+            {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                width: '0px',
+                height: '0px',
+                borderRadius: '225px',
+                borderStyle: 'solid',
+                opacity: 0,
+            },
+            isCompact && animateBeaconSignal && continuousPulseAnimation,
+        ],
+        isCompactRoot: {
+            alignItems: 'center',
+        },
+        personaContainer: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            minWidth: DEFAULT_PERSONA_SIZE,
+            width: DEFAULT_PERSONA_SIZE,
+            height: DEFAULT_PERSONA_SIZE,
+        },
+        isCompactPersonaContainer: {
+            display: 'inline-flex',
+            flexWrap: 'nowrap',
+            flexBasis: 'auto',
+            height: COMPACT_PERSONA_SIZE,
+            width: 'auto',
+            minWidth: '0',
+            paddingRight: '6px',
+        },
+        activityTypeIcon: {
+            height: DEFAULT_PERSONA_SIZE,
+            fontSize: DEFAULT_ICON_SIZE,
+            lineHeight: DEFAULT_ICON_SIZE,
+            marginTop: '3px',
+        },
+        isCompactIcon: {
+            height: COMPACT_PERSONA_SIZE,
+            minWidth: COMPACT_PERSONA_SIZE,
+            fontSize: COMPACT_ICON_SIZE,
+            lineHeight: COMPACT_ICON_SIZE,
+            color: theme.palette.themePrimary,
+            marginTop: '1px',
+            position: 'relative',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            selectors: {
+                '.ms-Persona-imageArea': {
+                    margin: '-2px 0 0 -2px',
+                    border: '2px solid' + theme.palette.white,
+                    borderRadius: '50%',
+                    selectors: (_a = {},
+                        _a[Styling_1.HighContrastSelector] = {
+                            border: 'none',
+                            margin: '0',
+                        },
+                        _a),
+                },
+            },
+        },
+        activityPersona: {
+            display: 'block',
+        },
+        doublePersona: {
+            selectors: {
+                ':first-child': {
+                    alignSelf: 'flex-end',
+                },
+            },
+        },
+        isCompactPersona: {
+            display: 'inline-block',
+            width: '8px',
+            minWidth: '8px',
+            overflow: 'visible',
+        },
+        activityContent: [
+            {
+                padding: '0 8px',
+            },
+            isCompact && animateBeaconSignal && slideInAnimation,
+        ],
+        activityText: {
+            display: 'inline',
+        },
+        isCompactContent: {
+            flex: '1',
+            padding: '0 4px',
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            overflowX: 'hidden',
+        },
+        commentText: {
+            color: theme.palette.neutralPrimary,
+        },
+        timeStamp: [
+            theme.fonts.tiny,
+            {
+                fontWeight: 400,
+                color: theme.palette.neutralSecondary,
+            },
+        ],
+        isCompactTimeStamp: {
+            display: 'inline-block',
+            paddingLeft: '0.3em', // One space character
+            fontSize: '1em',
+        },
+    };
+    var _b = customStyles || {}, __shadowConfig__ = _b.__shadowConfig__, restStyles = tslib_1.__rest(_b, ["__shadowConfig__"]);
+    if (__shadowConfig__) {
+        return (0, Styling_1.concatStyleSets)(__shadowConfig__, ActivityItemStyles, restStyles);
+    }
+    return (0, Styling_1.concatStyleSets)(ActivityItemStyles, customStyles);
+});
+//# sourceMappingURL=ActivityItem.styles.js.map

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.types.d.ts

@@ -0,0 +1,149 @@
+import * as React from 'react';
+import type { IShadowDomStyle, IStyle } from '../../Styling';
+import type { IRenderFunction } from '../../Utilities';
+import type { IPersonaSharedProps } from '../../Persona';
+/**
+ * {@docCategory ActivityItem}
+ */
+export interface IActivityItemProps extends React.AllHTMLAttributes<HTMLElement> {
+    /**
+     * An element describing the activity that took place. If no `activityDescription`, `activityDescriptionText`, or
+     * `onRenderActivityDescription` are included, no description of the activity is shown.
+     */
+    activityDescription?: React.ReactNode[] | React.ReactNode;
+    /**
+     * Text describing the activity that occurred and naming the people involved in it.
+     * @deprecated Use `activityDescription` instead.
+     */
+    activityDescriptionText?: string;
+    /**
+     * An element containing an icon shown next to the activity item.
+     */
+    activityIcon?: React.ReactNode;
+    /**
+     * If `activityIcon` is not set, the personas in this array will be used as the icon for the this activity item.
+     */
+    activityPersonas?: IPersonaSharedProps[];
+    /**
+     * An element containing the text of comments or \@mention messages.
+     * If no `comments`, `commentText`, or `onRenderComments` are included, no comments are shown.
+     */
+    comments?: React.ReactNode[] | React.ReactNode;
+    /**
+     * Text of comments or \@mention messages.
+     * @deprecated Use `comments` instead.
+     */
+    commentText?: string;
+    /**
+     * Indicated if the compact styling should be used.
+     */
+    isCompact?: boolean;
+    /**
+     * A renderer for the description of the current activity.
+     */
+    onRenderActivityDescription?: IRenderFunction<IActivityItemProps>;
+    /**
+     * A renderer that adds the text of a comment below the activity description.
+     */
+    onRenderComments?: IRenderFunction<IActivityItemProps>;
+    /**
+     * A renderer to create the icon next to the activity item.
+     */
+    onRenderIcon?: IRenderFunction<IActivityItemProps>;
+    /**
+     * Custom renderer for a time stamp. If not included, `timeStamp` is shown as plain text below the activity.
+     */
+    onRenderTimeStamp?: IRenderFunction<IActivityItemProps>;
+    /**
+     * Optional styling for the elements within the activity item.
+     */
+    styles?: IActivityItemStyles;
+    /**
+     * Element shown as a timestamp on this activity. If not included, no timestamp is shown.
+     */
+    timeStamp?: string | React.ReactNode[] | React.ReactNode;
+    /**
+     * Beacon color one
+     */
+    beaconColorOne?: string;
+    /**
+     * Beacon color two
+     */
+    beaconColorTwo?: string;
+    /**
+     * Enables/disables the beacon that radiates from the center of the center of the activity icon.
+     * Signals an activity has started.
+     * @defaultvalue false
+     */
+    animateBeaconSignal?: boolean;
+}
+/**
+ * {@docCategory ActivityItem}
+ */
+export interface IActivityItemStyles extends IShadowDomStyle {
+    /**
+     * Styles applied to the root activity item container.
+     */
+    root?: IStyle;
+    /**
+     * Styles applied to the root activity item container.
+     */
+    pulsingBeacon?: IStyle;
+    /**
+     * Styles applied to the main container of the activity's description.
+     */
+    activityContent?: IStyle;
+    /**
+     * Styles applied to the persona of the user that did this activity.
+     */
+    activityPersona?: IStyle;
+    /**
+     * Styles applied to the activity's description.
+     */
+    activityText?: IStyle;
+    /**
+     * Styles applied to the icon indicating the type of the activity. Only shown when personas are unavailable.
+     */
+    activityTypeIcon?: IStyle;
+    /**
+     * Styles applied to the text of comments.
+     */
+    commentText?: IStyle;
+    /**
+     * Styles applied to personas when two users are involved in a single activity.
+     */
+    doublePersona?: IStyle;
+    /**
+     * Styles applied to root in the compact variant.
+     */
+    isCompactRoot?: IStyle;
+    /**
+     * Styles applied to personas and icons in the compact variant.
+     */
+    isCompactIcon?: IStyle;
+    /**
+     * Styles applied to main text container in the compact variant.
+     */
+    isCompactContent?: IStyle;
+    /**
+     * Styles applied to personas in the compact variant.
+     */
+    isCompactPersona?: IStyle;
+    /**
+     * Styles applied to a wrapper around personas in the compact variant.
+     */
+    isCompactPersonaContainer?: IStyle;
+    /**
+     * Styles applied to the container of the persona image or activity type icon.
+     */
+    personaContainer?: IStyle;
+    /**
+     * Styles applied to the timestamp at the end of each activity item.
+     */
+    timeStamp?: IStyle;
+    /**
+     * Styles applied to the timestamp in compact mode.
+     * This can occur if a host overrides the render behavior to force the timestamp to render.
+     */
+    isCompactTimeStamp?: IStyle;
+}

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/ActivityItem.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ActivityItem.types.js.map

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/index.d.ts

@@ -0,0 +1,5 @@
+export { getStyles as getActivityItemStyles } from './ActivityItem.styles';
+export { getClassNames as getActivityItemClassNames } from './ActivityItem.classNames';
+export type { IActivityItemClassNames } from './ActivityItem.classNames';
+export * from './ActivityItem';
+export * from './ActivityItem.types';

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getActivityItemClassNames = exports.getActivityItemStyles = void 0;
+var tslib_1 = require("tslib");
+var ActivityItem_styles_1 = require("./ActivityItem.styles");
+Object.defineProperty(exports, "getActivityItemStyles", { enumerable: true, get: function () { return ActivityItem_styles_1.getStyles; } });
+var ActivityItem_classNames_1 = require("./ActivityItem.classNames");
+Object.defineProperty(exports, "getActivityItemClassNames", { enumerable: true, get: function () { return ActivityItem_classNames_1.getClassNames; } });
+tslib_1.__exportStar(require("./ActivityItem"), exports);
+tslib_1.__exportStar(require("./ActivityItem.types"), exports);
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-commonjs/components/ActivityItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/ActivityItem/index.ts"],"names":[],"mappings":";;;;AAAA,6DAA2E;AAAlE,4HAAA,SAAS,OAAyB;AAC3C,qEAAuF;AAA9E,oIAAA,aAAa,OAA6B;AAGnD,yDAA+B;AAC/B,+DAAqC","sourcesContent":["export { getStyles as getActivityItemStyles } from './ActivityItem.styles';\nexport { getClassNames as getActivityItemClassNames } from './ActivityItem.classNames';\nexport type { IActivityItemClassNames } from './ActivityItem.classNames';\n\nexport * from './ActivityItem';\nexport * from './ActivityItem.types';\n"]}