@azure/communication-react 1.23.0-alpha-202501160016 → 1.23.0

package/dist/dist-esm/react-components/src/components/VideoGallery/TogetherModeStream.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ReactionResources, VideoGalleryTogetherModeParticipantPosition, VideoGalleryTogetherModeStreams, TogetherModeStreamViewResult, VideoGalleryLocalParticipant, VideoGalleryRemoteParticipant, VideoStreamOptions } from '../../types';
-/**
- * A memoized version of local screen share component. React.memo is used for a performance
- * boost by memoizing the same rendered component to avoid rerendering this when the parent component rerenders.
- * https://reactjs.org/docs/react-api.html#reactmemo
- */
-export declare const TogetherModeStream: React.MemoExoticComponent<(props: {
-    startTogetherModeEnabled?: boolean;
-    isTogetherModeActive?: boolean;
-    onCreateTogetherModeStreamView?: (options?: VideoStreamOptions) => Promise<void | TogetherModeStreamViewResult>;
-    onStartTogetherMode?: (options?: VideoStreamOptions) => Promise<void | TogetherModeStreamViewResult>;
-    onDisposeTogetherModeStreamView?: () => Promise<void>;
-    onSetTogetherModeSceneSize?: (width: number, height: number) => void;
-    togetherModeStreams?: VideoGalleryTogetherModeStreams;
-    seatingCoordinates?: VideoGalleryTogetherModeParticipantPosition;
-    reactionResources?: ReactionResources;
-    localParticipant?: VideoGalleryLocalParticipant;
-    remoteParticipants?: VideoGalleryRemoteParticipant[];
-    screenShareComponent?: JSX.Element;
-    containerWidth?: number;
-    containerHeight?: number;
-}) => JSX.Element>;
-//# sourceMappingURL=TogetherModeStream.d.ts.map

package/dist/dist-esm/react-components/src/components/VideoGallery/TogetherModeStream.js

@@ -1,53 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(together-mode) */
-import React, { useEffect, useMemo, memo } from 'react';
-/* @conditional-compile-remove(together-mode) */
-import { StreamMedia } from '../StreamMedia';
-/* @conditional-compile-remove(together-mode) */
-import { MeetingReactionOverlay } from '../MeetingReactionOverlay';
-/* @conditional-compile-remove(together-mode) */
-import { Stack } from '@fluentui/react';
-/* @conditional-compile-remove(together-mode) */
-import { togetherModeStreamRootStyle } from '../styles/TogetherMode.styles';
-/* @conditional-compile-remove(together-mode) */
-/**
- * A memoized version of local screen share component. React.memo is used for a performance
- * boost by memoizing the same rendered component to avoid rerendering this when the parent component rerenders.
- * https://reactjs.org/docs/react-api.html#reactmemo
- */
-export const TogetherModeStream = memo((props) => {
-    var _a, _b;
-    const { startTogetherModeEnabled, isTogetherModeActive, onCreateTogetherModeStreamView, onStartTogetherMode, onSetTogetherModeSceneSize, onDisposeTogetherModeStreamView, togetherModeStreams, containerWidth, containerHeight } = props;
-    useEffect(() => {
-        return () => {
-            // TODO: Isolate disposing behaviors for screenShare and videoStream
-            onDisposeTogetherModeStreamView && onDisposeTogetherModeStreamView();
-        };
-    }, [onDisposeTogetherModeStreamView]);
-    // Trigger startTogetherMode only when needed
-    useEffect(() => {
-        if (startTogetherModeEnabled && !isTogetherModeActive) {
-            onStartTogetherMode === null || onStartTogetherMode === void 0 ? void 0 : onStartTogetherMode();
-        }
-    }, [startTogetherModeEnabled, isTogetherModeActive, onStartTogetherMode]);
-    // Create stream view if not already created
-    useEffect(() => {
-        var _a;
-        if (!((_a = togetherModeStreams === null || togetherModeStreams === void 0 ? void 0 : togetherModeStreams.mainVideoStream) === null || _a === void 0 ? void 0 : _a.renderElement)) {
-            onCreateTogetherModeStreamView === null || onCreateTogetherModeStreamView === void 0 ? void 0 : onCreateTogetherModeStreamView();
-        }
-    }, [(_a = togetherModeStreams === null || togetherModeStreams === void 0 ? void 0 : togetherModeStreams.mainVideoStream) === null || _a === void 0 ? void 0 : _a.renderElement, onCreateTogetherModeStreamView]);
-    // Update scene size only when container dimensions change
-    useMemo(() => {
-        if (onSetTogetherModeSceneSize && containerWidth && containerHeight) {
-            onSetTogetherModeSceneSize(containerWidth, containerHeight);
-        }
-    }, [onSetTogetherModeSceneSize, containerWidth, containerHeight]);
-    const stream = (_b = props.togetherModeStreams) === null || _b === void 0 ? void 0 : _b.mainVideoStream;
-    const showLoadingIndicator = !(stream && stream.isAvailable && stream.isReceiving);
-    return containerWidth && containerHeight ? (React.createElement(Stack, { styles: togetherModeStreamRootStyle, horizontalAlign: "center", verticalAlign: "center" },
-        React.createElement(StreamMedia, { videoStreamElement: (stream === null || stream === void 0 ? void 0 : stream.renderElement) || null, isMirrored: true, loadingState: showLoadingIndicator ? 'loading' : 'none' }),
-        React.createElement(MeetingReactionOverlay, { reactionResources: props.reactionResources || {}, localParticipant: props.localParticipant, remoteParticipants: props.remoteParticipants, togetherModeSeatPositions: props.seatingCoordinates, overlayMode: "together-mode" }))) : (React.createElement(React.Fragment, null));
-});
-//# sourceMappingURL=TogetherModeStream.js.map

package/dist/dist-esm/react-components/src/components/VideoGallery/TogetherModeStream.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TogetherModeStream.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/VideoGallery/TogetherModeStream.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(together-mode) */\nimport React, { useEffect, useMemo, memo } from 'react';\n/* @conditional-compile-remove(together-mode) */\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(together-mode) */\nimport {\n  ReactionResources,\n  VideoGalleryTogetherModeParticipantPosition,\n  VideoGalleryTogetherModeStreams,\n  TogetherModeStreamViewResult,\n  VideoGalleryLocalParticipant,\n  VideoGalleryRemoteParticipant,\n  VideoStreamOptions\n} from '../../types';\n/* @conditional-compile-remove(together-mode) */\nimport { StreamMedia } from '../StreamMedia';\n/* @conditional-compile-remove(together-mode) */\nimport { MeetingReactionOverlay } from '../MeetingReactionOverlay';\n/* @conditional-compile-remove(together-mode) */\nimport { Stack } from '@fluentui/react';\n/* @conditional-compile-remove(together-mode) */\nimport { togetherModeStreamRootStyle } from '../styles/TogetherMode.styles';\n/* @conditional-compile-remove(together-mode) */\n/**\n * A memoized version of local screen share component. React.memo is used for a performance\n * boost by memoizing the same rendered component to avoid rerendering this when the parent component rerenders.\n * https://reactjs.org/docs/react-api.html#reactmemo\n */\nexport const TogetherModeStream = memo(\n  (props: {\n    startTogetherModeEnabled?: boolean;\n    isTogetherModeActive?: boolean;\n    onCreateTogetherModeStreamView?: (options?: VideoStreamOptions) => Promise<void | TogetherModeStreamViewResult>;\n    onStartTogetherMode?: (options?: VideoStreamOptions) => Promise<void | TogetherModeStreamViewResult>;\n    onDisposeTogetherModeStreamView?: () => Promise<void>;\n    onSetTogetherModeSceneSize?: (width: number, height: number) => void;\n    togetherModeStreams?: VideoGalleryTogetherModeStreams;\n    seatingCoordinates?: VideoGalleryTogetherModeParticipantPosition;\n    reactionResources?: ReactionResources;\n    localParticipant?: VideoGalleryLocalParticipant;\n    remoteParticipants?: VideoGalleryRemoteParticipant[];\n    screenShareComponent?: JSX.Element;\n    containerWidth?: number;\n    containerHeight?: number;\n  }): JSX.Element => {\n    const {\n      startTogetherModeEnabled,\n      isTogetherModeActive,\n      onCreateTogetherModeStreamView,\n      onStartTogetherMode,\n      onSetTogetherModeSceneSize,\n      onDisposeTogetherModeStreamView,\n      togetherModeStreams,\n      containerWidth,\n      containerHeight\n    } = props;\n\n    useEffect(() => {\n      return () => {\n        // TODO: Isolate disposing behaviors for screenShare and videoStream\n        onDisposeTogetherModeStreamView && onDisposeTogetherModeStreamView();\n      };\n    }, [onDisposeTogetherModeStreamView]);\n\n    // Trigger startTogetherMode only when needed\n    useEffect(() => {\n      if (startTogetherModeEnabled && !isTogetherModeActive) {\n        onStartTogetherMode?.();\n      }\n    }, [startTogetherModeEnabled, isTogetherModeActive, onStartTogetherMode]);\n\n    // Create stream view if not already created\n    useEffect(() => {\n      if (!togetherModeStreams?.mainVideoStream?.renderElement) {\n        onCreateTogetherModeStreamView?.();\n      }\n    }, [togetherModeStreams?.mainVideoStream?.renderElement, onCreateTogetherModeStreamView]);\n\n    // Update scene size only when container dimensions change\n    useMemo(() => {\n      if (onSetTogetherModeSceneSize && containerWidth && containerHeight) {\n        onSetTogetherModeSceneSize(containerWidth, containerHeight);\n      }\n    }, [onSetTogetherModeSceneSize, containerWidth, containerHeight]);\n\n    const stream = props.togetherModeStreams?.mainVideoStream;\n    const showLoadingIndicator = !(stream && stream.isAvailable && stream.isReceiving);\n\n    return containerWidth && containerHeight ? (\n      <Stack styles={togetherModeStreamRootStyle} horizontalAlign=\"center\" verticalAlign=\"center\">\n        <StreamMedia\n          videoStreamElement={stream?.renderElement || null}\n          isMirrored={true}\n          loadingState={showLoadingIndicator ? 'loading' : 'none'}\n        />\n        <MeetingReactionOverlay\n          reactionResources={props.reactionResources || ({} as ReactionResources)}\n          localParticipant={props.localParticipant}\n          remoteParticipants={props.remoteParticipants}\n          togetherModeSeatPositions={props.seatingCoordinates}\n          overlayMode=\"together-mode\"\n        />\n      </Stack>\n    ) : (\n      <></>\n    );\n  }\n);\n"]}

package/dist/dist-esm/react-components/src/components/styles/BrowserPermissionDenied.styles.d.ts

@@ -1,58 +0,0 @@
-import { IButtonStyles, IIconStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';
-/**
- * @internal
- */
-export declare const browserPermissionContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iconContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const textContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iconPrimaryStyles: IIconStyles;
-/**
- * @internal
- */
-export declare const sparkleIconBackdropStyles: (theme: Theme) => IIconStyles;
-/**
- * @internal
- */
-export declare const primaryTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const secondaryTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const linkTextStyles: ILinkStyles;
-/**
- * @internal
- */
-export declare const primaryButtonStyles: IButtonStyles;
-/**
- * @internal
- */
-export declare const iOSStepsContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iOSStepsDigitTextStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iOSStepsTextStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iOSStepsCircleStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iOSImageContainer: IStackStyles;
-//# sourceMappingURL=BrowserPermissionDenied.styles.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/BrowserPermissionDenied.styles.js

@@ -1,144 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { _pxToRem } from "../../../../acs-ui-common/src";
-/**
- * @internal
- */
-export const browserPermissionContainerStyles = {
-    root: {
-        maxWidth: _pxToRem(406)
-    }
-};
-/**
- * @internal
- */
-export const iconContainerStyles = {
-    root: {
-        margin: 'auto',
-        position: 'relative'
-    }
-};
-/**
- * @internal
- */
-export const textContainerStyles = {
-    root: {
-        margin: 'auto',
-        textAlign: 'center'
-    }
-};
-/**
- * @internal
- */
-export const iconPrimaryStyles = {
-    root: {
-        zIndex: 1,
-        margin: 'auto'
-    }
-};
-/**
- * @internal
- */
-export const sparkleIconBackdropStyles = (theme) => {
-    return {
-        root: {
-            color: theme.palette.themeLighterAlt
-        }
-    };
-};
-/**
- * @internal
- */
-export const primaryTextStyles = {
-    root: {
-        fontWeight: 600,
-        fontSize: _pxToRem(20),
-        lineHeight: _pxToRem(28),
-        paddingBottom: '0.5rem'
-    }
-};
-/**
- * @internal
- */
-export const secondaryTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 400,
-        paddingBottom: '1.5rem'
-    }
-};
-/**
- * @internal
- */
-export const linkTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 600,
-        textAlign: 'inherit',
-        paddingTop: '1rem'
-    }
-};
-/**
- * @internal
- */
-export const primaryButtonStyles = {
-    root: {
-        paddingTop: '1.5rem',
-        paddingBottom: '1.5rem',
-        borderRadius: '0.5rem'
-    }
-};
-/**
- * @internal
- */
-export const iOSStepsContainerStyles = {
-    root: {
-        display: 'flex',
-        flexDirection: 'row',
-        paddingBottom: '0.6rem',
-        alignItems: 'center'
-    }
-};
-/**
- * @internal
- */
-export const iOSStepsDigitTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 400,
-        fontSize: _pxToRem(17),
-        lineHeight: _pxToRem(22),
-        paddingBottom: _pxToRem(3)
-    }
-};
-/**
- * @internal
- */
-export const iOSStepsTextStyles = {
-    root: {
-        fontWeight: 400,
-        fontSize: _pxToRem(17),
-        lineHeight: _pxToRem(22),
-        paddingLeft: '0.6rem'
-    }
-};
-/**
- * @internal
- */
-export const iOSStepsCircleStyles = {
-    root: {
-        width: '2.5rem',
-        height: '2.5rem',
-        borderRadius: '100%',
-        padding: '0.5rem'
-    }
-};
-/**
- * @internal
- */
-export const iOSImageContainer = {
-    root: {
-        height: _pxToRem(110)
-    }
-};
-//# sourceMappingURL=BrowserPermissionDenied.styles.js.map

package/dist/dist-esm/react-components/src/components/styles/BrowserPermissionDenied.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserPermissionDenied.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/BrowserPermissionDenied.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IIconStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport const browserPermissionContainerStyles: IStackStyles = {\n  root: {\n    maxWidth: _pxToRem(406)\n  }\n};\n/**\n * @internal\n */\nexport const iconContainerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    position: 'relative'\n  }\n};\n\n/**\n * @internal\n */\nexport const textContainerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    textAlign: 'center'\n  }\n};\n\n/**\n * @internal\n */\nexport const iconPrimaryStyles: IIconStyles = {\n  root: {\n    zIndex: 1,\n    margin: 'auto'\n  }\n};\n\n/**\n * @internal\n */\nexport const sparkleIconBackdropStyles = (theme: Theme): IIconStyles => {\n  return {\n    root: {\n      color: theme.palette.themeLighterAlt\n    }\n  };\n};\n\n/**\n * @internal\n */\nexport const primaryTextStyles: ITextStyles = {\n  root: {\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    paddingBottom: '0.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    paddingBottom: '1.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'inherit',\n    paddingTop: '1rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const primaryButtonStyles: IButtonStyles = {\n  root: {\n    paddingTop: '1.5rem',\n    paddingBottom: '1.5rem',\n    borderRadius: '0.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const iOSStepsContainerStyles: IStackStyles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    paddingBottom: '0.6rem',\n    alignItems: 'center'\n  }\n};\n\n/**\n * @internal\n */\nexport const iOSStepsDigitTextStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    fontSize: _pxToRem(17),\n    lineHeight: _pxToRem(22),\n    paddingBottom: _pxToRem(3)\n  }\n};\n\n/**\n * @internal\n */\nexport const iOSStepsTextStyles: IStackStyles = {\n  root: {\n    fontWeight: 400,\n    fontSize: _pxToRem(17),\n    lineHeight: _pxToRem(22),\n    paddingLeft: '0.6rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const iOSStepsCircleStyles: IStackStyles = {\n  root: {\n    width: '2.5rem',\n    height: '2.5rem',\n    borderRadius: '100%',\n    padding: '0.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const iOSImageContainer: IStackStyles = {\n  root: {\n    height: _pxToRem(110)\n  }\n};\n"]}

package/dist/dist-esm/react-components/src/components/styles/MentionPopover.style.d.ts

@@ -1,26 +0,0 @@
-import { IStackStyles, Theme } from '@fluentui/react';
-/**
- * @private
- */
-export declare const mentionPopoverContainerStyle: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const headerStyleThemed: (theme: Theme) => IStackStyles;
-/**
- * @private
- */
-export declare const suggestionListContainerStyle: string;
-/**
- * @private
- */
-export declare const useSuggestionListStyle: () => Record<"root", string>;
-/**
- * @private
- */
-export declare const suggestionItemWrapperStyle: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const suggestionItemStackStyle: (theme: Theme, isSuggestionHovered: boolean, activeBorder: boolean) => string;
-//# sourceMappingURL=MentionPopover.style.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/MentionPopover.style.js

@@ -1,69 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles } from '@fluentui/react';
-import { makeStyles, shorthands } from '@fluentui/react-components';
-/**
- * @private
- */
-export const mentionPopoverContainerStyle = (theme) => mergeStyles({
-    boxShadow: theme.effects.elevation16,
-    background: theme.semanticColors.bodyBackground,
-    overflow: 'visible',
-    // zIndex to set the mentionPopover
-    // Temporary set to a hardcoded high number to make sure it is on top of the other components
-    // Will be replaced by a proper z-index solution after the Fluent 9 migration
-    zIndex: 10000
-});
-/**
- * @private
- */
-export const headerStyleThemed = (theme) => {
-    return {
-        root: {
-            color: theme.palette.neutralSecondary,
-            margin: '0.5rem 1rem 0.25rem',
-            fontSize: theme.fonts.smallPlus.fontSize
-        }
-    };
-};
-/**
- * @private
- */
-export const suggestionListContainerStyle = mergeStyles({
-    height: '100%',
-    overflowY: 'visible',
-    overflowX: 'hidden'
-});
-/**
- * @private
- */
-export const useSuggestionListStyle = makeStyles({
-    root: Object.assign(Object.assign(Object.assign({}, shorthands.padding('0.25rem', '0rem', '0rem')), shorthands.overflow('visible')), { overflowY: 'scroll' })
-});
-/**
- * @private
- */
-export const suggestionItemWrapperStyle = (theme) => {
-    return mergeStyles({
-        margin: '0.0625rem 0',
-        'scroll-margin-top': '0.0625rem',
-        'scroll-margin-bottom': '0.0625rem',
-        '&:focus-visible': {
-            outline: `${theme.palette.black} solid 0.1rem`
-        }
-    });
-};
-/**
- * @private
- */
-export const suggestionItemStackStyle = (theme, isSuggestionHovered, activeBorder) => {
-    return mergeStyles({
-        width: '10rem',
-        alignItems: 'center',
-        height: '36px',
-        padding: '0 0.75rem',
-        background: isSuggestionHovered ? theme.palette.neutralLighter : theme.palette.white,
-        outline: activeBorder ? `0.0625rem solid ${theme.palette.neutralSecondary}` : 'none'
-    });
-};
-//# sourceMappingURL=MentionPopover.style.js.map

package/dist/dist-esm/react-components/src/components/styles/MentionPopover.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MentionPopover.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/MentionPopover.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,WAAW,EAAS,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,KAAY,EAAU,EAAE,CACnE,WAAW,CAAC;IACV,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;IACpC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;IAC/C,QAAQ,EAAE,SAAS;IACnB,mCAAmC;IACnC,6FAA6F;IAC7F,6EAA6E;IAC7E,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AACL;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAgB,EAAE;IAC9D,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;YACrC,MAAM,EAAE,qBAAqB;YAC7B,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ;SACzC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,WAAW,CAAC;IACtD,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAAC;IAC/C,IAAI,gDACC,UAAU,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,GAC7C,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,KACjC,SAAS,EAAE,QAAQ,GACpB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAY,EAAU,EAAE;IACjE,OAAO,WAAW,CAAC;QACjB,MAAM,EAAE,aAAa;QACrB,mBAAmB,EAAE,WAAW;QAChC,sBAAsB,EAAE,WAAW;QACnC,iBAAiB,EAAE;YACjB,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,eAAe;SAC/C;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAY,EAAE,mBAA4B,EAAE,YAAqB,EAAU,EAAE;IACpH,OAAO,WAAW,CAAC;QACjB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;QACpF,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,mBAAmB,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,MAAM;KACrF,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, mergeStyles, Theme } from '@fluentui/react';\nimport { makeStyles, shorthands } from '@fluentui/react-components';\n\n/**\n * @private\n */\nexport const mentionPopoverContainerStyle = (theme: Theme): string =>\n  mergeStyles({\n    boxShadow: theme.effects.elevation16,\n    background: theme.semanticColors.bodyBackground,\n    overflow: 'visible',\n    // zIndex to set the mentionPopover\n    // Temporary set to a hardcoded high number to make sure it is on top of the other components\n    // Will be replaced by a proper z-index solution after the Fluent 9 migration\n    zIndex: 10000\n  });\n/**\n * @private\n */\nexport const headerStyleThemed = (theme: Theme): IStackStyles => {\n  return {\n    root: {\n      color: theme.palette.neutralSecondary,\n      margin: '0.5rem 1rem 0.25rem',\n      fontSize: theme.fonts.smallPlus.fontSize\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const suggestionListContainerStyle = mergeStyles({\n  height: '100%',\n  overflowY: 'visible',\n  overflowX: 'hidden'\n});\n\n/**\n * @private\n */\nexport const useSuggestionListStyle = makeStyles({\n  root: {\n    ...shorthands.padding('0.25rem', '0rem', '0rem'),\n    ...shorthands.overflow('visible'),\n    overflowY: 'scroll'\n  }\n});\n\n/**\n * @private\n */\nexport const suggestionItemWrapperStyle = (theme: Theme): string => {\n  return mergeStyles({\n    margin: '0.0625rem 0',\n    'scroll-margin-top': '0.0625rem',\n    'scroll-margin-bottom': '0.0625rem',\n    '&:focus-visible': {\n      outline: `${theme.palette.black} solid 0.1rem`\n    }\n  });\n};\n\n/**\n * @private\n */\nexport const suggestionItemStackStyle = (theme: Theme, isSuggestionHovered: boolean, activeBorder: boolean): string => {\n  return mergeStyles({\n    width: '10rem',\n    alignItems: 'center',\n    height: '36px',\n    padding: '0 0.75rem',\n    background: isSuggestionHovered ? theme.palette.neutralLighter : theme.palette.white,\n    outline: activeBorder ? `0.0625rem solid ${theme.palette.neutralSecondary}` : 'none'\n  });\n};\n"]}

package/dist/dist-esm/react-components/src/components/styles/RTTDisclosureBanner.styles.d.ts

@@ -1,10 +0,0 @@
-import { IIconStyles, IStackStyles, Theme } from '@fluentui/react';
-/**
- * @private
- */
-export declare const rttContainerStyles: (theme: Theme) => IStackStyles;
-/**
- * @private
- */
-export declare const rttIconStyles: () => IIconStyles;
-//# sourceMappingURL=RTTDisclosureBanner.styles.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/RTTDisclosureBanner.styles.js

@@ -1,27 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(rtt) */
-/**
- * @private
- */
-export const rttContainerStyles = (theme) => ({
-    root: {
-        boxShadow: theme.effects.elevation8,
-        width: 'fit-content',
-        padding: '0.75rem',
-        borderRadius: '0.25rem',
-        position: 'relative',
-        backgroundColor: theme.palette.white
-    }
-});
-/* @conditional-compile-remove(rtt) */
-/**
- * @private
- */
-export const rttIconStyles = () => ({
-    root: {
-        fontSize: '1.5rem',
-        paddingRight: '0.5rem'
-    }
-});
-//# sourceMappingURL=RTTDisclosureBanner.styles.js.map

package/dist/dist-esm/react-components/src/components/styles/RTTDisclosureBanner.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RTTDisclosureBanner.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/RTTDisclosureBanner.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAOlC,sCAAsC;AACtC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAgB,EAAE,CAAC,CAAC;IACjE,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;QACnC,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,SAAS;QACvB,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;KACrC;CACF,CAAC,CAAC;AAEH,sCAAsC;AACtC;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAgB,EAAE,CAAC,CAAC;IAC/C,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rtt) */\nimport { IIconStyles, IStackStyles, Theme } from '@fluentui/react';\n/* @conditional-compile-remove(rtt) */\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/* @conditional-compile-remove(rtt) */\n/**\n * @private\n */\nexport const rttContainerStyles = (theme: Theme): IStackStyles => ({\n  root: {\n    boxShadow: theme.effects.elevation8,\n    width: 'fit-content',\n    padding: '0.75rem',\n    borderRadius: '0.25rem',\n    position: 'relative',\n    backgroundColor: theme.palette.white\n  }\n});\n\n/* @conditional-compile-remove(rtt) */\n/**\n * @private\n */\nexport const rttIconStyles = (): IIconStyles => ({\n  root: {\n    fontSize: '1.5rem',\n    paddingRight: '0.5rem'\n  }\n});\n"]}

package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.d.ts

@@ -1,82 +0,0 @@
-import { IButtonStyles, ICommandBarStyles, IContextualMenuStyles, IStyle, Theme } from '@fluentui/react';
-import { RichTextEditorStyleProps } from '../RichTextEditor/RichTextEditor';
-/**
- * @private
- */
-export declare const richTextEditorStyle: (props: {
-    minHeight: string;
-    maxHeight: string;
-}) => string;
-/**
- * @private
- */
-export declare const richTextEditorWrapperStyle: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const richTextActionButtonsStackStyle: string;
-/**
- * @private
- */
-export declare const richTextActionButtonsStyle: string;
-/**
- * @private
- */
-export declare const richTextActionButtonsDividerStyle: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const ribbonOverflowButtonStyle: (theme: Theme) => Partial<IContextualMenuStyles>;
-/**
- * @private
- */
-export declare const toolbarButtonStyle: (theme: Theme) => Partial<IButtonStyles>;
-/**
- * @private
- */
-export declare const toolbarTableButtonStyle: (theme: Theme) => Partial<IButtonStyles>;
-/**
- * @private
- */
-export declare const ribbonDividerStyle: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const richTextToolbarStyle: Partial<ICommandBarStyles>;
-/**
- * @private
- */
-export declare const richTextFormatButtonIconStyle: (theme: Theme, isSelected: boolean) => string;
-/**
- * @private
- */
-export declare const editBoxRichTextEditorStyle: () => RichTextEditorStyleProps;
-/**
- * @private
- */
-export declare const sendBoxRichTextEditorStyle: (isExpanded: boolean) => RichTextEditorStyleProps;
-/**
- * @private
- */
-export declare const insertTableMenuCellButtonStyles: (theme: Theme) => IStyle;
-/**
- * @private
- */
-export declare const insertTableMenuCellButtonSelectedStyles: (theme: Theme) => IStyle;
-/**
- * @private
- */
-export declare const insertTableMenuTablePane: string;
-/**
- * @private
- */
-export declare const insertTableMenuFocusZone: (theme: Theme) => string;
-/**
- * @private
- */
-export declare const insertTableMenuTitleStyles: string;
-/**
- * @private
- */
-export declare const tableContextMenuIconStyles: string;
-//# sourceMappingURL=RichTextEditor.styles.d.ts.map