@azure/communication-react 1.4.3-alpha-202301150014.0 → 1.5.0

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

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { FloatingLocalVideoLayoutProps } from './FloatingLocalVideoLayout';
-/**
- * Props for {@link PinnedParticipantsLayout}.
- *
- * @private
- */
-export interface PinnedParticipantsLayoutProps extends FloatingLocalVideoLayoutProps {
-    /**
-     * List of pinned participant userIds
-     */
-    pinnedParticipants?: string[];
-    /**
-     * Whether local video should be floating
-     */
-    isLocalVideoFloating?: boolean;
-}
-/**
- * PinnedParticipantsLayout displays remote participants and a screen sharing component in
- * a grid and horizontal gallery while floating the local video
- *
- * @private
- */
-export declare const PinnedParticipantsLayout: (props: PinnedParticipantsLayoutProps) => JSX.Element;
-//# sourceMappingURL=PinnedParticipantsLayout.d.ts.map

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

@@ -1,65 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { LayerHost, mergeStyles, Stack } from '@fluentui/react';
-import { useId } from '@fluentui/react-hooks';
-import React from 'react';
-import { useTheme } from '../../theming';
-import { GridLayout } from '../GridLayout';
-import { isNarrowWidth } from '../utils/responsive';
-import { FloatingLocalVideo } from './FloatingLocalVideo';
-import { ScrollableHorizontalGallery } from './ScrollableHorizontalGallery';
-import { localVideoTileContainerStyle, localVideoTileWithControlsContainerStyle, LOCAL_VIDEO_TILE_ZINDEX } from './styles/FloatingLocalVideo.styles';
-import { innerLayoutStyle, layerHostStyle, rootLayoutStyle } from './styles/FloatingLocalVideoLayout.styles';
-import { videoGalleryLayoutGap } from './styles/Layout.styles';
-import { usePinnedParticipantLayout } from './utils/videoGalleryLayoutUtils';
-import { VideoGalleryResponsiveHorizontalGallery } from './VideoGalleryResponsiveHorizontalGallery';
-/**
- * PinnedParticipantsLayout displays remote participants and a screen sharing component in
- * a grid and horizontal gallery while floating the local video
- *
- * @private
- */
-export const PinnedParticipantsLayout = (props) => {
-    const { remoteParticipants = [], pinnedParticipants = [], dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, showCameraSwitcherInLocalPreview, parentWidth, parentHeight, isLocalVideoFloating } = props;
-    const theme = useTheme();
-    const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
-    const pinnedParticipantsLayout = usePinnedParticipantLayout({
-        remoteParticipants,
-        pinnedParticipantUserIds: pinnedParticipants,
-        dominantSpeakers,
-        maxRemoteVideoStreams,
-        isScreenShareActive: !!screenShareComponent
-    });
-    let activeVideoStreams = 0;
-    const shouldFloatLocalVideo = isLocalVideoFloating && remoteParticipants.length > 0;
-    const gridTiles = pinnedParticipantsLayout.gridParticipants.map((p) => {
-        var _a, _b;
-        return onRenderRemoteParticipant(p, maxRemoteVideoStreams && maxRemoteVideoStreams >= 0
-            ? ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && activeVideoStreams++ < maxRemoteVideoStreams
-            : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
-    });
-    if (localVideoComponent && !shouldFloatLocalVideo) {
-        gridTiles.push(localVideoComponent);
-    }
-    const horizontalGalleryTiles = pinnedParticipantsLayout.horizontalGalleryParticipants.map((p) => {
-        var _a, _b;
-        return onRenderRemoteParticipant(p, maxRemoteVideoStreams && maxRemoteVideoStreams >= 0
-            ? ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && activeVideoStreams++ < maxRemoteVideoStreams
-            : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
-    });
-    const layerHostId = useId('layerhost');
-    const wrappedLocalVideoComponent = localVideoComponent && shouldFloatLocalVideo ? (
-    // When we use showCameraSwitcherInLocalPreview it disables dragging to allow keyboard navigation.
-    showCameraSwitcherInLocalPreview ? (React.createElement(Stack, { className: mergeStyles(localVideoTileWithControlsContainerStyle(theme, isNarrow), {
-            boxShadow: theme.effects.elevation8,
-            zIndex: LOCAL_VIDEO_TILE_ZINDEX
-        }) }, localVideoComponent)) : horizontalGalleryTiles.length > 0 ? (React.createElement(Stack, { className: mergeStyles(localVideoTileContainerStyle(theme, isNarrow)) }, localVideoComponent)) : (React.createElement(FloatingLocalVideo, { localVideoComponent: localVideoComponent, layerHostId: layerHostId, isNarrow: isNarrow, parentWidth: parentWidth, parentHeight: parentHeight }))) : undefined;
-    return (React.createElement(Stack, { styles: rootLayoutStyle },
-        React.createElement(Stack, { horizontal: false, styles: innerLayoutStyle, tokens: videoGalleryLayoutGap },
-            screenShareComponent ? (screenShareComponent) : (React.createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
-            horizontalGalleryTiles.length > 0 &&
-                (isNarrow ? (React.createElement(ScrollableHorizontalGallery, { horizontalGalleryElements: horizontalGalleryTiles })) : (React.createElement(VideoGalleryResponsiveHorizontalGallery, { isNarrow: isNarrow, shouldFloatLocalVideo: true, horizontalGalleryElements: horizontalGalleryTiles, styles: styles === null || styles === void 0 ? void 0 : styles.horizontalGallery })))),
-        wrappedLocalVideoComponent,
-        React.createElement(LayerHost, { id: layerHostId, className: mergeStyles(layerHostStyle) })));
-};
-//# sourceMappingURL=PinnedParticipantsLayout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PinnedParticipantsLayout.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/VideoGallery/PinnedParticipantsLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { LayerHost, mergeStyles, Stack } from '@fluentui/react';\nimport { useId } from '@fluentui/react-hooks';\nimport React from 'react';\nimport { useTheme } from '../../theming';\nimport { GridLayout } from '../GridLayout';\nimport { isNarrowWidth } from '../utils/responsive';\nimport { FloatingLocalVideo } from './FloatingLocalVideo';\nimport { FloatingLocalVideoLayoutProps } from './FloatingLocalVideoLayout';\nimport { ScrollableHorizontalGallery } from './ScrollableHorizontalGallery';\nimport {\n  localVideoTileContainerStyle,\n  localVideoTileWithControlsContainerStyle,\n  LOCAL_VIDEO_TILE_ZINDEX\n} from './styles/FloatingLocalVideo.styles';\nimport { innerLayoutStyle, layerHostStyle, rootLayoutStyle } from './styles/FloatingLocalVideoLayout.styles';\nimport { videoGalleryLayoutGap } from './styles/Layout.styles';\nimport { usePinnedParticipantLayout } from './utils/videoGalleryLayoutUtils';\nimport { VideoGalleryResponsiveHorizontalGallery } from './VideoGalleryResponsiveHorizontalGallery';\n\n/**\n * Props for {@link PinnedParticipantsLayout}.\n *\n * @private\n */\nexport interface PinnedParticipantsLayoutProps extends FloatingLocalVideoLayoutProps {\n  /**\n   * List of pinned participant userIds\n   */\n  pinnedParticipants?: string[];\n  /**\n   * Whether local video should be floating\n   */\n  isLocalVideoFloating?: boolean;\n}\n\n/**\n * PinnedParticipantsLayout displays remote participants and a screen sharing component in\n * a grid and horizontal gallery while floating the local video\n *\n * @private\n */\nexport const PinnedParticipantsLayout = (props: PinnedParticipantsLayoutProps): JSX.Element => {\n  const {\n    remoteParticipants = [],\n    pinnedParticipants = [],\n    dominantSpeakers,\n    localVideoComponent,\n    screenShareComponent,\n    onRenderRemoteParticipant,\n    styles,\n    maxRemoteVideoStreams,\n    showCameraSwitcherInLocalPreview,\n    parentWidth,\n    parentHeight,\n    isLocalVideoFloating\n  } = props;\n\n  const theme = useTheme();\n\n  const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;\n\n  const pinnedParticipantsLayout = usePinnedParticipantLayout({\n    remoteParticipants,\n    pinnedParticipantUserIds: pinnedParticipants,\n    dominantSpeakers,\n    maxRemoteVideoStreams,\n    isScreenShareActive: !!screenShareComponent\n  });\n\n  let activeVideoStreams = 0;\n\n  const shouldFloatLocalVideo = isLocalVideoFloating && remoteParticipants.length > 0;\n\n  const gridTiles = pinnedParticipantsLayout.gridParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      maxRemoteVideoStreams && maxRemoteVideoStreams >= 0\n        ? p.videoStream?.isAvailable && activeVideoStreams++ < maxRemoteVideoStreams\n        : p.videoStream?.isAvailable\n    );\n  });\n\n  if (localVideoComponent && !shouldFloatLocalVideo) {\n    gridTiles.push(localVideoComponent);\n  }\n\n  const horizontalGalleryTiles = pinnedParticipantsLayout.horizontalGalleryParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      maxRemoteVideoStreams && maxRemoteVideoStreams >= 0\n        ? p.videoStream?.isAvailable && activeVideoStreams++ < maxRemoteVideoStreams\n        : p.videoStream?.isAvailable\n    );\n  });\n\n  const layerHostId = useId('layerhost');\n\n  const wrappedLocalVideoComponent =\n    localVideoComponent && shouldFloatLocalVideo ? (\n      // When we use showCameraSwitcherInLocalPreview it disables dragging to allow keyboard navigation.\n      showCameraSwitcherInLocalPreview ? (\n        <Stack\n          className={mergeStyles(localVideoTileWithControlsContainerStyle(theme, isNarrow), {\n            boxShadow: theme.effects.elevation8,\n            zIndex: LOCAL_VIDEO_TILE_ZINDEX\n          })}\n        >\n          {localVideoComponent}\n        </Stack>\n      ) : horizontalGalleryTiles.length > 0 ? (\n        <Stack className={mergeStyles(localVideoTileContainerStyle(theme, isNarrow))}>{localVideoComponent}</Stack>\n      ) : (\n        <FloatingLocalVideo\n          localVideoComponent={localVideoComponent}\n          layerHostId={layerHostId}\n          isNarrow={isNarrow}\n          parentWidth={parentWidth}\n          parentHeight={parentHeight}\n        />\n      )\n    ) : undefined;\n\n  return (\n    <Stack styles={rootLayoutStyle}>\n      <Stack horizontal={false} styles={innerLayoutStyle} tokens={videoGalleryLayoutGap}>\n        {screenShareComponent ? (\n          screenShareComponent\n        ) : (\n          <GridLayout key=\"grid-layout\" styles={styles?.gridLayout}>\n            {gridTiles}\n          </GridLayout>\n        )}\n        {horizontalGalleryTiles.length > 0 &&\n          (isNarrow ? (\n            <ScrollableHorizontalGallery horizontalGalleryElements={horizontalGalleryTiles} />\n          ) : (\n            <VideoGalleryResponsiveHorizontalGallery\n              isNarrow={isNarrow}\n              shouldFloatLocalVideo={true}\n              horizontalGalleryElements={horizontalGalleryTiles}\n              styles={styles?.horizontalGallery}\n            />\n          ))}\n      </Stack>\n      {wrappedLocalVideoComponent}\n      <LayerHost id={layerHostId} className={mergeStyles(layerHostStyle)} />\n    </Stack>\n  );\n};\n"]}

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-/**
- * Component to display elements horizontally in a scrollable container
- * @private
- */
-export declare const ScrollableHorizontalGallery: (props: {
-    horizontalGalleryElements?: JSX.Element[];
-}) => JSX.Element;
-//# sourceMappingURL=ScrollableHorizontalGallery.d.ts.map

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

@@ -1,18 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { Stack } from '@fluentui/react';
-import React, { useRef } from 'react';
-import { useDraggable } from 'react-use-draggable-scroll';
-import { scrollableHorizontalGalleryContainerStyles, scrollableHorizontalGalleryStyles } from './styles/ScrollableHorizontalGallery.style';
-/**
- * Component to display elements horizontally in a scrollable container
- * @private
- */
-export const ScrollableHorizontalGallery = (props) => {
-    const { horizontalGalleryElements } = props;
-    const ref = useRef();
-    const { events: dragabbleEvents } = useDraggable(ref);
-    return (React.createElement("div", Object.assign({ ref: ref }, dragabbleEvents, { className: scrollableHorizontalGalleryContainerStyles }),
-        React.createElement(Stack, { "data-ui-id": "scrollable-horizontal-gallery", horizontal: true, styles: scrollableHorizontalGalleryStyles, tokens: { childrenGap: '0.5rem' } }, horizontalGalleryElements)));
-};
-//# sourceMappingURL=ScrollableHorizontalGallery.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollableHorizontalGallery.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/VideoGallery/ScrollableHorizontalGallery.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EACL,0CAA0C,EAC1C,iCAAiC,EAClC,MAAM,4CAA4C,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAoD,EAAe,EAAE;IAC/G,MAAM,EAAE,yBAAyB,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,GAAG,GAAG,MAAM,EAA8D,CAAC;IACjF,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IAEtD,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,IAAM,eAAe,IAAE,SAAS,EAAE,0CAA0C;QACvF,oBAAC,KAAK,kBACO,+BAA+B,EAC1C,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,iCAAiC,EACzC,MAAM,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAEhC,yBAAyB,CACpB,CACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { Stack } from '@fluentui/react';\nimport React, { useRef } from 'react';\nimport { useDraggable } from 'react-use-draggable-scroll';\nimport {\n  scrollableHorizontalGalleryContainerStyles,\n  scrollableHorizontalGalleryStyles\n} from './styles/ScrollableHorizontalGallery.style';\n\n/**\n * Component to display elements horizontally in a scrollable container\n * @private\n */\nexport const ScrollableHorizontalGallery = (props: { horizontalGalleryElements?: JSX.Element[] }): JSX.Element => {\n  const { horizontalGalleryElements } = props;\n\n  const ref = useRef<HTMLDivElement>() as React.MutableRefObject<HTMLInputElement>;\n  const { events: dragabbleEvents } = useDraggable(ref);\n\n  return (\n    <div ref={ref} {...dragabbleEvents} className={scrollableHorizontalGalleryContainerStyles}>\n      <Stack\n        data-ui-id=\"scrollable-horizontal-gallery\"\n        horizontal={true}\n        styles={scrollableHorizontalGalleryStyles}\n        tokens={{ childrenGap: '0.5rem' }}\n      >\n        {horizontalGalleryElements}\n      </Stack>\n    </div>\n  );\n};\n"]}

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

@@ -1,6 +0,0 @@
-import { IStackTokens } from '@fluentui/react';
-/**
- * @private
- */
-export declare const videoGalleryLayoutGap: IStackTokens;
-//# sourceMappingURL=Layout.styles.d.ts.map

package/dist/dist-esm/react-components/src/components/VideoGallery/styles/Layout.styles.js

@@ -1,9 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-/**
- * @private
- */
-export const videoGalleryLayoutGap = {
-    childrenGap: '0.5rem'
-};
-//# sourceMappingURL=Layout.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.styles.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/components/VideoGallery/styles/Layout.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB;IACjD,WAAW,EAAE,QAAQ;CACtB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStackTokens } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const videoGalleryLayoutGap: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n"]}

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

@@ -1,10 +0,0 @@
-import { IStackStyles } from '@fluentui/react';
-/**
- * @private
- */
-export declare const scrollableHorizontalGalleryStyles: IStackStyles;
-/**
- * @private
- */
-export declare const scrollableHorizontalGalleryContainerStyles: string;
-//# sourceMappingURL=ScrollableHorizontalGallery.style.d.ts.map

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

@@ -1,29 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { mergeStyles } from '@fluentui/react';
-import { SMALL_FLOATING_MODAL_SIZE_PX } from './FloatingLocalVideo.styles';
-import { SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM, SMALL_HORIZONTAL_GALLERY_TILE_STYLE } from './VideoGalleryResponsiveHorizontalGallery.styles';
-/**
- * @private
- */
-export const scrollableHorizontalGalleryStyles = {
-    root: {
-        width: '100%',
-        minHeight: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
-        paddingRight: '0.5rem',
-        '> *': SMALL_HORIZONTAL_GALLERY_TILE_STYLE
-    }
-};
-/**
- * @private
- */
-export const scrollableHorizontalGalleryContainerStyles = mergeStyles({
-    display: 'flex',
-    width: `calc(100% - ${SMALL_FLOATING_MODAL_SIZE_PX.width}px)`,
-    minHeight: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
-    overflow: 'scroll',
-    '-ms-overflow-style': 'none',
-    'scrollbar-width': 'none',
-    '::-webkit-scrollbar': { display: 'none' }
-});
-//# sourceMappingURL=ScrollableHorizontalGallery.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollableHorizontalGallery.style.js","sourceRoot":"","sources":["../../../../../../../../react-components/src/components/VideoGallery/styles/ScrollableHorizontalGallery.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EACL,sCAAsC,EACtC,mCAAmC,EACpC,MAAM,kDAAkD,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAiB;IAC7D,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,GAAG,sCAAsC,CAAC,MAAM,KAAK;QAChE,YAAY,EAAE,QAAQ;QACtB,KAAK,EAAE,mCAAmC;KAC3C;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0CAA0C,GAAG,WAAW,CAAC;IACpE,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,eAAe,4BAA4B,CAAC,KAAK,KAAK;IAC7D,SAAS,EAAE,GAAG,sCAAsC,CAAC,MAAM,KAAK;IAChE,QAAQ,EAAE,QAAQ;IAClB,oBAAoB,EAAE,MAAM;IAC5B,iBAAiB,EAAE,MAAM;IACzB,qBAAqB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;CAC3C,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IStackStyles, mergeStyles } from '@fluentui/react';\nimport { SMALL_FLOATING_MODAL_SIZE_PX } from './FloatingLocalVideo.styles';\nimport {\n  SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM,\n  SMALL_HORIZONTAL_GALLERY_TILE_STYLE\n} from './VideoGalleryResponsiveHorizontalGallery.styles';\n\n/**\n * @private\n */\nexport const scrollableHorizontalGalleryStyles: IStackStyles = {\n  root: {\n    width: '100%',\n    minHeight: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,\n    paddingRight: '0.5rem',\n    '> *': SMALL_HORIZONTAL_GALLERY_TILE_STYLE\n  }\n};\n\n/**\n * @private\n */\nexport const scrollableHorizontalGalleryContainerStyles = mergeStyles({\n  display: 'flex',\n  width: `calc(100% - ${SMALL_FLOATING_MODAL_SIZE_PX.width}px)`,\n  minHeight: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,\n  overflow: 'scroll',\n  '-ms-overflow-style': 'none',\n  'scrollbar-width': 'none',\n  '::-webkit-scrollbar': { display: 'none' }\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\"../../../../acs-ui-common/src\""]}

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

@@ -1,38 +0,0 @@
-import { IButtonStyles, IIconStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';
-/**
- * @internal
- */
-export declare const iconContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const iconBannerContainerStyles: 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;
-//# sourceMappingURL=SitePermissions.styles.d.ts.map

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

@@ -1,92 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { _pxToRem } from "../../../../acs-ui-common/src";
-/**
- * @internal
- */
-export const iconContainerStyles = {
-    root: {
-        marginTop: 'auto',
-        marginBottom: 'auto',
-        position: 'relative'
-    }
-};
-/**
- * @internal
- */
-export const iconBannerContainerStyles = {
-    root: {
-        paddingBottom: '1rem'
-    }
-};
-/**
- * @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: '1rem'
-    }
-};
-/**
- * @internal
- */
-export const secondaryTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 400,
-        paddingBottom: _pxToRem(22)
-    }
-};
-/**
- * @internal
- */
-export const linkTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 600,
-        textAlign: 'inherit'
-    }
-};
-/**
- * @internal
- */
-export const primaryButtonStyles = {
-    root: {
-        paddingTop: '1.5rem',
-        paddingBottom: '1.5rem',
-        borderRadius: '0.5rem',
-        marginBottom: _pxToRem(22)
-    }
-};
-//# sourceMappingURL=SitePermissions.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SitePermissions.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SitePermissions.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAe,EAAE;IACrE,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;SACrC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC5B;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAkB;IAChD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC3B;CACF,CAAC","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 iconContainerStyles: IStackStyles = {\n  root: {\n    marginTop: 'auto',\n    marginBottom: 'auto',\n    position: 'relative'\n  }\n};\n\n/**\n * @internal\n */\nexport const iconBannerContainerStyles: IStackStyles = {\n  root: {\n    paddingBottom: '1rem'\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: '1rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    paddingBottom: _pxToRem(22)\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'inherit'\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    marginBottom: _pxToRem(22)\n  }\n};\n\"../../../../acs-ui-common/src\""]}

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

@@ -1,26 +0,0 @@
-import { IButtonStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';
-/**
- * @internal
- */
-export declare const mainTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const secondaryTextStyles: ITextStyles;
-/**
- * @internal
- */
-export declare const testContainerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const linkTextStyles: ILinkStyles;
-/**
- * @internal
- */
-export declare const containerStyles: IStackStyles;
-/**
- * @internal
- */
-export declare const continueAnywayButtonStyles: (theme: Theme) => IButtonStyles;
-//# sourceMappingURL=UnsupportedEnvironment.styles.d.ts.map