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

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

@@ -1 +1 @@
-{"version":3,"file":"ParticipantItem.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ParticipantItem.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;IACvD,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;QACjC,UAAU,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;KACnC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC"}
+{"version":3,"file":"ParticipantItem.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ParticipantItem.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;IACvD,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,YAAY,EAAE,QAAQ;CACvB,CAAC"}

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

@@ -1,3 +1,14 @@
+import { ParticipantListItemStyles } from '../ParticipantList';
+/**
+ * @private
+ */
 export declare const participantListStyle: string;
+/**
+ * @private
+ */
+export declare const participantListItemStyle: ParticipantListItemStyles;
+/**
+ * @private
+ */
 export declare const iconStyles: string;
 //# sourceMappingURL=ParticipantList.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ParticipantList.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ParticipantList.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,QAI/B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAkD,CAAC"}
+{"version":3,"file":"ParticipantList.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ParticipantList.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,oBAAoB,QAG/B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,yBAKtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,QAIrB,CAAC"}

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

@@ -1,10 +1,28 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
+/**
+ * @private
+ */
 export const participantListStyle = mergeStyles({
     height: '100%',
-    paddingLeft: '1.125rem',
-    paddingRight: '1.125rem'
+    padding: '0.125rem'
+});
+/**
+ * @private
+ */
+export const participantListItemStyle = {
+    root: {
+        paddingLeft: '1rem',
+        paddingRight: '1rem'
+    }
+};
+/**
+ * @private
+ */
+export const iconStyles = mergeStyles({
+    display: 'flex',
+    lineHeight: 0,
+    alignItems: 'center'
 });
-export const iconStyles = mergeStyles({ height: '100%', margin: 'auto' });
 //# sourceMappingURL=ParticipantList.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ParticipantList.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ParticipantList.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,UAAU;IACvB,YAAY,EAAE,UAAU;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC"}
+{"version":3,"file":"ParticipantList.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ParticipantList.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAA8B;IACjE,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC"}

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

@@ -1,3 +1,6 @@
+/**
+ * @private
+ */
 export declare const suppressIconStyle: {
     iconContainer: {
         minHeight: string;
@@ -10,12 +13,24 @@ export declare const suppressIconStyle: {
         display: string;
     };
 };
+/**
+ * @private
+ */
 export declare const sendBoxStyleSet: {
     root: {
         padding: string;
     };
 };
+/**
+ * @private
+ */
 export declare const sendBoxStyle: string;
+/**
+ * @private
+ */
 export declare const sendButtonStyle: string;
+/**
+ * @private
+ */
 export declare const sendIconStyle: string;
 //# sourceMappingURL=SendBox.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SendBox.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SendBox.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;;;;;;;;;;CAG7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAC;AAEH,eAAO,MAAM,eAAe,QAG1B,CAAC;AAEH,eAAO,MAAM,aAAa,QAIxB,CAAC"}
+{"version":3,"file":"SendBox.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SendBox.styles.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;CAG7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,QAEvB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,QAK1B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,aAAa,QAIxB,CAAC"}

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

@@ -1,25 +1,42 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
+/**
+ * @private
+ */
 export const suppressIconStyle = {
     iconContainer: { minHeight: '0', minWidth: '0', height: '0', width: '0', margin: '0' },
     icon: { display: 'none' }
 };
+/**
+ * @private
+ */
 export const sendBoxStyleSet = {
     root: {
         padding: '0.25rem'
     }
 };
+/**
+ * @private
+ */
 export const sendBoxStyle = mergeStyles({
     paddingRight: '2rem'
 });
+/**
+ * @private
+ */
 export const sendButtonStyle = mergeStyles({
-    margin: 'auto .6rem',
-    paddingBottom: '1.125rem'
+    height: '1.25rem',
+    width: '1.25rem',
+    marginTop: '0.563rem',
+    marginRight: '0.313rem' // 5px
 });
+/**
+ * @private
+ */
 export const sendIconStyle = mergeStyles({
-    width: '1.0625rem',
-    height: '1.0625rem',
+    width: '1.25rem',
+    height: '1.25rem',
     margin: 'auto'
 });
 //# sourceMappingURL=SendBox.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SendBox.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SendBox.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,aAAa,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IACtF,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;IACtC,YAAY,EAAE,MAAM;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACzC,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE,UAAU;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC"}
+{"version":3,"file":"SendBox.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SendBox.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,aAAa,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IACtF,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;IACtC,YAAY,EAAE,MAAM;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACzC,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,UAAU;IACrB,WAAW,EAAE,UAAU,CAAC,MAAM;CAC/B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC"}

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

@@ -1,3 +1,10 @@
-export declare const mediaContainer: string;
-export declare const invertedVideoStyle: string;
+import { Theme } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const mediaContainer: (theme: Theme) => string;
+/**
+ * @private
+ */
+export declare const invertedVideoStyle: (theme: Theme) => string;
 //# sourceMappingURL=StreamMedia.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StreamMedia.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/StreamMedia.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,QASzB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAE7B,CAAC"}
+{"version":3,"file":"StreamMedia.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/StreamMedia.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,KAAK,WAUvC,CAAC;AAEL;;GAEG;AACH,eAAO,MAAM,kBAAkB,UAAW,KAAK,WAG3C,CAAC"}

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

@@ -1,17 +1,23 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
-export const mediaContainer = mergeStyles({
+/**
+ * @private
+ */
+export const mediaContainer = (theme) => mergeStyles({
     position: 'relative',
     height: '100%',
     width: '100%',
     background: 'transparent',
     display: 'flex',
     '& video': {
-        borderRadius: '.25rem'
+        borderRadius: theme.effects.roundedCorner4
     }
 });
-export const invertedVideoStyle = mergeStyles(mediaContainer, {
+/**
+ * @private
+ */
+export const invertedVideoStyle = (theme) => mergeStyles(mediaContainer(theme), {
     transform: 'rotateY(180deg)'
 });
 //# sourceMappingURL=StreamMedia.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StreamMedia.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/StreamMedia.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACxC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE;QACT,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,cAAc,EAAE;IAC5D,SAAS,EAAE,iBAAiB;CAC7B,CAAC,CAAC"}
+{"version":3,"file":"StreamMedia.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/StreamMedia.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAS,MAAM,iBAAiB,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE,CAC7C,WAAW,CAAC;IACV,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE;QACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;KAC3C;CACF,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE,CACjD,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;IACjC,SAAS,EAAE,iBAAiB;CAC7B,CAAC,CAAC"}

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

@@ -1,2 +1,5 @@
+/**
+ * @private
+ */
 export declare const systemMessageIconStyle: string;
 //# sourceMappingURL=SystemMessage.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SystemMessage.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,QAEjC,CAAC"}
+{"version":3,"file":"SystemMessage.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SystemMessage.styles.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAEjC,CAAC"}

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

@@ -1,6 +1,9 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
+/**
+ * @private
+ */
 export const systemMessageIconStyle = mergeStyles({
     margin: '0 0.688rem 0 0'
 });

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

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SystemMessage.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAChD,MAAM,EAAE,gBAAgB;CACzB,CAAC,CAAC"}
+{"version":3,"file":"SystemMessage.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SystemMessage.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAChD,MAAM,EAAE,gBAAgB;CACzB,CAAC,CAAC"}

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

@@ -1,4 +1,9 @@
+/**
+ * @private
+ */
 export declare const typingIndicatorContainerStyle: string;
+/**
+ * @private
+ */
 export declare const typingIndicatorStringStyle: string;
-export declare const typingIndicatorPrefixImageStyle: string;
 //# sourceMappingURL=TypingIndicator.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TypingIndicator.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/TypingIndicator.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,6BAA6B,QAExC,CAAC;AAEH,eAAO,MAAM,0BAA0B,QAKrC,CAAC;AAEH,eAAO,MAAM,+BAA+B,QAI1C,CAAC"}
+{"version":3,"file":"TypingIndicator.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/TypingIndicator.styles.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,eAAO,MAAM,6BAA6B,QAExC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,0BAA0B,QAKrC,CAAC"}

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

@@ -1,18 +1,19 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
+/**
+ * @private
+ */
 export const typingIndicatorContainerStyle = mergeStyles({
-    height: '2.125rem'
+    minHeight: '2.125rem'
 });
+/**
+ * @private
+ */
 export const typingIndicatorStringStyle = mergeStyles({
     fontWeight: 400,
-    whiteSpace: 'pre',
-    display: 'flex',
-    alignItems: 'center'
-});
-export const typingIndicatorPrefixImageStyle = mergeStyles({
-    width: '2.125rem',
-    height: '2.125rem',
-    paddingRight: '0.1875rem'
+    width: '100%',
+    alignSelf: 'center',
+    wordBreak: 'break-word'
 });
 //# sourceMappingURL=TypingIndicator.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TypingIndicator.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/TypingIndicator.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;IACvD,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,+BAA+B,GAAG,WAAW,CAAC;IACzD,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,UAAU;IAClB,YAAY,EAAE,WAAW;CAC1B,CAAC,CAAC"}
+{"version":3,"file":"TypingIndicator.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/TypingIndicator.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;IACvD,SAAS,EAAE,UAAU;CACtB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC"}

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

@@ -1,7 +1,86 @@
-import { IStackStyles, IModalStyleProps, IModalStyles, IStyleFunctionOrObject } from '@fluentui/react';
+import { IStackStyles, IModalStyleProps, IModalStyles, IStyleFunctionOrObject, Theme, IStyle } from '@fluentui/react';
 import { VideoTileStylesProps } from '../VideoTile';
-export declare const gridStyle: string;
+import { HorizontalGalleryStyles } from '../HorizontalGallery';
+/**
+ * @private
+ */
+export declare const videoGalleryOuterDivStyle: string;
+/**
+ * @private
+ */
 export declare const videoGalleryContainerStyle: IStackStyles;
-export declare const floatingLocalVideoModalStyle: IStyleFunctionOrObject<IModalStyleProps, IModalStyles>;
+/**
+ * @private
+ */
+export declare const videoGalleryContainerTokens: {
+    childrenGap: string;
+};
+/**
+ * Small floating modal width and height in rem for small screen
+ */
+export declare const SMALL_FLOATING_MODAL_SIZE_REM: {
+    width: number;
+    height: number;
+};
+/**
+ * Large floating modal width and height in rem for large screen
+ */
+export declare const LARGE_FLOATING_MODAL_SIZE_REM: {
+    width: number;
+    height: number;
+};
+/**
+ * @private
+ */
+export declare const floatingLocalVideoModalStyle: (theme: Theme, isNarrow?: boolean | undefined) => IStyleFunctionOrObject<IModalStyleProps, IModalStyles>;
+/**
+ * @private
+ */
+export declare const localVideoTileContainerStyle: (theme: Theme, isNarrow?: boolean | undefined) => IStyle;
+/**
+ * @private
+ */
 export declare const floatingLocalVideoTileStyle: VideoTileStylesProps;
+/**
+ * @private
+ */
+export declare const horizontalGalleryContainerStyle: (shouldFloatLocalVideo: boolean, isNarrow: boolean) => IStyle;
+/**
+ * @private
+ */
+export declare const horizontalGalleryStyle: (isNarrow: boolean) => HorizontalGalleryStyles;
+/**
+ * Small horizontal gallery tile size in rem
+ * @private
+ */
+export declare const SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM: {
+    height: number;
+    width: number;
+};
+/**
+ * Large horizontal gallery tile size in rem
+ * @private
+ */
+export declare const LARGE_HORIZONTAL_GALLERY_TILE_SIZE_REM: {
+    height: number;
+    width: number;
+};
+/**
+ * @private
+ */
+export declare const SMALL_HORIZONTAL_GALLERY_TILE_STYLE: {
+    minHeight: string;
+    minWidth: string;
+    maxHeight: string;
+    maxWidth: string;
+};
+/**
+ * @private
+ */
+export declare const LARGE_HORIZONTAL_GALLERY_TILE_STYLE: {
+    minHeight: string;
+    minWidth: string;
+    maxHeight: string;
+    maxWidth: string;
+};
 //# sourceMappingURL=VideoGallery.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoGallery.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoGallery.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAQpD,eAAO,MAAM,SAAS,QAGpB,CAAC;AAEH,eAAO,MAAM,0BAA0B,EAAE,YAAiE,CAAC;AAE3G,eAAO,MAAM,4BAA4B,EAAE,sBAAsB,CAAC,gBAAgB,EAAE,YAAY,CAe/F,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAUzC,CAAC"}
+{"version":3,"file":"VideoGallery.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoGallery.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,KAAK,EACL,MAAM,EAEP,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,yBAAyB,QAAuE,CAAC;AAE9G;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,YAExC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B;;CAEvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B;;;CAA4B,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,6BAA6B;;;CAA6B,CAAC;AAExE;;GAEG;AACH,eAAO,MAAM,4BAA4B,UAChC,KAAK,qCAEX,uBAAuB,gBAAgB,EAAE,YAAY,CAOvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,UAAW,KAAK,qCAAuB,MAU/E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,oBAOzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,0BAA2B,OAAO,YAAY,OAAO,KAAG,MAenG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,aAAc,OAAO,KAAG,uBAI1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sCAAsC;;;CAA8B,CAAC;AAClF;;;GAGG;AACH,eAAO,MAAM,sCAAsC;;;CAA6B,CAAC;AAEjF;;GAEG;AACH,eAAO,MAAM,mCAAmC;;;;;CAK/C,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,mCAAmC;;;;;CAK/C,CAAC"}

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

@@ -1,40 +1,108 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import { mergeStyles, getTheme } from '@fluentui/react';
-const theme = getTheme();
-const videoBaseStyle = mergeStyles({
-    border: 0
-});
-export const gridStyle = mergeStyles(videoBaseStyle, {
-    width: '100%',
-    height: '100%'
-});
-export const videoGalleryContainerStyle = { root: { position: 'relative', height: '100%' } };
-export const floatingLocalVideoModalStyle = {
-    root: {
-        width: '100%',
-        height: '100%',
-        overflow: 'hidden'
-    },
-    main: {
-        minWidth: '11.25rem',
-        minHeight: '7rem',
-        boxShadow: theme.effects.elevation8,
-        borderRadius: theme.effects.roundedCorner4,
-        position: 'absolute',
-        bottom: '1rem',
-        right: '1rem'
-    }
+import { mergeStyles, concatStyleSets } from '@fluentui/react';
+/**
+ * @private
+ */
+export const videoGalleryOuterDivStyle = mergeStyles({ position: 'relative', width: '100%', height: '100%' });
+/**
+ * @private
+ */
+export const videoGalleryContainerStyle = {
+    root: { position: 'relative', height: '100%', width: '100%', padding: '0.5rem' }
+};
+/**
+ * @private
+ */
+export const videoGalleryContainerTokens = {
+    childrenGap: '0.5rem'
+};
+/**
+ * Small floating modal width and height in rem for small screen
+ */
+export const SMALL_FLOATING_MODAL_SIZE_REM = { width: 4, height: 5.5 };
+/**
+ * Large floating modal width and height in rem for large screen
+ */
+export const LARGE_FLOATING_MODAL_SIZE_REM = { width: 10, height: 7.5 };
+/**
+ * @private
+ */
+export const floatingLocalVideoModalStyle = (theme, isNarrow) => {
+    return concatStyleSets({
+        main: localVideoTileContainerStyle(theme, isNarrow)
+    }, { main: { boxShadow: theme.effects.elevation8 } });
 };
+/**
+ * @private
+ */
+export const localVideoTileContainerStyle = (theme, isNarrow) => {
+    return Object.assign({ minWidth: isNarrow ? `${SMALL_FLOATING_MODAL_SIZE_REM.width}rem` : `${LARGE_FLOATING_MODAL_SIZE_REM.width}rem`, minHeight: isNarrow ? `${SMALL_FLOATING_MODAL_SIZE_REM.height}rem` : `${LARGE_FLOATING_MODAL_SIZE_REM.height}rem`, position: 'absolute', bottom: '0.5rem', borderRadius: theme.effects.roundedCorner4, overflow: 'hidden' }, (theme.rtl ? { left: '0.5rem' } : { right: '0.5rem' }));
+};
+/**
+ * @private
+ */
 export const floatingLocalVideoTileStyle = {
     root: {
         position: 'absolute',
         zIndex: 1,
-        bottom: '0',
-        right: '0',
-        width: '11.25rem',
-        height: '7rem',
-        borderRadius: theme.effects.roundedCorner4
+        height: '100%',
+        width: '100%'
     }
 };
+/**
+ * @private
+ */
+export const horizontalGalleryContainerStyle = (shouldFloatLocalVideo, isNarrow) => {
+    return {
+        maxHeight: isNarrow
+            ? `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`
+            : `${LARGE_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
+        minHeight: isNarrow
+            ? `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`
+            : `${LARGE_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
+        width: shouldFloatLocalVideo
+            ? isNarrow
+                ? `calc(100% - ${SMALL_FLOATING_MODAL_SIZE_REM.width}rem)`
+                : `calc(100% - ${LARGE_FLOATING_MODAL_SIZE_REM.width}rem)`
+            : '100%',
+        paddingRight: '0.5rem'
+    };
+};
+/**
+ * @private
+ */
+export const horizontalGalleryStyle = (isNarrow) => {
+    return {
+        children: isNarrow ? SMALL_HORIZONTAL_GALLERY_TILE_STYLE : LARGE_HORIZONTAL_GALLERY_TILE_STYLE
+    };
+};
+/**
+ * Small horizontal gallery tile size in rem
+ * @private
+ */
+export const SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM = { height: 5.5, width: 5.5 };
+/**
+ * Large horizontal gallery tile size in rem
+ * @private
+ */
+export const LARGE_HORIZONTAL_GALLERY_TILE_SIZE_REM = { height: 7.5, width: 10 };
+/**
+ * @private
+ */
+export const SMALL_HORIZONTAL_GALLERY_TILE_STYLE = {
+    minHeight: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
+    minWidth: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.width}rem`,
+    maxHeight: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
+    maxWidth: `${SMALL_HORIZONTAL_GALLERY_TILE_SIZE_REM.width}rem`
+};
+/**
+ * @private
+ */
+export const LARGE_HORIZONTAL_GALLERY_TILE_STYLE = {
+    minHeight: `${LARGE_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
+    minWidth: `${LARGE_HORIZONTAL_GALLERY_TILE_SIZE_REM.width}rem`,
+    maxHeight: `${LARGE_HORIZONTAL_GALLERY_TILE_SIZE_REM.height}rem`,
+    maxWidth: `${LARGE_HORIZONTAL_GALLERY_TILE_SIZE_REM.width}rem`
+};
 //# sourceMappingURL=VideoGallery.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoGallery.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoGallery.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,WAAW,EACX,QAAQ,EAKT,MAAM,iBAAiB,CAAC;AAGzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AAEzB,MAAM,cAAc,GAAG,WAAW,CAAC;IACjC,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,cAAc,EAAE;IACnD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAiB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC;AAE3G,MAAM,CAAC,MAAM,4BAA4B,GAA2D;IAClG,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;QACnC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAyB;IAC/D,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;KAC3C;CACF,CAAC"}
+{"version":3,"file":"VideoGallery.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoGallery.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,WAAW,EAOX,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAIzB;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAE9G;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAiB;IACtD,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE;CACjF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAEvE;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAExE;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,KAAY,EACZ,QAAkB,EACsC,EAAE;IAC1D,OAAO,eAAe,CACpB;QACE,IAAI,EAAE,4BAA4B,CAAC,KAAK,EAAE,QAAQ,CAAC;KACpD,EACD,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAClD,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,KAAY,EAAE,QAAkB,EAAU,EAAE;IACvF,uBACE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,6BAA6B,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,6BAA6B,CAAC,KAAK,KAAK,EAC9G,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,6BAA6B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,GAAG,6BAA6B,CAAC,MAAM,KAAK,EACjH,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,QAAQ,EAChB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,EAC1C,QAAQ,EAAE,QAAQ,IACf,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EACzD;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAyB;IAC/D,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,qBAA8B,EAAE,QAAiB,EAAU,EAAE;IAC3G,OAAO;QACL,SAAS,EAAE,QAAQ;YACjB,CAAC,CAAC,GAAG,sCAAsC,CAAC,MAAM,KAAK;YACvD,CAAC,CAAC,GAAG,sCAAsC,CAAC,MAAM,KAAK;QACzD,SAAS,EAAE,QAAQ;YACjB,CAAC,CAAC,GAAG,sCAAsC,CAAC,MAAM,KAAK;YACvD,CAAC,CAAC,GAAG,sCAAsC,CAAC,MAAM,KAAK;QACzD,KAAK,EAAE,qBAAqB;YAC1B,CAAC,CAAC,QAAQ;gBACR,CAAC,CAAC,eAAe,6BAA6B,CAAC,KAAK,MAAM;gBAC1D,CAAC,CAAC,eAAe,6BAA6B,CAAC,KAAK,MAAM;YAC5D,CAAC,CAAC,MAAM;QACV,YAAY,EAAE,QAAQ;KACvB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,QAAiB,EAA2B,EAAE;IACnF,OAAO;QACL,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,mCAAmC;KAC/F,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAClF;;;GAGG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AAEjF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,SAAS,EAAE,GAAG,sCAAsC,CAAC,MAAM,KAAK;IAChE,QAAQ,EAAE,GAAG,sCAAsC,CAAC,KAAK,KAAK;IAC9D,SAAS,EAAE,GAAG,sCAAsC,CAAC,MAAM,KAAK;IAChE,QAAQ,EAAE,GAAG,sCAAsC,CAAC,KAAK,KAAK;CAC/D,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,SAAS,EAAE,GAAG,sCAAsC,CAAC,MAAM,KAAK;IAChE,QAAQ,EAAE,GAAG,sCAAsC,CAAC,KAAK,KAAK;IAC9D,SAAS,EAAE,GAAG,sCAAsC,CAAC,MAAM,KAAK;IAChE,QAAQ,EAAE,GAAG,sCAAsC,CAAC,KAAK,KAAK;CAC/D,CAAC"}

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

@@ -1,11 +1,38 @@
 import { IStyle } from '@fluentui/react';
+/**
+ * @private
+ */
 export declare const rootStyles: IStyle;
-export declare const isSpeakingStyles: IStyle;
+/**
+ * @private
+ */
 export declare const videoContainerStyles: IStyle;
+/**
+ * @private
+ */
 export declare const overlayContainerStyles: IStyle;
+/**
+ * @private
+ */
+export declare const tileInfoContainerStyle: string;
+/**
+ * @private
+ */
 export declare const disabledVideoHint: string;
+/**
+ * @private
+ */
 export declare const videoHint: string;
+/**
+ * @private
+ */
 export declare const displayNameStyle: IStyle;
+/**
+ * @private
+ */
 export declare const iconContainerStyle: IStyle;
-export declare const tileInfoStackItemStyle: IStyle;
+/**
+ * @private
+ */
+export declare const isSpeakingBorderDiv: IStyle;
 //# sourceMappingURL=VideoTile.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VideoTile.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoTile.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAyB,MAAM,iBAAiB,CAAC;AAIhE,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAE9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAWlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAa5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,MAI9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAOhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAEpC,CAAC"}
+{"version":3,"file":"VideoTile.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoTile.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAe,MAAM,iBAAiB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAIxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAWlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAIpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAKjC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAS5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,SAAS,QAGpB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAS9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAMhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAOjC,CAAC"}