@azure/communication-react 1.0.0-beta.5 → 1.0.0

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallControls.styles.js

@@ -1,10 +1,23 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
+const MINIMUM_TOUCH_TARGET_HEIGHT_REM = 3;
+/** @private */
+export const controlBarContainerStyles = {
+    paddingTop: '0.25rem',
+    paddingBottom: '0.25rem',
+    // @TODO: this should be exposed through a custom CallComposite Theme API that extends the fluent theme with semantic values
+    boxShadow: `
+    0px 6.400000095367432px 14.399999618530273px 0px #00000021;
+    0px 1.2000000476837158px 3.5999999046325684px 0px #0000001A;
+  `
+};
+/**
+ * @private
+ */
 export const groupCallLeaveButtonStyle = {
     root: {
         border: '0.125rem',
         borderRadius: 2,
-        marginRight: '.75rem',
         height: '2.1875rem',
         width: '6.5625rem'
     },
@@ -12,16 +25,68 @@ export const groupCallLeaveButtonStyle = {
         flexFlow: 'row'
     }
 };
+/**
+ * @private
+ */
 export const groupCallLeaveButtonCompressedStyle = {
     root: {
-        width: '2rem',
-        height: '3.75rem',
-        border: '0.125rem',
-        borderRadius: 2,
-        marginRight: '0.4375rem'
+        border: '0',
+        borderRadius: '0.5rem'
     },
     flexContainer: {
         flexFlow: 'row'
     }
 };
+/**
+ * Styles that can be applied to ensure flyout items have the minimum touch target size.
+ *
+ * @private
+ */
+export const buttonFlyoutIncreasedSizeStyles = {
+    root: {
+        height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,
+        lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,
+        maxHeight: 'unset'
+    },
+    linkContent: {
+        height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,
+        lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,
+        maxHeight: 'unset'
+    },
+    icon: {
+        maxHeight: 'unset'
+    }
+};
+/**
+ * @private
+ */
+export const participantButtonWithIncreasedTouchTargets = {
+    menuStyles: {
+        menuItemStyles: buttonFlyoutIncreasedSizeStyles,
+        participantListStyles: {
+            participantItemStyles: {
+                root: {
+                    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`
+                },
+                participantSubMenuItemsStyles: buttonFlyoutIncreasedSizeStyles
+            }
+        }
+    }
+};
+/**
+ * @private
+ */
+export const devicesButtonWithIncreasedTouchTargets = {
+    menuStyles: {
+        menuItemStyles: buttonFlyoutIncreasedSizeStyles
+    }
+};
+/**
+ * @private
+ */
+export const controlButtonBaseStyle = {
+    label: {
+        minWidth: '2.25rem'
+    }
+};
 //# sourceMappingURL=CallControls.styles.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallControls.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallControls.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE;QACJ,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,QAAQ;QACrB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;KACnB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,WAAW;KACzB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC"}
+{"version":3,"file":"CallControls.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallControls.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,MAAM,+BAA+B,GAAG,CAAC,CAAC;AAE1C,eAAe;AACf,MAAM,CAAC,MAAM,yBAAyB,GAAW;IAC/C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IAExB,4HAA4H;IAC5H,SAAS,EAAE;;;GAGV;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE;QACJ,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW;KACnB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG;QACX,YAAY,EAAE,QAAQ;KACvB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAA8B;IACxE,IAAI,EAAE;QACJ,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,GAAG,+BAA+B,KAAK;QAC/C,UAAU,EAAE,GAAG,+BAA+B,KAAK;QACnD,SAAS,EAAE,OAAO;KACnB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0CAA0C,GAA6B;IAClF,UAAU,EAAE;QACV,cAAc,EAAE,+BAA+B;QAC/C,qBAAqB,EAAE;YACrB,qBAAqB,EAAE;gBACrB,IAAI,EAAE;oBACJ,MAAM,EAAE,GAAG,+BAA+B,KAAK;iBAChD;gBACD,6BAA6B,EAAE,+BAA+B;aAC/D;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAwB;IACzE,UAAU,EAAE;QACV,cAAc,EAAE,+BAA+B;KAChD;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallPage.styles.d.ts

@@ -0,0 +1,26 @@
+import { IStackItemStyles, IStackStyles } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const callControlsContainerStyles: string;
+/**
+ * @private
+ */
+export declare const containerStyleDesktop: string;
+/**
+ * @private
+ */
+export declare const containerStyleMobile: string;
+/**
+ * @private
+ */
+export declare const galleryParentContainerStyles: (backgroundColor: string) => IStackStyles;
+/**
+ * @private
+ */
+export declare const mediaGalleryContainerStyles: IStackItemStyles;
+/**
+ * @private
+ */
+export declare const notificationsContainerStyles: IStackStyles;
+//# sourceMappingURL=CallPage.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallPage.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallPage.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallPage.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAuB,MAAM,iBAAiB,CAAC;AAStF;;GAEG;AACH,eAAO,MAAM,2BAA2B,QAEtC,CAAC;AAQH;;GAEG;AACH,eAAO,MAAM,qBAAqB,QAGhC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,oBAAoB,QAG/B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B,oBAAqB,MAAM,KAAG,YAMrE,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,gBAIzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,YAS1C,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallPage.styles.js

@@ -0,0 +1,60 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { mergeStyles } from '@fluentui/react';
+import { controlBarContainerStyles } from './CallControls.styles';
+const VIDEO_GALLERY_Z_INDEX = 1;
+// The control bar must be in a higher z-band than the video gallery so the drop shadow appears on top of the video gallery
+const CONTROL_BAR_Z_INDEX = VIDEO_GALLERY_Z_INDEX + 1;
+// The notification container should be in the highest z-band to ensure it shows on top of all other content.
+const NOTIFICATION_CONTAINER_Z_INDEX = Math.max(CONTROL_BAR_Z_INDEX, VIDEO_GALLERY_Z_INDEX) + 1;
+/**
+ * @private
+ */
+export const callControlsContainerStyles = mergeStyles(controlBarContainerStyles, {
+    zIndex: CONTROL_BAR_Z_INDEX
+});
+const containerStyle = {
+    width: '100%',
+    position: 'relative',
+    minHeight: '15rem' // linked to minimum space allocated to media gallery
+};
+/**
+ * @private
+ */
+export const containerStyleDesktop = mergeStyles(Object.assign(Object.assign({}, containerStyle), { minWidth: '30rem' }));
+/**
+ * @private
+ */
+export const containerStyleMobile = mergeStyles(Object.assign(Object.assign({}, containerStyle), { minWidth: '19.5rem' }));
+/**
+ * @private
+ */
+export const galleryParentContainerStyles = (backgroundColor) => ({
+    root: {
+        zIndex: VIDEO_GALLERY_Z_INDEX,
+        width: '100%',
+        background: backgroundColor
+    }
+});
+/**
+ * @private
+ */
+export const mediaGalleryContainerStyles = {
+    root: {
+        height: '100%'
+    }
+};
+/**
+ * @private
+ */
+export const notificationsContainerStyles = {
+    root: {
+        width: '100%',
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        padding: '1rem',
+        zIndex: NOTIFICATION_CONTAINER_Z_INDEX
+    }
+};
+//# sourceMappingURL=CallPage.styles.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/CallPage.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallPage.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/CallPage.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAA0C,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAElE,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAChC,2HAA2H;AAC3H,MAAM,mBAAmB,GAAG,qBAAqB,GAAG,CAAC,CAAC;AACtD,6GAA6G;AAC7G,MAAM,8BAA8B,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;AAEhG;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,WAAW,CAAC,yBAAyB,EAAE;IAChF,MAAM,EAAE,mBAAmB;CAC5B,CAAC,CAAC;AAEH,MAAM,cAAc,GAAW;IAC7B,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,OAAO,CAAC,qDAAqD;CACzE,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,iCAC3C,cAAc,KACjB,QAAQ,EAAE,OAAO,IACjB,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,iCAC1C,cAAc,KACjB,QAAQ,EAAE,SAAS,IACnB,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,eAAuB,EAAgB,EAAE,CAAC,CAAC;IACtF,IAAI,EAAE;QACJ,MAAM,EAAE,qBAAqB;QAC7B,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,eAAe;KAC5B;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAqB;IAC3D,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAiB;IACxD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,8BAA8B;KACvC;CACF,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/ExpandedLocalVideoTile.styles.d.ts

@@ -0,0 +1,24 @@
+import { IStackStyles } from '@fluentui/react';
+import { IPalette, IStyle } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const containerStyles: IStackStyles;
+/**
+ * @private
+ */
+export declare const overlayBackgroundStyles: (palette: IPalette, isVideoReady: boolean) => IStyle;
+/**
+ * @private
+ */
+export declare const overlayContentStyles: IStyle;
+/**
+ * @private
+ */
+export declare const videoTileStyles: {
+    root: {
+        height: string;
+        width: string;
+    };
+};
+//# sourceMappingURL=ExpandedLocalVideoTile.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/ExpandedLocalVideoTile.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedLocalVideoTile.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/ExpandedLocalVideoTile.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAOnD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,YAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,KAAK,MAYnF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAIlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;CAE3B,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/ExpandedLocalVideoTile.styles.js

@@ -0,0 +1,44 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+// By default, absolute positioned elements are overlayed over static ones.
+// So we need to explicitly layer the background and contents.
+const OVERLAY_BACKGROUND_ZINDEX = 0;
+const OVERLAY_CONTENT_ZINDEX = OVERLAY_BACKGROUND_ZINDEX + 1;
+/**
+ * @private
+ */
+export const containerStyles = {
+    root: {
+        height: '100%',
+        width: '100%',
+        position: 'relative'
+    }
+};
+/**
+ * @private
+ */
+export const overlayBackgroundStyles = (palette, isVideoReady) => {
+    return {
+        position: 'absolute',
+        height: '100%',
+        width: '100%',
+        background: isVideoReady ? 'black' : palette.neutralLighterAlt,
+        opacity: isVideoReady ? 0.6 : 1,
+        zIndex: OVERLAY_BACKGROUND_ZINDEX
+    };
+};
+/**
+ * @private
+ */
+export const overlayContentStyles = {
+    height: '100%',
+    width: '100%',
+    zIndex: OVERLAY_CONTENT_ZINDEX
+};
+/**
+ * @private
+ */
+export const videoTileStyles = {
+    root: { height: '100%', width: '100%' }
+};
+//# sourceMappingURL=ExpandedLocalVideoTile.styles.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/ExpandedLocalVideoTile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedLocalVideoTile.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/ExpandedLocalVideoTile.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,2EAA2E;AAC3E,8DAA8D;AAC9D,MAAM,yBAAyB,GAAG,CAAC,CAAC;AACpC,MAAM,sBAAsB,GAAG,yBAAyB,GAAG,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAyD,CAC3F,OAAO,EACP,YAAY,EACZ,EAAE;IACF,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB;QAC9D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,EAAE,yBAAyB;KAClC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,sBAAsB;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CACxC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LobbyTile.styles.d.ts

@@ -0,0 +1,23 @@
+import { IPalette, IStyle } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const overlayContainerStyle: IStyle;
+/**
+ * @private
+ */
+export declare const titleStyle: (palette: IPalette, isVideoReady: boolean) => IStyle;
+/**
+ * @private
+ */
+export declare const videoTileStyles: {
+    root: {
+        height: string;
+        width: string;
+    };
+};
+/**
+ * @private
+ */
+export declare const moreDetailsStyle: (palette: any, isVideoReady: any) => IStyle;
+//# sourceMappingURL=LobbyTile.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LobbyTile.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LobbyTile.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LobbyTile.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAGnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,KAAK,MAMtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;CAE3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,uCAA4B,MAIvD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LobbyTile.styles.js

@@ -0,0 +1,34 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+/**
+ * @private
+ */
+export const overlayContainerStyle = {
+    // Ensure some space around the text on a narrow viewport.
+    margin: '1rem'
+};
+/**
+ * @private
+ */
+export const titleStyle = (palette, isVideoReady) => {
+    return {
+        fontSize: '1.75rem',
+        color: isVideoReady ? 'white' : palette.neutralPrimary,
+        textAlign: 'center'
+    };
+};
+/**
+ * @private
+ */
+export const videoTileStyles = {
+    root: { height: '100%', width: '100%' }
+};
+/**
+ * @private
+ */
+export const moreDetailsStyle = (palette, isVideoReady) => ({
+    fontSize: '1rem',
+    color: isVideoReady ? 'white' : palette.neutralPrimary,
+    textAlign: 'center'
+});
+//# sourceMappingURL=LobbyTile.styles.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LobbyTile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LobbyTile.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LobbyTile.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAW;IAC3C,0DAA0D;IAC1D,MAAM,EAAE,MAAM;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAyD,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;IACxG,OAAO;QACL,QAAQ,EAAE,SAAS;QACnB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc;QACtD,SAAS,EAAE,QAAQ;KACpB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CACxC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,YAAY,EAAU,EAAE,CAAC,CAAC;IAClE,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc;IACtD,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.d.ts

@@ -1,8 +1,22 @@
 import { IDropdownStyles, IStackTokens, Theme } from '@fluentui/react';
+/**
+ * @private
+ */
 export declare const mainStackTokens: IStackTokens;
+/**
+ * @private
+ */
 export declare const micStackTokens: IStackTokens;
+/**
+ * @private
+ */
 export declare const dropDownStyles: (theme: Theme) => Partial<IDropdownStyles>;
-export declare const localSettingsContainer: string;
+/**
+ * @private
+ */
 export declare const dropDownTitleIconStyles: string;
+/**
+ * @private
+ */
 export declare const optionIconStyles: string;
 //# sourceMappingURL=LocalDeviceSettings.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalDeviceSettings.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAe,MAAM,iBAAiB,CAAC;AAEpF,eAAO,MAAM,eAAe,EAAE,YAE7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,YAE5B,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,KAAK,KAAG,QAAQ,eAAe,CA6BnE,CAAC;AAEH,eAAO,MAAM,sBAAsB,QAKjC,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAOlC,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAG3B,CAAC"}
+{"version":3,"file":"LocalDeviceSettings.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAe,MAAM,iBAAiB,CAAC;AAEpF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,YAE7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,YAE5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,KAAK,KAAG,QAAQ,eAAe,CA6BnE,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAOlC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAG3B,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.js

@@ -1,12 +1,21 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
+/**
+ * @private
+ */
 export const mainStackTokens = {
     childrenGap: '1rem'
 };
+/**
+ * @private
+ */
 export const micStackTokens = {
     childrenGap: '1rem'
 };
+/**
+ * @private
+ */
 export const dropDownStyles = (theme) => ({
     caretDownWrapper: {
         height: '2.5rem',
@@ -37,12 +46,9 @@ export const dropDownStyles = (theme) => ({
         fontSize: '0.875rem'
     }
 });
-export const localSettingsContainer = mergeStyles({
-    width: '18.75rem',
-    minWidth: '12.5rem',
-    maxHeight: '19.125rem',
-    marginTop: '.313rem'
-});
+/**
+ * @private
+ */
 export const dropDownTitleIconStyles = mergeStyles({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -51,6 +57,9 @@ export const dropDownTitleIconStyles = mergeStyles({
     overflowWrap: 'break-word',
     margin: '.063rem'
 });
+/**
+ * @private
+ */
 export const optionIconStyles = mergeStyles({
     marginRight: '8px',
     verticalAlign: 'text-top'

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalDeviceSettings.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAwC,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEpF,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAY,EAA4B,EAAE,CAAC,CAAC;IACzE,gBAAgB,EAAE;QAChB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB;KAC/C;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;QACb,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;SACrB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,WAAW;KACxB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAChD,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,YAAY;IAC1B,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;IAC1C,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,UAAU;CAC1B,CAAC,CAAC"}
+{"version":3,"file":"LocalDeviceSettings.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalDeviceSettings.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAwC,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEpF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC1C,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAY,EAA4B,EAAE,CAAC,CAAC;IACzE,gBAAgB,EAAE;QAChB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,QAAQ;KACrB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB;KAC/C;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;QACb,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;SACrB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,WAAW;KACxB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,YAAY;IAC1B,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;IAC1C,WAAW,EAAE,KAAK;IAClB,aAAa,EAAE,UAAU;CAC1B,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.d.ts

@@ -1,5 +1,18 @@
-export declare const localPreviewContainerStyle: string;
+/**
+ * @private
+ */
+export declare const localPreviewContainerStyleDesktop: string;
+/**
+ * @private
+ */
+export declare const localPreviewContainerStyleMobile: string;
+/**
+ * @private
+ */
 export declare const cameraOffLabelStyle: string;
+/**
+ * @private
+ */
 export declare const localPreviewTileStyle: {
     root: {
         borderRadius: string;

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalPreview.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalPreview.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,0BAA0B,QAIrC,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC"}
+{"version":3,"file":"LocalPreview.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalPreview.styles.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,eAAO,MAAM,iCAAiC,QAO5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gCAAgC,QAI3C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.js

@@ -1,15 +1,27 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
-export const localPreviewContainerStyle = mergeStyles({
-    borderRadius: '.25rem',
-    width: '25rem',
-    height: '18.75rem'
-});
+const localPreviewContainerStyle = {
+    borderRadius: '.25rem'
+};
+/**
+ * @private
+ */
+export const localPreviewContainerStyleDesktop = mergeStyles(Object.assign(Object.assign({}, localPreviewContainerStyle), { width: '50%', minWidth: '11rem', maxWidth: '25rem', height: '18.75rem', padding: '0.5rem' }));
+/**
+ * @private
+ */
+export const localPreviewContainerStyleMobile = mergeStyles(Object.assign(Object.assign({}, localPreviewContainerStyle), { width: '100%', height: '100%' }));
+/**
+ * @private
+ */
 export const cameraOffLabelStyle = mergeStyles({
     fontFamily: 'Segoe UI Regular',
-    fontSize: '0.625rem' // 10px
+    fontSize: '0.75rem' // 12px
 });
+/**
+ * @private
+ */
 export const localPreviewTileStyle = {
     root: {
         borderRadius: '.25rem'

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/LocalPreview.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalPreview.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalPreview.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,YAAY,EAAE,QAAQ;IACtB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,UAAU,EAAE,kBAAkB;IAC9B,QAAQ,EAAE,UAAU,CAAC,OAAO;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC"}
+{"version":3,"file":"LocalPreview.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/LocalPreview.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,0BAA0B,GAAW;IACzC,YAAY,EAAE,QAAQ;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,WAAW,iCACvD,0BAA0B,KAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,QAAQ,IACjB,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,WAAW,iCACtD,0BAA0B,KAC7B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,IACd,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,UAAU,EAAE,kBAAkB;IAC9B,QAAQ,EAAE,SAAS,CAAC,OAAO;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NetworkReconnectTile.styles.d.ts

@@ -0,0 +1,18 @@
+import { IStyle } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const containerStyle: IStyle;
+/**
+ * @private
+ */
+export declare const titleContainerStyle: IStyle;
+/**
+ * @private
+ */
+export declare const titleStyle: (palette: any, isVideoReady: any) => IStyle;
+/**
+ * @private
+ */
+export declare const moreDetailsStyle: (palette: any, isVideoReady: any) => IStyle;
+//# sourceMappingURL=NetworkReconnectTile.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NetworkReconnectTile.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkReconnectTile.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/NetworkReconnectTile.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAI5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAEjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,uCAA4B,MAKjD,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,uCAA4B,MAIvD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NetworkReconnectTile.styles.js

@@ -0,0 +1,35 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { FontWeights } from '@fluentui/react';
+/**
+ * @private
+ */
+export const containerStyle = {
+    // Ensure some space around the text on a narrow viewport.
+    margin: '1rem',
+    gap: `1.5rem`
+};
+/**
+ * @private
+ */
+export const titleContainerStyle = {
+    gap: `1rem`
+};
+/**
+ * @private
+ */
+export const titleStyle = (palette, isVideoReady) => ({
+    fontSize: '1.25rem',
+    fontWeight: FontWeights.semibold,
+    color: isVideoReady ? 'white' : palette.neutralPrimary,
+    textAlign: 'center'
+});
+/**
+ * @private
+ */
+export const moreDetailsStyle = (palette, isVideoReady) => ({
+    fontSize: '1rem',
+    color: isVideoReady ? 'white' : palette.neutralPrimary,
+    textAlign: 'center'
+});
+//# sourceMappingURL=NetworkReconnectTile.styles.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NetworkReconnectTile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkReconnectTile.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/NetworkReconnectTile.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAU,MAAM,iBAAiB,CAAC;AAEtD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,0DAA0D;IAC1D,MAAM,EAAE,MAAM;IACd,GAAG,EAAE,QAAQ;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,GAAG,EAAE,MAAM;CACZ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,YAAY,EAAU,EAAE,CAAC,CAAC;IAC5D,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,WAAW,CAAC,QAAQ;IAChC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc;IACtD,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,YAAY,EAAU,EAAE,CAAC,CAAC;IAClE,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc;IACtD,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NoticePage.styles.d.ts

@@ -0,0 +1,22 @@
+import { IStyle, IStackTokens, IStackStyles } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const containerStyle: IStyle;
+/**
+ * @private
+ */
+export declare const containerItemGap: IStackTokens;
+/**
+ * @private
+ */
+export declare const rejoinCallButtonContainerStyles: IStackStyles;
+/**
+ * @private
+ */
+export declare const titleStyles: IStyle;
+/**
+ * @private
+ */
+export declare const moreDetailsStyles: IStyle;
+//# sourceMappingURL=NoticePage.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NoticePage.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoticePage.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/NoticePage.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAI5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,YAE9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,YAI7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAGzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAE/B,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NoticePage.styles.js

@@ -0,0 +1,38 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+/**
+ * @private
+ */
+export const containerStyle = {
+    maxWidth: '22.5rem',
+    // Ensure some space around the text on a narrow viewport.
+    margin: '1rem'
+};
+/**
+ * @private
+ */
+export const containerItemGap = {
+    childrenGap: '0.5rem'
+};
+/**
+ * @private
+ */
+export const rejoinCallButtonContainerStyles = {
+    root: {
+        paddingTop: '1.125rem'
+    }
+};
+/**
+ * @private
+ */
+export const titleStyles = {
+    fontSize: '1.25rem',
+    fontWeight: 600
+};
+/**
+ * @private
+ */
+export const moreDetailsStyles = {
+    fontSize: '1rem'
+};
+//# sourceMappingURL=NoticePage.styles.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/styles/NoticePage.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoticePage.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/styles/NoticePage.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,QAAQ,EAAE,SAAS;IACnB,0DAA0D;IAC1D,MAAM,EAAE,MAAM;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAiB;IAC3D,IAAI,EAAE;QACJ,UAAU,EAAE,UAAU;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAW;IACvC,QAAQ,EAAE,MAAM;CACjB,CAAC"}