@azure/communication-react 1.22.0 → 1.23.0-alpha-202412200016

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

@@ -0,0 +1,58 @@
+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

@@ -0,0 +1,144 @@
+// 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

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

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

@@ -7,6 +7,14 @@ export declare const iconClassName: string;
  * @private
  */
 export declare const displayNameClassName: string;
+/**
+ * @private
+ */
+export declare const isTypingClassName: (theme: ITheme) => string;
+/**
+ * @private
+ */
+export declare const rttContainerClassName: (theme: ITheme, isTyping: boolean) => string;
 /**
  * @private
  */

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

@@ -16,6 +16,32 @@ export const displayNameClassName = mergeStyles({
     fontSize: _pxToRem(12),
     lineHeight: _pxToRem(16)
 });
+/* @conditional-compile-remove(rtt) */
+/**
+ * @private
+ */
+export const isTypingClassName = (theme) => {
+    return mergeStyles({
+        backgroundColor: theme.palette.themeLighter,
+        color: theme.palette.themeDarker,
+        borderRadius: _pxToRem(4),
+        marginLeft: _pxToRem(4),
+        fontWeight: 400,
+        paddingLeft: _pxToRem(4),
+        paddingRight: _pxToRem(4),
+        fontSize: _pxToRem(11),
+        lineHeight: _pxToRem(16)
+    });
+};
+/* @conditional-compile-remove(rtt) */
+/**
+ * @private
+ */
+export const rttContainerClassName = (theme, isTyping) => {
+    return mergeStyles({
+        borderLeft: isTyping ? `2px solid ${theme.palette.themeLighter}` : 'none'
+    });
+};
 /**
  * @private
  */
@@ -40,8 +66,7 @@ export const captionsContainerClassName = mergeStyles({
 export const captionContainerClassName = mergeStyles({
     marginTop: _pxToRem(6),
     marginBottom: _pxToRem(6),
-    textAlign: 'unset',
-    // ensure RTL spoken language captions are appropriately aligned to the right
+    textAlign: 'unset', // ensure RTL spoken language captions are appropriately aligned to the right
     overflowAnchor: 'auto'
 });
 /** Reset styling set by the `ul` element */

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

@@ -1 +1 @@
-{"version":3,"file":"Captions.style.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/Captions.style.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, ITheme, mergeStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const iconClassName = mergeStyles({\n  marginRight: _pxToRem(8)\n});\n\n/**\n * @private\n */\nexport const displayNameClassName = mergeStyles({\n  fontWeight: 400,\n  fontSize: _pxToRem(12),\n  lineHeight: _pxToRem(16)\n});\n/**\n * @private\n */\nexport const captionClassName = mergeStyles({\n  fontWeight: 400,\n  fontSize: _pxToRem(16),\n  lineHeight: _pxToRem(22),\n  width: '100%'\n});\n\n/**\n * @private\n */\nexport const captionsContainerClassName = mergeStyles({\n  height: '100%',\n  margin: 0,\n  overflow: 'auto',\n  padding: 0\n});\n\n/**\n * @private\n */\nexport const captionContainerClassName = mergeStyles({\n  marginTop: _pxToRem(6),\n  marginBottom: _pxToRem(6),\n  textAlign: 'unset',\n  // ensure RTL spoken language captions are appropriately aligned to the right\n  overflowAnchor: 'auto'\n});\n\n/** Reset styling set by the `ul` element */\nconst resetUlStyling = {\n  listStyleType: 'none',\n  padding: 0,\n  margin: 0\n};\n\n/**\n * @private\n */\nexport const captionsBannerClassName = (formFactor: 'default' | 'compact'): string => {\n  return mergeStyles({\n    ...resetUlStyling,\n    overflowX: 'hidden',\n    height: formFactor === 'compact' ? '4.5rem' : '8.75rem',\n    overflowY: 'auto'\n  });\n};\n\n/**\n * @private\n */\nexport const captionsBannerFullHeightClassName = (theme: ITheme): string => {\n  return mergeStyles({\n    ...resetUlStyling,\n    overflowX: 'hidden',\n    overflowY: 'auto',\n    height: '100%',\n    width: '100%',\n    position: 'absolute',\n    backgroundColor: theme.palette.white,\n    left: 0\n  });\n};\n\n/**\n * @private\n */\nexport const loadingBannerStyles = (formFactor: 'default' | 'compact'): IStackStyles => {\n  return {\n    root: {\n      height: formFactor === 'compact' ? '4.5rem' : '8.75rem'\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const loadingBannerFullHeightStyles = (theme: ITheme): IStackStyles => {\n  return {\n    root: {\n      height: '100%',\n      width: '100%',\n      position: 'absolute',\n      left: 0,\n      backgroundColor: theme.palette.white\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const captionsContentContainerClassName = mergeStyles({\n  width: '100%',\n  paddingInlineEnd: _pxToRem(4)\n});\n\n/**\n * @private\n */\nexport const displayNameContainerClassName = mergeStyles({\n  overflow: 'hidden',\n  textOverflow: 'ellipsis'\n});"]}
+{"version":3,"file":"Captions.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/Captions.style.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, ITheme, mergeStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const iconClassName = mergeStyles({\n  marginRight: _pxToRem(8)\n});\n\n/**\n * @private\n */\nexport const displayNameClassName = mergeStyles({\n  fontWeight: 400,\n  fontSize: _pxToRem(12),\n  lineHeight: _pxToRem(16)\n});\n\n/* @conditional-compile-remove(rtt) */\n/**\n * @private\n */\nexport const isTypingClassName = (theme: ITheme): string => {\n  return mergeStyles({\n    backgroundColor: theme.palette.themeLighter,\n    color: theme.palette.themeDarker,\n    borderRadius: _pxToRem(4),\n    marginLeft: _pxToRem(4),\n    fontWeight: 400,\n    paddingLeft: _pxToRem(4),\n    paddingRight: _pxToRem(4),\n    fontSize: _pxToRem(11),\n    lineHeight: _pxToRem(16)\n  });\n};\n/* @conditional-compile-remove(rtt) */\n/**\n * @private\n */\nexport const rttContainerClassName = (theme: ITheme, isTyping: boolean): string => {\n  return mergeStyles({\n    borderLeft: isTyping ? `2px solid ${theme.palette.themeLighter}` : 'none'\n  });\n};\n\n/**\n * @private\n */\nexport const captionClassName = mergeStyles({\n  fontWeight: 400,\n  fontSize: _pxToRem(16),\n  lineHeight: _pxToRem(22),\n  width: '100%'\n});\n\n/**\n * @private\n */\nexport const captionsContainerClassName = mergeStyles({\n  height: '100%',\n  margin: 0,\n  overflow: 'auto',\n  padding: 0\n});\n\n/**\n * @private\n */\nexport const captionContainerClassName = mergeStyles({\n  marginTop: _pxToRem(6),\n  marginBottom: _pxToRem(6),\n  textAlign: 'unset', // ensure RTL spoken language captions are appropriately aligned to the right\n  overflowAnchor: 'auto'\n});\n\n/** Reset styling set by the `ul` element */\nconst resetUlStyling = {\n  listStyleType: 'none',\n  padding: 0,\n  margin: 0\n};\n\n/**\n * @private\n */\nexport const captionsBannerClassName = (formFactor: 'default' | 'compact'): string => {\n  return mergeStyles({\n    ...resetUlStyling,\n    overflowX: 'hidden',\n    height: formFactor === 'compact' ? '4.5rem' : '8.75rem',\n    overflowY: 'auto'\n  });\n};\n\n/**\n * @private\n */\nexport const captionsBannerFullHeightClassName = (theme: ITheme): string => {\n  return mergeStyles({\n    ...resetUlStyling,\n    overflowX: 'hidden',\n    overflowY: 'auto',\n    height: '100%',\n    width: '100%',\n    position: 'absolute',\n    backgroundColor: theme.palette.white,\n    left: 0\n  });\n};\n\n/**\n * @private\n */\nexport const loadingBannerStyles = (formFactor: 'default' | 'compact'): IStackStyles => {\n  return {\n    root: {\n      height: formFactor === 'compact' ? '4.5rem' : '8.75rem'\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const loadingBannerFullHeightStyles = (theme: ITheme): IStackStyles => {\n  return {\n    root: {\n      height: '100%',\n      width: '100%',\n      position: 'absolute',\n      left: 0,\n      backgroundColor: theme.palette.white\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const captionsContentContainerClassName = mergeStyles({\n  width: '100%',\n  paddingInlineEnd: _pxToRem(4)\n});\n\n/**\n * @private\n */\nexport const displayNameContainerClassName = mergeStyles({\n  overflow: 'hidden',\n  textOverflow: 'ellipsis'\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CaptionsSettingsModal.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/CaptionsSettingsModal.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgD,WAAW,EAAS,MAAM,iBAAiB,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IACxF,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;QACrB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACxC,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAU,EAAE,CAAC,WAAW,CAAC;IACzE,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;IACrC,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC;IACnD,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAiB,EAAE;IAC1D,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;YACzB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;SACpB;QACD,WAAW,EAAE;YACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YAC3C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;SAC3B;QACD,WAAW,EAAE;YACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YAC3C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;SAC3B;QACD,WAAW,EAAE;YACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YAC3C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;SAC3B;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAA6B;IACtD,OAAO,EAAE;QACP,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC;QACrB,QAAQ,EAAE,MAAM;KACjB;IACD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;KAClB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IDropdownStyles, IModalStyles, mergeStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const themedCaptionsSettingsModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n  main: {\n    borderRadius: theme.effects.roundedCorner6,\n    padding: _pxToRem(24),\n    width: _pxToRem(440),\n    height: 'fit-content',\n    overflowY: 'auto'\n  }\n});\n\n/**\n * @private\n */\nexport const titleClassName = mergeStyles({\n  fontWeight: 600,\n  fontSize: _pxToRem(20),\n  lineHeight: _pxToRem(28)\n});\n\n/**\n * @private\n */\nexport const titleContainerClassName = mergeStyles({\n  paddingBottom: _pxToRem(20)\n});\n\n/**\n * @private\n */\nexport const dropdownContainerClassName = mergeStyles({\n  paddingTop: _pxToRem(16)\n});\n\n/**\n * @private\n */\nexport const dropdownInfoTextStyle = (theme: Theme): string => mergeStyles({\n  fontWeight: 400,\n  fontSize: _pxToRem(12),\n  lineHeight: _pxToRem(16),\n  color: theme.palette.neutralSecondary,\n  paddingBottom: _pxToRem(24)\n});\n\n/**\n * @private\n */\nexport const buttonsContainerClassName = mergeStyles({\n  paddingTop: _pxToRem(16)\n});\n\n/**\n * @private\n */\nexport const buttonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      borderRadius: _pxToRem(2),\n      margin: _pxToRem(8)\n    },\n    rootHovered: {\n      backgroundColor: theme.palette.themePrimary,\n      borderColor: theme.palette.themePrimary,\n      color: theme.palette.white\n    },\n    rootFocused: {\n      backgroundColor: theme.palette.themePrimary,\n      borderColor: theme.palette.themePrimary,\n      color: theme.palette.white\n    },\n    rootPressed: {\n      backgroundColor: theme.palette.themePrimary,\n      borderColor: theme.palette.themePrimary,\n      color: theme.palette.white\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const dropdownStyles: Partial<IDropdownStyles> = {\n  callout: {\n    height: _pxToRem(300),\n    overflow: 'auto'\n  },\n  dropdownOptionText: {\n    textWrap: 'auto',\n    overflow: 'unset'\n  }\n};"]}
+{"version":3,"file":"CaptionsSettingsModal.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/CaptionsSettingsModal.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgD,WAAW,EAAS,MAAM,iBAAiB,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IACxF,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;QACrB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACxC,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAU,EAAE,CAC5D,WAAW,CAAC;IACV,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;IACrC,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC;IACnD,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAiB,EAAE;IAC1D,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;YACzB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;SACpB;QACD,WAAW,EAAE;YACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YAC3C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;SAC3B;QACD,WAAW,EAAE;YACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YAC3C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;SAC3B;QACD,WAAW,EAAE;YACX,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YAC3C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;SAC3B;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAA6B;IACtD,OAAO,EAAE;QACP,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC;QACrB,QAAQ,EAAE,MAAM;KACjB;IACD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;KAClB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IDropdownStyles, IModalStyles, mergeStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const themedCaptionsSettingsModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n  main: {\n    borderRadius: theme.effects.roundedCorner6,\n    padding: _pxToRem(24),\n    width: _pxToRem(440),\n    height: 'fit-content',\n    overflowY: 'auto'\n  }\n});\n\n/**\n * @private\n */\nexport const titleClassName = mergeStyles({\n  fontWeight: 600,\n  fontSize: _pxToRem(20),\n  lineHeight: _pxToRem(28)\n});\n\n/**\n * @private\n */\nexport const titleContainerClassName = mergeStyles({\n  paddingBottom: _pxToRem(20)\n});\n\n/**\n * @private\n */\nexport const dropdownContainerClassName = mergeStyles({\n  paddingTop: _pxToRem(16)\n});\n\n/**\n * @private\n */\nexport const dropdownInfoTextStyle = (theme: Theme): string =>\n  mergeStyles({\n    fontWeight: 400,\n    fontSize: _pxToRem(12),\n    lineHeight: _pxToRem(16),\n    color: theme.palette.neutralSecondary,\n    paddingBottom: _pxToRem(24)\n  });\n\n/**\n * @private\n */\nexport const buttonsContainerClassName = mergeStyles({\n  paddingTop: _pxToRem(16)\n});\n\n/**\n * @private\n */\nexport const buttonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      borderRadius: _pxToRem(2),\n      margin: _pxToRem(8)\n    },\n    rootHovered: {\n      backgroundColor: theme.palette.themePrimary,\n      borderColor: theme.palette.themePrimary,\n      color: theme.palette.white\n    },\n    rootFocused: {\n      backgroundColor: theme.palette.themePrimary,\n      borderColor: theme.palette.themePrimary,\n      color: theme.palette.white\n    },\n    rootPressed: {\n      backgroundColor: theme.palette.themePrimary,\n      borderColor: theme.palette.themePrimary,\n      color: theme.palette.white\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const dropdownStyles: Partial<IDropdownStyles> = {\n  callout: {\n    height: _pxToRem(300),\n    overflow: 'auto'\n  },\n  dropdownOptionText: {\n    textWrap: 'auto',\n    overflow: 'unset'\n  }\n};\n"]}

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

@@ -50,10 +50,7 @@ export const chatMessageDateStyle = (theme) => mergeStyles({
 /**
  * @private
  */
-export const chatMessageAuthorStyle = mergeStyles({
-    fontWeight: FontWeights.semibold,
-    fontSize: '0.75rem'
-});
+export const chatMessageAuthorStyle = mergeStyles({ fontWeight: FontWeights.semibold, fontSize: '0.75rem' });
 /**
  * @private
  */
@@ -65,10 +62,7 @@ export const chatMessageDateFailedStyle = (theme) => mergeStyles({
 /**
  * @private
  */
-export const chatMessageEditedTagStyle = (theme) => mergeStyles({
-    fontWeight: FontWeights.semibold,
-    color: theme.palette.neutralSecondary
-});
+export const chatMessageEditedTagStyle = (theme) => mergeStyles({ fontWeight: FontWeights.semibold, color: theme.palette.neutralSecondary });
 /**
  * @private
  */
@@ -162,8 +156,7 @@ export const menuItemIncreasedSizeStyles = {
  */
 export const menuIconStyleSet = {
     root: {
-        height: 'calc(100% - 8px)',
-        // Adjust for the pixel margin Fluent applies
+        height: 'calc(100% - 8px)', // Adjust for the pixel margin Fluent applies
         width: '1.25rem'
     }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageComponent.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/ChatMessageComponent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAU,WAAW,EAAyD,MAAM,iBAAiB,CAAC;AAC1H,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AACnD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,wCAAwC,EAAE,sCAAsC,EAAE,MAAM,0BAA0B,CAAC;AAC5H,MAAM,+BAA+B,GAAG,CAAC,CAAC;AAC1C,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,KAAK,EAAE;QACL,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,SAAS;QACd,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,GAAG;QACX,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,GAAG;KACZ;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,aAAsB,EAAe,EAAE,CAAC,CAAC;IACvF,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;QACnB,4GAA4G;QAC5G,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QACzE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxD,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;QAC3B,gBAAgB,EAAE;YAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;YAC1B,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC;SAC3B;KACF;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAY,EAAU,EAAE,CAAC,WAAW,CAAC;IACxE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;IACrC,UAAU,EAAE,WAAW,CAAC,OAAO;IAC/B,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAChD,UAAU,EAAE,WAAW,CAAC,QAAQ;IAChC,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAY,EAAU,EAAE,CAAC,WAAW,CAAC;IAC9E,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,iBAAiB;IACtC,UAAU,EAAE,WAAW,CAAC,OAAO;IAC/B,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAU,EAAE,CAAC,WAAW,CAAC;IAC7E,UAAU,EAAE,WAAW,CAAC,QAAQ;IAChC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;CACtC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAU,EAAE,CAAC,WAAW,CAAC;IAC7E,UAAU,EAAE,WAAW,CAAC,OAAO;IAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS;IACrC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ;IACxC,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC;IACvD,YAAY,EAAE,QAAQ;CACvB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,WAAW,CAAC;IAC5D,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,WAAW,CAAC;IAC1D,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,UAAU;CACtB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,QAAQ;IAClB,6BAA6B,EAAE,aAAa,CAAC,mCAAmC;CACjF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,UAAU,CAAC;IAC1D,IAAI,0FACC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KACxB,eAAe,EAAE,aAAa,EAC9B,SAAS,EAAE,YAAY,KACpB,UAAU,CAAC,MAAM,CAAC,GAAG,wCAAwC,KAAK,EAAE,OAAO,CAAC,GAC5E,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAGlD,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QACjD,sEAAsE;QACtE,KAAK,EAAE,eAAe,sCAAsC,MAAM,EAClE,4CAA4C,gDACvC,UAAU,CAAC,WAAW,CAAC,GAAG,sCAAsC,KAAK,CAAC,GACtE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KACrC,KAAK,EAAE,MAAM,MAEhB;IACD,YAAY,EAAE;QACZ,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,KAAK;QAChB,sEAAsE;QACtE,KAAK,EAAE,eAAe,sCAAsC,MAAM;QAClE,4CAA4C,EAAE;YAC5C,SAAS,EAAE,KAAK;YAChB,YAAY,EAAE,CAAC;SAChB;KACF;IACD,SAAS,oBACJ,UAAU,CAAC,WAAW,CAAC,cAAc,CAAC,CAC1C;IACD,WAAW,kCACN,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,4BAA4B,CAAC,KAC9D,4CAA4C,oBACvC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAE7D;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,yCAAyC,GAAG,UAAU,CAAC;IAClE,IAAI,8DACC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KACxB,eAAe,EAAE,aAAa,KAC3B,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KACxC,KAAK,EAAE,MAAM,GACd;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,UAAU;QACrB,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAA8B;IACpE,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,gBAAgB,GAAG;IAC9B,IAAI,EAAE;QACJ,MAAM,EAAE,kBAAkB;QAC1B,6CAA6C;QAC7C,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE;QACJ,MAAM,EAAE,OAAO;QACf,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles, IStyle, FontWeights, Theme, IContextualMenuItemStyles, ITheme, IIconStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nimport { defaultSendBoxInactiveBorderThicknessREM, defaultSendBoxActiveBorderThicknessREM } from '../styles/SendBox.styles';\nconst MINIMUM_TOUCH_TARGET_HEIGHT_REM = 3;\nconst errorTextColor = 'var(--errorText)';\n\n/**\n * @private\n */\nexport const chatActionsCSS: IStyle = {\n  'ul&': {\n    right: '0',\n    left: 'auto',\n    top: '-1.2rem',\n    bottom: 'auto',\n    position: 'absolute'\n  },\n  '& a': {\n    margin: '0',\n    padding: '0',\n    border: '0'\n  }\n};\n\n/**\n * @private\n */\nexport const iconWrapperStyle = (theme: ITheme, isSubMenuOpen: boolean): IIconStyles => ({\n  root: {\n    margin: _pxToRem(3),\n    // Show hover styles when the Edit/Delete menu is showing as this action button is still considered 'active'\n    color: isSubMenuOpen ? theme.palette.black : theme.palette.neutralPrimary,\n    strokeWidth: isSubMenuOpen ? _pxToRem(0.5) : _pxToRem(0),\n    stroke: theme.palette.black,\n    ':hover, :focus': {\n      color: theme.palette.black,\n      strokeWidth: _pxToRem(0.5)\n    }\n  }\n});\n\n/**\n * @private\n */\nexport const chatMessageDateStyle = (theme: Theme): string => mergeStyles({\n  color: theme.palette.neutralSecondary,\n  fontWeight: FontWeights.regular,\n  fontSize: '0.75rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageAuthorStyle = mergeStyles({\n  fontWeight: FontWeights.semibold,\n  fontSize: '0.75rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageDateFailedStyle = (theme: Theme): string => mergeStyles({\n  color: theme.palette.neutralPrimaryAlt,\n  fontWeight: FontWeights.regular,\n  fontSize: '0.75rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageEditedTagStyle = (theme: Theme): string => mergeStyles({\n  fontWeight: FontWeights.semibold,\n  color: theme.palette.neutralSecondary\n});\n\n/**\n * @private\n */\nexport const chatMessageFailedTagStyle = (theme: Theme): string => mergeStyles({\n  fontWeight: FontWeights.regular,\n  color: theme.semanticColors.errorText,\n  fontSize: theme.fonts.smallPlus.fontSize,\n  lineHeight: '1rem'\n});\n\n/**\n * @private\n */\nexport const editChatMessageFailedTagStyle = mergeStyles({\n  marginBottom: '0.5rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageFailedTagStackItemStyle = mergeStyles({\n  alignSelf: 'end'\n});\n\n/**\n * @private\n */\nexport const editChatMessageButtonsStackStyle = mergeStyles({\n  padding: '0 0.5rem',\n  marginTop: '-0.25rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageMenuStyle = mergeStyles({\n  minWidth: '8.5rem',\n  height: 'max-content',\n  cursor: 'pointer',\n  overflow: 'hidden',\n  '-webkit-tap-highlight-color': 'transparent' // Disable tap highlight on Android\n});\n\n/**\n * @private\n */\nexport const useChatMessageEditContainerStyles = makeStyles({\n  body: {\n    ...shorthands.padding(0),\n    backgroundColor: 'transparent',\n    boxSizing: 'border-box',\n    ...shorthands.border(`${defaultSendBoxInactiveBorderThicknessREM}rem`, 'solid'),\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n    // The border thickness changes on hover, to prevent the border thickness change causing the\n    // input box to shift we apply a margin to compensate. This margin is then removed on hover when the border is thicker.\n    ...shorthands.margin('21px', '1px', '1px', '1px'),\n    // Width should be updated on hover to include the border width change\n    width: `calc(100% - ${defaultSendBoxActiveBorderThicknessREM}rem)`,\n    '&:hover, &:active, &:focus, &:focus-within': {\n      ...shorthands.borderWidth(`${defaultSendBoxActiveBorderThicknessREM}rem`),\n      ...shorthands.margin('20px', 0, 0, 0),\n      width: '100%'\n    }\n  },\n  bodyAttached: {\n    marginBottom: '1px',\n    marginTop: '3px',\n    // Width should be updated on hover to include the border width change\n    width: `calc(100% - ${defaultSendBoxActiveBorderThicknessREM}rem)`,\n    '&:hover, &:active, &:focus, &:focus-within': {\n      marginTop: '2px',\n      marginBottom: 0\n    }\n  },\n  bodyError: {\n    ...shorthands.borderColor(errorTextColor)\n  },\n  bodyDefault: {\n    ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible),\n    '&:hover, &:active, &:focus, &:focus-within': {\n      ...shorthands.borderColor(tokens.colorCompoundBrandStroke)\n    }\n  }\n});\n\n/**\n * @private\n */\nexport const useChatMessageRichTextEditContainerStyles = makeStyles({\n  body: {\n    ...shorthands.padding(0),\n    backgroundColor: 'transparent',\n    ...shorthands.margin('1.25rem', 0, 0, 0),\n    width: '100%'\n  },\n  bodyAttached: {\n    marginTop: '0.125rem',\n    marginBottom: 0\n  }\n});\n\n/**\n * Styles that can be applied to ensure flyout items have the minimum touch target size.\n *\n * @private\n */\nexport const menuItemIncreasedSizeStyles: IContextualMenuItemStyles = {\n  root: {\n    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    maxHeight: 'unset'\n  },\n  linkContent: {\n    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    maxHeight: 'unset'\n  },\n  icon: {\n    maxHeight: 'unset'\n  }\n};\n\n/**\n * @private\n */\nexport const menuIconStyleSet = {\n  root: {\n    height: 'calc(100% - 8px)',\n    // Adjust for the pixel margin Fluent applies\n    width: '1.25rem'\n  }\n};\n\n/**\n * @private\n */\nexport const menuSubIconStyleSet = {\n  root: {\n    height: 'unset',\n    lineHeight: '100%',\n    width: '1.25rem'\n  }\n};"]}
+{"version":3,"file":"ChatMessageComponent.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ChatMessageComponent.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  mergeStyles,\n  IStyle,\n  FontWeights,\n  Theme,\n  IContextualMenuItemStyles,\n  ITheme,\n  IIconStyles\n} from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport { makeStyles, shorthands, tokens } from '@fluentui/react-components';\nimport {\n  defaultSendBoxInactiveBorderThicknessREM,\n  defaultSendBoxActiveBorderThicknessREM\n} from '../styles/SendBox.styles';\n\nconst MINIMUM_TOUCH_TARGET_HEIGHT_REM = 3;\nconst errorTextColor = 'var(--errorText)';\n\n/**\n * @private\n */\nexport const chatActionsCSS: IStyle = {\n  'ul&': {\n    right: '0',\n    left: 'auto',\n    top: '-1.2rem',\n    bottom: 'auto',\n    position: 'absolute'\n  },\n  '& a': {\n    margin: '0',\n    padding: '0',\n    border: '0'\n  }\n};\n\n/**\n * @private\n */\nexport const iconWrapperStyle = (theme: ITheme, isSubMenuOpen: boolean): IIconStyles => ({\n  root: {\n    margin: _pxToRem(3),\n    // Show hover styles when the Edit/Delete menu is showing as this action button is still considered 'active'\n    color: isSubMenuOpen ? theme.palette.black : theme.palette.neutralPrimary,\n    strokeWidth: isSubMenuOpen ? _pxToRem(0.5) : _pxToRem(0),\n    stroke: theme.palette.black,\n    ':hover, :focus': {\n      color: theme.palette.black,\n      strokeWidth: _pxToRem(0.5)\n    }\n  }\n});\n\n/**\n * @private\n */\nexport const chatMessageDateStyle = (theme: Theme): string =>\n  mergeStyles({\n    color: theme.palette.neutralSecondary,\n    fontWeight: FontWeights.regular,\n    fontSize: '0.75rem'\n  });\n\n/**\n * @private\n */\nexport const chatMessageAuthorStyle = mergeStyles({ fontWeight: FontWeights.semibold, fontSize: '0.75rem' });\n\n/**\n * @private\n */\nexport const chatMessageDateFailedStyle = (theme: Theme): string =>\n  mergeStyles({\n    color: theme.palette.neutralPrimaryAlt,\n    fontWeight: FontWeights.regular,\n    fontSize: '0.75rem'\n  });\n\n/**\n * @private\n */\nexport const chatMessageEditedTagStyle = (theme: Theme): string =>\n  mergeStyles({ fontWeight: FontWeights.semibold, color: theme.palette.neutralSecondary });\n\n/**\n * @private\n */\nexport const chatMessageFailedTagStyle = (theme: Theme): string =>\n  mergeStyles({\n    fontWeight: FontWeights.regular,\n    color: theme.semanticColors.errorText,\n    fontSize: theme.fonts.smallPlus.fontSize,\n    lineHeight: '1rem'\n  });\n\n/**\n * @private\n */\nexport const editChatMessageFailedTagStyle = mergeStyles({\n  marginBottom: '0.5rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageFailedTagStackItemStyle = mergeStyles({\n  alignSelf: 'end'\n});\n\n/**\n * @private\n */\nexport const editChatMessageButtonsStackStyle = mergeStyles({\n  padding: '0 0.5rem',\n  marginTop: '-0.25rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageMenuStyle = mergeStyles({\n  minWidth: '8.5rem',\n  height: 'max-content',\n  cursor: 'pointer',\n  overflow: 'hidden',\n  '-webkit-tap-highlight-color': 'transparent' // Disable tap highlight on Android\n});\n\n/**\n * @private\n */\nexport const useChatMessageEditContainerStyles = makeStyles({\n  body: {\n    ...shorthands.padding(0),\n    backgroundColor: 'transparent',\n    boxSizing: 'border-box',\n    ...shorthands.border(`${defaultSendBoxInactiveBorderThicknessREM}rem`, 'solid'),\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n    // The border thickness changes on hover, to prevent the border thickness change causing the\n    // input box to shift we apply a margin to compensate. This margin is then removed on hover when the border is thicker.\n    ...shorthands.margin('21px', '1px', '1px', '1px'),\n    // Width should be updated on hover to include the border width change\n    width: `calc(100% - ${defaultSendBoxActiveBorderThicknessREM}rem)`,\n    '&:hover, &:active, &:focus, &:focus-within': {\n      ...shorthands.borderWidth(`${defaultSendBoxActiveBorderThicknessREM}rem`),\n      ...shorthands.margin('20px', 0, 0, 0),\n      width: '100%'\n    }\n  },\n  bodyAttached: {\n    marginBottom: '1px',\n    marginTop: '3px',\n    // Width should be updated on hover to include the border width change\n    width: `calc(100% - ${defaultSendBoxActiveBorderThicknessREM}rem)`,\n    '&:hover, &:active, &:focus, &:focus-within': {\n      marginTop: '2px',\n      marginBottom: 0\n    }\n  },\n  bodyError: {\n    ...shorthands.borderColor(errorTextColor)\n  },\n  bodyDefault: {\n    ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible),\n    '&:hover, &:active, &:focus, &:focus-within': {\n      ...shorthands.borderColor(tokens.colorCompoundBrandStroke)\n    }\n  }\n});\n\n/**\n * @private\n */\nexport const useChatMessageRichTextEditContainerStyles = makeStyles({\n  body: {\n    ...shorthands.padding(0),\n    backgroundColor: 'transparent',\n    ...shorthands.margin('1.25rem', 0, 0, 0),\n    width: '100%'\n  },\n  bodyAttached: {\n    marginTop: '0.125rem',\n    marginBottom: 0\n  }\n});\n\n/**\n * Styles that can be applied to ensure flyout items have the minimum touch target size.\n *\n * @private\n */\nexport const menuItemIncreasedSizeStyles: IContextualMenuItemStyles = {\n  root: {\n    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    maxHeight: 'unset'\n  },\n  linkContent: {\n    height: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    lineHeight: `${MINIMUM_TOUCH_TARGET_HEIGHT_REM}rem`,\n    maxHeight: 'unset'\n  },\n  icon: {\n    maxHeight: 'unset'\n  }\n};\n\n/**\n * @private\n */\nexport const menuIconStyleSet = {\n  root: {\n    height: 'calc(100% - 8px)', // Adjust for the pixel margin Fluent applies\n    width: '1.25rem'\n  }\n};\n\n/**\n * @private\n */\nexport const menuSubIconStyleSet = {\n  root: {\n    height: 'unset',\n    lineHeight: '100%',\n    width: '1.25rem'\n  }\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Common.style.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/Common.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,MAAM,oBAAoB,GAAG,mdAAmd,CAAC;AAEjf;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,gJAAgJ,oBAAoB,sCAAsC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nconst ERROR_IMAGE_SVG_PATH = 'M2.85 2.15a.5.5 0 1 0-.7.7l1.4 1.41A2.99 2.99 0 0 0 3 6v8a3 3 0 0 0 3 3h8c.65 0 1.25-.2 1.74-.55l1.4 1.4a.5.5 0 0 0 .71-.7l-15-15Zm6.56 7.97a1.5 1.5 0 0 0-.46.31l-4.67 4.59A2 2 0 0 1 4 14V6a2 2 0 0 1 .28-1.02l5.13 5.14ZM6 16a2 2 0 0 1-1.01-.27l4.66-4.58c.2-.2.5-.2.7 0l4.66 4.58A2 2 0 0 1 14 16H6ZM16 6v7.88l.9.9A3 3 0 0 0 17 14V6a3 3 0 0 0-3-3H6a3 3 0 0 0-.78.1l.9.9H14a2 2 0 0 1 2 2Zm-2 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm-1 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z';\n\n/**\n * @private\n */\nexport const BROKEN_IMAGE_SVG_DATA = `data:image/svg+xml,%3Csvg width='3rem' height='3rem' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%3E%3Cpath d='${ERROR_IMAGE_SVG_PATH}' fill='currentColor' /%3E%3C/svg%3E`;"]}
+{"version":3,"file":"Common.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/Common.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,MAAM,oBAAoB,GACxB,mdAAmd,CAAC;AAEtd;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,gJAAgJ,oBAAoB,sCAAsC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nconst ERROR_IMAGE_SVG_PATH =\n  'M2.85 2.15a.5.5 0 1 0-.7.7l1.4 1.41A2.99 2.99 0 0 0 3 6v8a3 3 0 0 0 3 3h8c.65 0 1.25-.2 1.74-.55l1.4 1.4a.5.5 0 0 0 .71-.7l-15-15Zm6.56 7.97a1.5 1.5 0 0 0-.46.31l-4.67 4.59A2 2 0 0 1 4 14V6a2 2 0 0 1 .28-1.02l5.13 5.14ZM6 16a2 2 0 0 1-1.01-.27l4.66-4.58c.2-.2.5-.2.7 0l4.66 4.58A2 2 0 0 1 14 16H6ZM16 6v7.88l.9.9A3 3 0 0 0 17 14V6a3 3 0 0 0-3-3H6a3 3 0 0 0-.78.1l.9.9H14a2 2 0 0 1 2 2Zm-2 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Zm-1 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z';\n\n/**\n * @private\n */\nexport const BROKEN_IMAGE_SVG_DATA = `data:image/svg+xml,%3Csvg width='3rem' height='3rem' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='currentColor'%3E%3Cpath d='${ERROR_IMAGE_SVG_PATH}' fill='currentColor' /%3E%3C/svg%3E`;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ControlBar.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/ControlBar.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, IButtonStyles, IContextualMenuStyles, IContextualMenuItemStyles } from '@fluentui/react';\ninterface IControlBarStyles {\n  horizontal: IStyle;\n  vertical: IStyle;\n  dockedTop: IStyle;\n  dockedBottom: IStyle;\n  dockedLeft: IStyle;\n  dockedRight: IStyle;\n  floatingTop: IStyle;\n  floatingBottom: IStyle;\n  floatingLeft: IStyle;\n  floatingRight: IStyle;\n}\n\n/**\n * @private\n */\nexport const controlBarStyles: IControlBarStyles = {\n  horizontal: {\n    flexFlow: 'row nowrap'\n  },\n  vertical: {\n    flexFlow: 'column nowrap',\n    width: 'fit-content',\n    maxWidth: '8rem'\n  },\n  dockedTop: {\n    flexFlow: 'row nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    minWidth: 'fit-content'\n  },\n  dockedBottom: {\n    flexFlow: 'row nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    minWidth: 'fit-content'\n  },\n  dockedLeft: {\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    height: '100%'\n  },\n  dockedRight: {\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    height: '100%'\n  },\n  floatingTop: {\n    flexFlow: 'row nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: '1rem',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    minWidth: 'fit-content',\n    zIndex: 10\n  },\n  floatingBottom: {\n    flexFlow: 'row nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    bottom: '1rem',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    minWidth: 'fit-content',\n    zIndex: 10\n  },\n  floatingLeft: {\n    flexFlow: 'column nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: '50%',\n    left: '1rem',\n    transform: 'translateY(-50%)',\n    zIndex: 10\n  },\n  floatingRight: {\n    flexFlow: 'column nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: '50%',\n    right: '1rem',\n    transform: 'translateY(-50%)',\n    zIndex: 10\n  }\n};\n\n/**\n * @private\n */\nexport const controlButtonStyles: IButtonStyles = {\n  root: {\n    background: 'none',\n    border: 'none',\n    borderRadius: 0,\n    minHeight: '3.5rem',\n    minWidth: '3.5rem',\n    width: '100%',\n    maxWidth: '8rem',\n    svg: {\n      verticalAlign: 'text-top'\n    }\n  },\n  splitButtonMenuButton: {\n    border: 'none'\n  },\n  flexContainer: {\n    display: 'unset'\n  },\n  label: {\n    fontSize: '0.625rem',\n    fontWeight: '400',\n    lineHeight: '1rem',\n    cursor: 'pointer',\n    display: 'block',\n    margin: '0rem 0.25rem',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap'\n  }\n};\n\n/**\n * making it Partial as IContextualMenuStyles has all its props non-optional and we only need title to be defined here.\n *\n * @private\n */\nexport const participantsButtonMenuPropsStyle: Partial<IContextualMenuStyles> = {\n  title: {\n    background: 'initial',\n    paddingLeft: '.5rem',\n    fontWeight: 600,\n    fontSize: '.75rem'\n  }\n};\n\n/**\n * Default styles for button flyout items\n *\n * @private\n */\nexport const buttonFlyoutItemStyles: IContextualMenuItemStyles = {\n  icon: {\n    lineHeight: 0\n  },\n  checkmarkIcon: {\n    lineHeight: 0\n  }\n};"]}
+{"version":3,"file":"ControlBar.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ControlBar.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, IButtonStyles, IContextualMenuStyles, IContextualMenuItemStyles } from '@fluentui/react';\n\ninterface IControlBarStyles {\n  horizontal: IStyle;\n  vertical: IStyle;\n  dockedTop: IStyle;\n  dockedBottom: IStyle;\n  dockedLeft: IStyle;\n  dockedRight: IStyle;\n  floatingTop: IStyle;\n  floatingBottom: IStyle;\n  floatingLeft: IStyle;\n  floatingRight: IStyle;\n}\n\n/**\n * @private\n */\nexport const controlBarStyles: IControlBarStyles = {\n  horizontal: {\n    flexFlow: 'row nowrap'\n  },\n  vertical: {\n    flexFlow: 'column nowrap',\n    width: 'fit-content',\n    maxWidth: '8rem'\n  },\n  dockedTop: {\n    flexFlow: 'row nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    minWidth: 'fit-content'\n  },\n  dockedBottom: {\n    flexFlow: 'row nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    minWidth: 'fit-content'\n  },\n  dockedLeft: {\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    height: '100%'\n  },\n  dockedRight: {\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    height: '100%'\n  },\n  floatingTop: {\n    flexFlow: 'row nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: '1rem',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    minWidth: 'fit-content',\n    zIndex: 10\n  },\n  floatingBottom: {\n    flexFlow: 'row nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    bottom: '1rem',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    minWidth: 'fit-content',\n    zIndex: 10\n  },\n  floatingLeft: {\n    flexFlow: 'column nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: '50%',\n    left: '1rem',\n    transform: 'translateY(-50%)',\n    zIndex: 10\n  },\n  floatingRight: {\n    flexFlow: 'column nowrap',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    position: 'absolute',\n    top: '50%',\n    right: '1rem',\n    transform: 'translateY(-50%)',\n    zIndex: 10\n  }\n};\n\n/**\n * @private\n */\nexport const controlButtonStyles: IButtonStyles = {\n  root: {\n    background: 'none',\n    border: 'none',\n    borderRadius: 0,\n    minHeight: '3.5rem',\n    minWidth: '3.5rem',\n    width: '100%',\n    maxWidth: '8rem',\n    svg: {\n      verticalAlign: 'text-top'\n    }\n  },\n  splitButtonMenuButton: {\n    border: 'none'\n  },\n  flexContainer: {\n    display: 'unset'\n  },\n  label: {\n    fontSize: '0.625rem',\n    fontWeight: '400',\n    lineHeight: '1rem',\n    cursor: 'pointer',\n    display: 'block',\n    margin: '0rem 0.25rem',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap'\n  }\n};\n\n/**\n * making it Partial as IContextualMenuStyles has all its props non-optional and we only need title to be defined here.\n *\n * @private\n */\nexport const participantsButtonMenuPropsStyle: Partial<IContextualMenuStyles> = {\n  title: {\n    background: 'initial',\n    paddingLeft: '.5rem',\n    fontWeight: 600,\n    fontSize: '.75rem'\n  }\n};\n\n/**\n * Default styles for button flyout items\n *\n * @private\n */\nexport const buttonFlyoutItemStyles: IContextualMenuItemStyles = {\n  icon: {\n    lineHeight: 0\n  },\n  checkmarkIcon: {\n    lineHeight: 0\n  }\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Dialpad.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/Dialpad.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAU,EAAE;IACtD,OAAO;QACL,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE;QACpC,YAAY,EAAE,SAAS;QACvB,MAAM,EAAE,MAAM;KACf,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAiB,EAAE,CAAC,CAAC;IAC5D,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE;QAC3B,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE;QAC3E,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAU,EAAE;IAClD,OAAO;QACL,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;QACzC,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;KACvC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,aAAsB,EAA6B,EAAE,CAAC,CAAC;IACnG,KAAK,EAAE;QACL,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE;QAC3B,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE;QAC7C,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,QAAQ;QACtB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,MAAM;KACrB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE;QAClD,YAAY,EAAE,UAAU;QACxB,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,QAAQ;KACvB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,QAAQ;QACtB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE;QAClD,QAAQ,EAAE;YACR,YAAY,EAAE,QAAQ;SACvB;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS;KACtC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,SAAS;QACd,SAAS,EAAE,aAAa;QACxB,UAAU,EAAE,OAAO;KACpB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAU,EAAE;IACnD,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE;QAC1C,UAAU,EAAE,GAAG;QACf,MAAM,EAAE,UAAU;QAClB,SAAS,EAAE,SAAS;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAiB,EAAE;IAC9D,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE;YAC/B,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,aAAa;SAC1B;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,aAAa;YACzB,+CAA+C;YAC/C,QAAQ,EAAE;gBACR,OAAO,EAAE,MAAM;aAChB;SACF;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { IButtonStyles, IStyle, ITextFieldStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const containerStyles = (theme: Theme): IStyle => {\n  return {\n    maxWidth: '16rem',\n    textAlign: 'center',\n    background: `${theme.palette.white}`,\n    borderRadius: '0.75rem',\n    margin: 'auto'\n  };\n};\n\n/**\n * @private\n */\nexport const buttonStyles = (theme: Theme): IButtonStyles => ({\n  root: {\n    background: 'none',\n    fontWeight: 600,\n    fontSize: `${_pxToRem(20)}`,\n    border: 'none',\n    borderRadius: 0,\n    width: '3rem',\n    height: '3rem',\n    padding: `${_pxToRem(16)}, ${_pxToRem(5)}, ${_pxToRem(16)}, ${_pxToRem(5)}`,\n    minWidth: 0,\n    minHeight: 0\n  }\n});\n\n/**\n * @private\n */\nexport const digitStyles = (theme: Theme): IStyle => {\n  return {\n    fontSize: '1.25rem',\n    fontWeight: theme.fonts.medium.fontWeight,\n    color: `${theme.palette.themePrimary}`\n  };\n};\n\n/**\n * @private\n */\nexport const textFieldStyles = (theme: Theme, buttonPresent: boolean): Partial<ITextFieldStyles> => ({\n  field: {\n    padding: 0,\n    textAlign: 'center',\n    fontSize: `${_pxToRem(18)}`,\n    fontWeight: 400,\n    width: `${buttonPresent ? '10rem' : '12rem'}`,\n    height: '3rem',\n    borderRadius: '0.5rem',\n    position: 'relative',\n    overflowX: 'hidden',\n    textOverflow: 'clip'\n  },\n  root: {\n    backgroundColor: `${theme.palette.neutralLighter}`,\n    marginBottom: '0.625rem',\n    height: '3rem',\n    borderRadius: '0.5rem'\n  },\n  fieldGroup: {\n    border: 'none',\n    borderRadius: '0.5rem',\n    width: '12rem',\n    height: '3rem',\n    backgroundColor: `${theme.palette.neutralLighter}`,\n    ':after': {\n      borderRadius: '0.5rem'\n    }\n  },\n  errorMessage: {\n    color: theme.semanticColors.errorText\n  },\n  suffix: {\n    padding: 0,\n    position: 'absolute',\n    right: '0.25rem',\n    top: '0.55rem',\n    transform: 'scale(1.15)',\n    background: 'unset'\n  }\n});\n\n/**\n * @private\n */\nexport const letterStyles = (theme: Theme): IStyle => {\n  return {\n    fontSize: '0.625rem',\n    color: `${theme.palette.neutralSecondary}`,\n    fontWeight: 400,\n    margin: '0.125rem',\n    minHeight: '0.75rem'\n  };\n};\n\n/**\n * @private\n */\nexport const iconButtonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      color: `${theme.palette.black}`,\n      padding: 0,\n      background: 'transparent'\n    },\n    icon: {\n      height: 'auto',\n      background: 'transparent',\n      // Needed to keep the icon vertically centered.\n      '> span': {\n        display: 'flex'\n      }\n    }\n  };\n};"]}
+{"version":3,"file":"Dialpad.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/Dialpad.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\n\nimport { IButtonStyles, IStyle, ITextFieldStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const containerStyles = (theme: Theme): IStyle => {\n  return {\n    maxWidth: '16rem',\n    textAlign: 'center',\n    background: `${theme.palette.white}`,\n    borderRadius: '0.75rem',\n    margin: 'auto'\n  };\n};\n\n/**\n * @private\n */\nexport const buttonStyles = (theme: Theme): IButtonStyles => ({\n  root: {\n    background: 'none',\n    fontWeight: 600,\n    fontSize: `${_pxToRem(20)}`,\n    border: 'none',\n    borderRadius: 0,\n    width: '3rem',\n    height: '3rem',\n    padding: `${_pxToRem(16)}, ${_pxToRem(5)}, ${_pxToRem(16)}, ${_pxToRem(5)}`,\n    minWidth: 0,\n    minHeight: 0\n  }\n});\n\n/**\n * @private\n */\nexport const digitStyles = (theme: Theme): IStyle => {\n  return {\n    fontSize: '1.25rem',\n    fontWeight: theme.fonts.medium.fontWeight,\n    color: `${theme.palette.themePrimary}`\n  };\n};\n\n/**\n * @private\n */\nexport const textFieldStyles = (theme: Theme, buttonPresent: boolean): Partial<ITextFieldStyles> => ({\n  field: {\n    padding: 0,\n    textAlign: 'center',\n    fontSize: `${_pxToRem(18)}`,\n    fontWeight: 400,\n    width: `${buttonPresent ? '10rem' : '12rem'}`,\n    height: '3rem',\n    borderRadius: '0.5rem',\n    position: 'relative',\n    overflowX: 'hidden',\n    textOverflow: 'clip'\n  },\n  root: {\n    backgroundColor: `${theme.palette.neutralLighter}`,\n    marginBottom: '0.625rem',\n    height: '3rem',\n    borderRadius: '0.5rem'\n  },\n  fieldGroup: {\n    border: 'none',\n    borderRadius: '0.5rem',\n    width: '12rem',\n    height: '3rem',\n    backgroundColor: `${theme.palette.neutralLighter}`,\n    ':after': {\n      borderRadius: '0.5rem'\n    }\n  },\n  errorMessage: {\n    color: theme.semanticColors.errorText\n  },\n  suffix: {\n    padding: 0,\n    position: 'absolute',\n    right: '0.25rem',\n    top: '0.55rem',\n    transform: 'scale(1.15)',\n    background: 'unset'\n  }\n});\n\n/**\n * @private\n */\nexport const letterStyles = (theme: Theme): IStyle => {\n  return {\n    fontSize: '0.625rem',\n    color: `${theme.palette.neutralSecondary}`,\n    fontWeight: 400,\n    margin: '0.125rem',\n    minHeight: '0.75rem'\n  };\n};\n\n/**\n * @private\n */\nexport const iconButtonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      color: `${theme.palette.black}`,\n      padding: 0,\n      background: 'transparent'\n    },\n    icon: {\n      height: 'auto',\n      background: 'transparent',\n      // Needed to keep the icon vertically centered.\n      '> span': {\n        display: 'flex'\n      }\n    }\n  };\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"EditBox.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/EditBox.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;IACtC,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,WAAW;CAC1B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC5C,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,gBAAgB;CAC1B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;IACtC,MAAM,EAAE,MAAM;IACd,aAAa,EAAE;QACb,MAAM,EAAE,cAAc;KACvB;CACF,CAAC,CAAC;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,WAAW,CAAC,wBAAwB,EAAE;IACnF,aAAa,EAAE;QACb,MAAM,EAAE,cAAc;KACvB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,kBAAkB;CACzB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, mergeStyles } from '@fluentui/react';\nimport { editorTextBoxButtonStyle } from './SendBox.styles';\n\n/**\n * @private\n */\nexport const editBoxStyle = mergeStyles({\n  marginTop: '0.0875rem',\n  marginBottom: '0.0875rem'\n});\n\n/**\n * @private\n */\nexport const editingButtonStyle = mergeStyles({\n  margin: '0',\n  width: '2.125rem',\n  height: '2.125rem',\n  padding: '0.375rem 0 0 0'\n});\n\n/**\n * @private\n */\nexport const inputBoxIcon = mergeStyles({\n  margin: 'auto',\n  '&:hover svg': {\n    stroke: 'currentColor'\n  }\n});\n/**\n * @private\n */\nexport const richTextEditBoxActionButtonIcon = mergeStyles(editorTextBoxButtonStyle, {\n  '&:hover svg': {\n    stroke: 'currentColor'\n  }\n});\n\n/**\n * @private\n */\nexport const editBoxWidthStyles: IStyle = {\n  minWidth: '6.25rem',\n  maxWidth: '100%'\n};\n\n/**\n * @private\n */\nexport const editBoxStyleSet = {\n  root: editBoxWidthStyles\n};"]}
+{"version":3,"file":"EditBox.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/EditBox.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;IACtC,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,WAAW;CAC1B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC5C,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,gBAAgB;CAC1B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;IACtC,MAAM,EAAE,MAAM;IACd,aAAa,EAAE;QACb,MAAM,EAAE,cAAc;KACvB;CACF,CAAC,CAAC;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,WAAW,CAAC,wBAAwB,EAAE;IACnF,aAAa,EAAE;QACb,MAAM,EAAE,cAAc;KACvB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,kBAAkB;CACzB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, mergeStyles } from '@fluentui/react';\nimport { editorTextBoxButtonStyle } from './SendBox.styles';\n\n/**\n * @private\n */\nexport const editBoxStyle = mergeStyles({\n  marginTop: '0.0875rem',\n  marginBottom: '0.0875rem'\n});\n\n/**\n * @private\n */\nexport const editingButtonStyle = mergeStyles({\n  margin: '0',\n  width: '2.125rem',\n  height: '2.125rem',\n  padding: '0.375rem 0 0 0'\n});\n\n/**\n * @private\n */\nexport const inputBoxIcon = mergeStyles({\n  margin: 'auto',\n  '&:hover svg': {\n    stroke: 'currentColor'\n  }\n});\n/**\n * @private\n */\nexport const richTextEditBoxActionButtonIcon = mergeStyles(editorTextBoxButtonStyle, {\n  '&:hover svg': {\n    stroke: 'currentColor'\n  }\n});\n\n/**\n * @private\n */\nexport const editBoxWidthStyles: IStyle = {\n  minWidth: '6.25rem',\n  maxWidth: '100%'\n};\n\n/**\n * @private\n */\nexport const editBoxStyleSet = {\n  root: editBoxWidthStyles\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/GridLayout.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACzC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const gridLayoutStyle = mergeStyles({\n  width: '100%',\n  height: '100%',\n  display: 'grid',\n  gridGap: '0.5rem'\n});"]}
+{"version":3,"file":"GridLayout.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/GridLayout.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACzC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const gridLayoutStyle = mergeStyles({\n  width: '100%',\n  height: '100%',\n  display: 'grid',\n  gridGap: '0.5rem'\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalGallery.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/HorizontalGallery.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,IAAI,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAU,EAAE;IAC5D,OAAO;QACL,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,GAAG,+BAA+B,KAAK;QACjD,QAAQ,EAAE,GAAG,+BAA+B,KAAK;QACjD,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QACjD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;KAC3C,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAW;IAC/B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,GAAG,sBAAsB,KAAK;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,GAAG,sBAAsB,KAAK;CACpC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, Theme } from '@fluentui/react';\n\n/**\n * Horizontal Gallery button width in rem\n */\nexport const HORIZONTAL_GALLERY_BUTTON_WIDTH = 1.75;\n\n/**\n * @private\n */\nexport const leftRightButtonStyles = (theme: Theme): IStyle => {\n  return {\n    background: 'none',\n    padding: 0,\n    height: 'auto',\n    minWidth: `${HORIZONTAL_GALLERY_BUTTON_WIDTH}rem`,\n    maxWidth: `${HORIZONTAL_GALLERY_BUTTON_WIDTH}rem`,\n    border: `1px solid ${theme.palette.neutralLight}`,\n    borderRadius: theme.effects.roundedCorner4\n  };\n};\n\n/**\n * Horizontal Gallery gap size in rem between tiles and buttons\n */\nexport const HORIZONTAL_GALLERY_GAP = 0.5;\n\n/**\n * @private\n */\nexport const rootStyle: IStyle = {\n  height: '100%',\n  width: '100%',\n  gap: `${HORIZONTAL_GALLERY_GAP}rem`\n};\n\n/**\n * @private\n */\nexport const childrenContainerStyle: IStyle = {\n  height: '100%',\n  width: '100%',\n  gap: `${HORIZONTAL_GALLERY_GAP}rem`\n};"]}
+{"version":3,"file":"HorizontalGallery.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/HorizontalGallery.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,IAAI,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAU,EAAE;IAC5D,OAAO;QACL,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,GAAG,+BAA+B,KAAK;QACjD,QAAQ,EAAE,GAAG,+BAA+B,KAAK;QACjD,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QACjD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;KAC3C,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAW;IAC/B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,GAAG,sBAAsB,KAAK;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,GAAG,sBAAsB,KAAK;CACpC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStyle, Theme } from '@fluentui/react';\n\n/**\n * Horizontal Gallery button width in rem\n */\nexport const HORIZONTAL_GALLERY_BUTTON_WIDTH = 1.75;\n\n/**\n * @private\n */\nexport const leftRightButtonStyles = (theme: Theme): IStyle => {\n  return {\n    background: 'none',\n    padding: 0,\n    height: 'auto',\n    minWidth: `${HORIZONTAL_GALLERY_BUTTON_WIDTH}rem`,\n    maxWidth: `${HORIZONTAL_GALLERY_BUTTON_WIDTH}rem`,\n    border: `1px solid ${theme.palette.neutralLight}`,\n    borderRadius: theme.effects.roundedCorner4\n  };\n};\n\n/**\n * Horizontal Gallery gap size in rem between tiles and buttons\n */\nexport const HORIZONTAL_GALLERY_GAP = 0.5;\n\n/**\n * @private\n */\nexport const rootStyle: IStyle = {\n  height: '100%',\n  width: '100%',\n  gap: `${HORIZONTAL_GALLERY_GAP}rem`\n};\n\n/**\n * @private\n */\nexport const childrenContainerStyle: IStyle = {\n  height: '100%',\n  width: '100%',\n  gap: `${HORIZONTAL_GALLERY_GAP}rem`\n};\n"]}

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

@@ -3,9 +3,7 @@
 /**
  * @private
  */
-export const cancelIcon = {
-    iconName: 'Cancel'
-};
+export const cancelIcon = { iconName: 'Cancel' };
 /**
  * @private
  */
@@ -161,8 +159,7 @@ export const downloadButtonStyle = {
     margin: '0 0.5rem',
     height: '32px',
     borderWidth: '1px',
-    fontSize: '0.875rem',
-    // 14px
+    fontSize: '0.875rem', // 14px
     fontWeight: 600,
     padding: '0.38rem 0.75rem',
     borderRadius: '4px',

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

@@ -1 +1 @@
-{"version":3,"file":"ImageOverlay.style.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/ImageOverlay.style.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IIconProps, IStyle, PartialTheme } from '@fluentui/react';\nimport { IOverlayStyles } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const cancelIcon: IIconProps = {\n  iconName: 'Cancel'\n};\n\n/**\n * @private\n */\nexport const downloadIcon: IIconProps = {\n  iconName: 'Download'\n};\n\n/**\n * @private\n */\nexport const overlayStyles = (theme: PartialTheme): IOverlayStyles => {\n  return {\n    root: {\n      background: theme.semanticColors?.bodyBackground\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const focusTrapZoneStyle: IStyle = {\n  boxShadow: 'none',\n  background: 'transparent',\n  display: 'flex',\n  width: '100%',\n  height: '100%',\n  maxWidth: '100%',\n  maxHeight: '100%'\n};\n\n/**\n * @private\n */\nexport const scrollableContentStyle: IStyle = {\n  overflowY: 'hidden',\n  display: 'flex',\n  maxWidth: '100%',\n  maxHeight: '100%',\n  flexDirection: 'column',\n  flexWrap: 'nowrap'\n};\n\n/**\n * @private\n */\nexport const themeProviderRootStyle: React.CSSProperties = {\n  background: 'transparent',\n  display: 'flex',\n  flexDirection: 'column'\n};\n\n/**\n * @private\n */\nexport const headerStyle: IStyle = {\n  fontSize: 'inherit',\n  margin: '0',\n  width: '100%',\n  minHeight: '3.5rem',\n  flexDirection: 'row',\n  justifyContent: 'space-between',\n  padding: '0.25rem 0.75rem'\n};\n\n/**\n * @private\n */\nexport const titleBarContainerStyle: IStyle = {\n  flexDirection: 'row',\n  justifyContent: 'start',\n  alignContent: 'center',\n  alignItems: 'center'\n};\n\n/**\n * @private\n */\nexport const titleStyle = (theme: PartialTheme): IStyle => {\n  return {\n    paddingLeft: '0.5rem',\n    color: theme.palette?.black,\n    fontFamily: 'inherit',\n    fontSize: '0.875rem',\n    fontStyle: 'normal',\n    fontWeight: '600',\n    lineHeight: '1.25rem'\n  };\n};\n\n/**\n * @private\n */\nexport const controlBarContainerStyle: IStyle = {\n  flexDirection: 'row',\n  justifyContent: 'start',\n  flexWrap: 'wrap',\n  alignContent: 'center',\n  alignItems: 'center'\n};\n\n/**\n * @private\n */\nexport const downloadIconStyle: IStyle = {\n  marginRight: '0.5em',\n  fontSize: '0.875rem' // 14px\n};\n\n/**\n * @private\n */\nexport const bodyContainer: IStyle = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '100%',\n  height: '100%',\n  overflow: 'hidden',\n  padding: '1rem 2rem 3rem 2rem',\n  '@media (max-width: 25rem) or (max-height: 25rem)': {\n    padding: '0rem 1rem 2rem 1rem'\n  }\n};\n\n/**\n * @private\n */\nexport const normalImageStyle: IStyle = {\n  objectFit: 'contain',\n  maxHeight: '100%',\n  maxWidth: '100%'\n};\n\n/**\n * @private\n */\nexport const brokenImageStyle = (theme: PartialTheme): IStyle => {\n  return {\n    color: theme.palette?.black\n  };\n};\n\n/**\n * @private\n */\nexport const closeButtonStyles = (theme: PartialTheme): IStyle => {\n  return {\n    color: theme.palette?.black,\n    ':hover': {\n      color: theme.palette?.black\n    },\n    ':active': {\n      color: theme.palette?.black\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const downloadButtonStyle: IStyle = {\n  margin: '0 0.5rem',\n  height: '32px',\n  borderWidth: '1px',\n  fontSize: '0.875rem',\n  // 14px\n  fontWeight: 600,\n  padding: '0.38rem 0.75rem',\n  borderRadius: '4px',\n  whiteSpace: 'nowrap',\n  '@media (max-width: 25rem)': {\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const smallDownloadButtonContainerStyle = (theme: PartialTheme): IStyle => {\n  return {\n    marginRight: '0.5rem',\n    whiteSpace: 'nowrap',\n    color: theme.palette?.black,\n    ':hover': {\n      color: theme.palette?.black\n    },\n    ':active': {\n      color: theme.palette?.black\n    },\n    '@media (min-width: 25rem)': {\n      display: 'none'\n    }\n  };\n};"]}
+{"version":3,"file":"ImageOverlay.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ImageOverlay.style.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IIconProps, IStyle, PartialTheme } from '@fluentui/react';\nimport { IOverlayStyles } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const cancelIcon: IIconProps = { iconName: 'Cancel' };\n\n/**\n * @private\n */\nexport const downloadIcon: IIconProps = {\n  iconName: 'Download'\n};\n\n/**\n * @private\n */\nexport const overlayStyles = (theme: PartialTheme): IOverlayStyles => {\n  return {\n    root: {\n      background: theme.semanticColors?.bodyBackground\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const focusTrapZoneStyle: IStyle = {\n  boxShadow: 'none',\n  background: 'transparent',\n  display: 'flex',\n  width: '100%',\n  height: '100%',\n  maxWidth: '100%',\n  maxHeight: '100%'\n};\n\n/**\n * @private\n */\nexport const scrollableContentStyle: IStyle = {\n  overflowY: 'hidden',\n  display: 'flex',\n  maxWidth: '100%',\n  maxHeight: '100%',\n  flexDirection: 'column',\n  flexWrap: 'nowrap'\n};\n\n/**\n * @private\n */\nexport const themeProviderRootStyle: React.CSSProperties = {\n  background: 'transparent',\n  display: 'flex',\n  flexDirection: 'column'\n};\n\n/**\n * @private\n */\nexport const headerStyle: IStyle = {\n  fontSize: 'inherit',\n  margin: '0',\n  width: '100%',\n  minHeight: '3.5rem',\n  flexDirection: 'row',\n  justifyContent: 'space-between',\n  padding: '0.25rem 0.75rem'\n};\n\n/**\n * @private\n */\nexport const titleBarContainerStyle: IStyle = {\n  flexDirection: 'row',\n  justifyContent: 'start',\n  alignContent: 'center',\n  alignItems: 'center'\n};\n\n/**\n * @private\n */\nexport const titleStyle = (theme: PartialTheme): IStyle => {\n  return {\n    paddingLeft: '0.5rem',\n    color: theme.palette?.black,\n    fontFamily: 'inherit',\n    fontSize: '0.875rem',\n    fontStyle: 'normal',\n    fontWeight: '600',\n    lineHeight: '1.25rem'\n  };\n};\n\n/**\n * @private\n */\nexport const controlBarContainerStyle: IStyle = {\n  flexDirection: 'row',\n  justifyContent: 'start',\n  flexWrap: 'wrap',\n  alignContent: 'center',\n  alignItems: 'center'\n};\n\n/**\n * @private\n */\nexport const downloadIconStyle: IStyle = {\n  marginRight: '0.5em',\n  fontSize: '0.875rem' // 14px\n};\n\n/**\n * @private\n */\nexport const bodyContainer: IStyle = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '100%',\n  height: '100%',\n  overflow: 'hidden',\n  padding: '1rem 2rem 3rem 2rem',\n  '@media (max-width: 25rem) or (max-height: 25rem)': {\n    padding: '0rem 1rem 2rem 1rem'\n  }\n};\n\n/**\n * @private\n */\nexport const normalImageStyle: IStyle = {\n  objectFit: 'contain',\n  maxHeight: '100%',\n  maxWidth: '100%'\n};\n\n/**\n * @private\n */\nexport const brokenImageStyle = (theme: PartialTheme): IStyle => {\n  return {\n    color: theme.palette?.black\n  };\n};\n\n/**\n * @private\n */\nexport const closeButtonStyles = (theme: PartialTheme): IStyle => {\n  return {\n    color: theme.palette?.black,\n    ':hover': {\n      color: theme.palette?.black\n    },\n    ':active': {\n      color: theme.palette?.black\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const downloadButtonStyle: IStyle = {\n  margin: '0 0.5rem',\n  height: '32px',\n  borderWidth: '1px',\n  fontSize: '0.875rem', // 14px\n  fontWeight: 600,\n  padding: '0.38rem 0.75rem',\n  borderRadius: '4px',\n  whiteSpace: 'nowrap',\n  '@media (max-width: 25rem)': {\n    display: 'none'\n  }\n};\n\n/**\n * @private\n */\nexport const smallDownloadButtonContainerStyle = (theme: PartialTheme): IStyle => {\n  return {\n    marginRight: '0.5rem',\n    whiteSpace: 'nowrap',\n    color: theme.palette?.black,\n    ':hover': {\n      color: theme.palette?.black\n    },\n    ':active': {\n      color: theme.palette?.black\n    },\n    '@media (min-width: 25rem)': {\n      display: 'none'\n    }\n  };\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"InputBoxButton.style.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/InputBoxButton.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW;IACnB,eAAe,EAAE,aAAa;IAC9B,SAAS,EAAE;QACT,eAAe,EAAE,aAAa;KAC/B;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,uGAAuG;IACvG,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;IAC1C,aAAa,EAAE,MAAM;CACtB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const inputBoxButtonStyle = mergeStyles({\n  color: 'grey',\n  margin: 'auto',\n  width: '1.0625rem',\n  height: '1.0625rem',\n  backgroundColor: 'transparent',\n  '&:hover': {\n    backgroundColor: 'transparent'\n  }\n});\n\n/**\n * @private\n */\nexport const inputBoxButtonTooltipStyle = mergeStyles({\n  // The toolTip host container show be a flex box, so that alignItems: 'center' works for inside buttons\n  display: 'flex'\n});\n\n/**\n * @private\n */\nexport const iconWrapperStyle = mergeStyles({\n  pointerEvents: 'none'\n});"]}
+{"version":3,"file":"InputBoxButton.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/InputBoxButton.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW;IACnB,eAAe,EAAE,aAAa;IAC9B,SAAS,EAAE;QACT,eAAe,EAAE,aAAa;KAC/B;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,uGAAuG;IACvG,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;IAC1C,aAAa,EAAE,MAAM;CACtB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { mergeStyles } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const inputBoxButtonStyle = mergeStyles({\n  color: 'grey',\n  margin: 'auto',\n  width: '1.0625rem',\n  height: '1.0625rem',\n  backgroundColor: 'transparent',\n  '&:hover': {\n    backgroundColor: 'transparent'\n  }\n});\n\n/**\n * @private\n */\nexport const inputBoxButtonTooltipStyle = mergeStyles({\n  // The toolTip host container show be a flex box, so that alignItems: 'center' works for inside buttons\n  display: 'flex'\n});\n\n/**\n * @private\n */\nexport const iconWrapperStyle = mergeStyles({\n  pointerEvents: 'none'\n});\n"]}

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

@@ -12,8 +12,7 @@ export const inputBoxWrapperStyle = mergeStyles({
  */
 export const inputBoxStyle = mergeStyles({
     overflow: 'auto',
-    minHeight: '2.25rem',
-    // prevents the input text box from being sized to 0px when the CallWithChatComposite chat pane is closed.
+    minHeight: '2.25rem', // prevents the input text box from being sized to 0px when the CallWithChatComposite chat pane is closed.
     maxHeight: '8.25rem',
     outline: 'red 5px',
     fontWeight: FontWeights.regular,
@@ -64,9 +63,7 @@ export const textFieldStyle = {
         /**
          * Removing fieldGroup border to make sure no border is rendered around the text area in sendbox.
          */
-        ':after': {
-            border: 'none'
-        }
+        ':after': { border: 'none' }
     },
     field: {
         borderRadius: '0.25rem'