@azure/communication-react 1.11.0-alpha-202312150013 → 1.11.0

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

@@ -1,202 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-export const cancelIcon = { iconName: 'Cancel' };
-/**
- * @private
- */
-export const downloadIcon = {
-    iconName: 'Download'
-};
-/* @conditional-compile-remove(image-gallery) */
-/**
- * @private
- */
-export const overlayStyles = (theme) => {
-    return {
-        root: {
-            background: theme.chatPalette.modalOverlayBlack,
-            opacity: '0.85'
-        }
-    };
-};
-/**
- * @private
- */
-export const focusTrapZoneStyle = {
-    boxShadow: 'none',
-    background: 'transparent',
-    display: 'flex',
-    width: '100%',
-    height: '100%',
-    maxWidth: '100%',
-    maxHeight: '100%'
-};
-/**
- * @private
- */
-export const scrollableContentStyle = {
-    overflowY: 'hidden',
-    display: 'flex',
-    maxWidth: '100%',
-    maxHeight: '100%',
-    flexDirection: 'column',
-    flexWrap: 'nowrap'
-};
-/**
- * @private
- */
-export const headerStyle = {
-    fontSize: 'inherit',
-    margin: '0',
-    width: '100%',
-    height: '3.5rem',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    padding: '0.25rem 0.75rem'
-};
-/**
- * @private
- */
-export const titleBarContainerStyle = {
-    flexDirection: 'row',
-    justifyContent: 'start',
-    flexWrap: 'wrap',
-    alignContent: 'center',
-    alignItems: 'center'
-};
-/* @conditional-compile-remove(image-gallery) */
-/**
- * @private
- */
-export const titleStyle = (theme) => {
-    return {
-        paddingLeft: '0.5rem',
-        color: theme.chatPalette.modalTitleWhite,
-        fontFamily: 'inherit',
-        fontSize: '0.875rem',
-        fontStyle: 'normal',
-        fontWeight: '600',
-        lineHeight: '1.25rem'
-    };
-};
-/**
- * @private
- */
-export const controlBarContainerStyle = {
-    flexDirection: 'row',
-    justifyContent: 'start',
-    flexWrap: 'wrap',
-    alignContent: 'center',
-    alignItems: 'center'
-};
-/**
- * @private
- */
-export const downloadIconStyle = {
-    marginRight: '0.5em',
-    fontSize: '0.875rem' // 14px
-};
-/**
- * @private
- */
-export const bodyContainer = {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '100%',
-    height: '100%',
-    overflow: 'hidden',
-    padding: '1rem 2rem 3rem 2rem',
-    '@media (max-width: 25rem) or (max-height: 25rem)': {
-        padding: '0rem 1rem 2rem 1rem'
-    }
-};
-/**
- * @private
- */
-export const normalImageStyle = {
-    objectFit: 'contain',
-    maxHeight: '100%',
-    maxWidth: '100%'
-};
-/* @conditional-compile-remove(image-gallery) */
-/**
- * @private
- */
-export const brokenImageStyle = (theme) => {
-    return {
-        color: theme.chatPalette.modalTitleWhite
-    };
-};
-/* @conditional-compile-remove(image-gallery) */
-/**
- * @private
- */
-export const closeButtonStyles = (theme) => {
-    return {
-        color: theme.chatPalette.modalTitleWhite,
-        ':hover': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundHover
-        },
-        ':active': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundActive
-        }
-    };
-};
-/* @conditional-compile-remove(image-gallery) */
-/**
- * @private
- */
-export const downloadButtonStyle = (theme) => {
-    return {
-        margin: '0 0.5rem',
-        height: '32px',
-        borderWidth: '1px',
-        fontSize: '0.875rem', // 14px
-        fontWeight: 600,
-        padding: '0.38rem 0.75rem',
-        borderRadius: '4px',
-        backgroundColor: theme.chatPalette.modalButtonBackground,
-        color: theme.chatPalette.modalTitleWhite,
-        whiteSpace: 'nowrap',
-        ':hover': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundHover
-        },
-        ':active': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundActive
-        },
-        '@media (max-width: 25rem)': {
-            display: 'none'
-        }
-    };
-};
-/* @conditional-compile-remove(image-gallery) */
-/**
- * @private
- */
-export const smallDownloadButtonContainerStyle = (theme) => {
-    return {
-        marginRight: '0.5rem',
-        color: theme.chatPalette.modalTitleWhite,
-        whiteSpace: 'nowrap',
-        ':hover': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundHover
-        },
-        ':active': {
-            color: theme.chatPalette.modalTitleWhite,
-            backgroundColor: theme.chatPalette.modalButtonBackgroundActive
-        },
-        '@media (min-width: 25rem)': {
-            display: 'none'
-        }
-    };
-};
-//# sourceMappingURL=ImageGallery.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageGallery.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ImageGallery.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAQlC;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAE7D;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAe;IACtC,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,gDAAgD;AAChD;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAkB,EAAE;IAChE,OAAO;QACL,IAAI,EAAE;YACJ,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB;YAC/C,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,OAAO;IACvB,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,QAAQ;IACtB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,gDAAgD;AAChD;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAU,EAAE;IACrD,OAAO;QACL,WAAW,EAAE,QAAQ;QACrB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;QACxC,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,SAAS;KACtB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAW;IAC9C,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,OAAO;IACvB,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,QAAQ;IACtB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAW;IACvC,WAAW,EAAE,OAAO;IACpB,QAAQ,EAAE,UAAU,CAAC,OAAO;CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAW;IACnC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,qBAAqB;IAC9B,kDAAkD,EAAE;QAClD,OAAO,EAAE,qBAAqB;KAC/B;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,gDAAgD;AAChD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAgB,EAAU,EAAE;IAC3D,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;KACzC,CAAC;AACJ,CAAC,CAAC;AAEF,gDAAgD;AAChD;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAgB,EAAU,EAAE;IAC5D,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;QACxC,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;YACxC,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,0BAA0B;SAC9D;QACD,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;YACxC,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,2BAA2B;SAC/D;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,gDAAgD;AAChD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAgB,EAAU,EAAE;IAC9D,OAAO;QACL,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,iBAAiB;QAC1B,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,qBAAqB;QACxD,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;QACxC,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;YACxC,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,0BAA0B;SAC9D;QACD,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;YACxC,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,2BAA2B;SAC/D;QACD,2BAA2B,EAAE;YAC3B,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,gDAAgD;AAChD;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,KAAgB,EAAU,EAAE;IAC5E,OAAO;QACL,WAAW,EAAE,QAAQ;QACrB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;QACxC,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;YACxC,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,0BAA0B;SAC9D;QACD,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;YACxC,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,2BAA2B;SAC/D;QACD,2BAA2B,EAAE;YAC3B,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IIconProps, IStyle } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) */\nimport { IOverlayStyles } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) */\nimport { ChatTheme } from '../../theming/themes';\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/* @conditional-compile-remove(image-gallery) */\n/**\n * @private\n */\nexport const overlayStyles = (theme: ChatTheme): IOverlayStyles => {\n  return {\n    root: {\n      background: theme.chatPalette.modalOverlayBlack,\n      opacity: '0.85'\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 headerStyle: IStyle = {\n  fontSize: 'inherit',\n  margin: '0',\n  width: '100%',\n  height: '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  flexWrap: 'wrap',\n  alignContent: 'center',\n  alignItems: 'center'\n};\n\n/* @conditional-compile-remove(image-gallery) */\n/**\n * @private\n */\nexport const titleStyle = (theme: ChatTheme): IStyle => {\n  return {\n    paddingLeft: '0.5rem',\n    color: theme.chatPalette.modalTitleWhite,\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/* @conditional-compile-remove(image-gallery) */\n/**\n * @private\n */\nexport const brokenImageStyle = (theme: ChatTheme): IStyle => {\n  return {\n    color: theme.chatPalette.modalTitleWhite\n  };\n};\n\n/* @conditional-compile-remove(image-gallery) */\n/**\n * @private\n */\nexport const closeButtonStyles = (theme: ChatTheme): IStyle => {\n  return {\n    color: theme.chatPalette.modalTitleWhite,\n    ':hover': {\n      color: theme.chatPalette.modalTitleWhite,\n      backgroundColor: theme.chatPalette.modalButtonBackgroundHover\n    },\n    ':active': {\n      color: theme.chatPalette.modalTitleWhite,\n      backgroundColor: theme.chatPalette.modalButtonBackgroundActive\n    }\n  };\n};\n\n/* @conditional-compile-remove(image-gallery) */\n/**\n * @private\n */\nexport const downloadButtonStyle = (theme: ChatTheme): IStyle => {\n  return {\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    backgroundColor: theme.chatPalette.modalButtonBackground,\n    color: theme.chatPalette.modalTitleWhite,\n    whiteSpace: 'nowrap',\n    ':hover': {\n      color: theme.chatPalette.modalTitleWhite,\n      backgroundColor: theme.chatPalette.modalButtonBackgroundHover\n    },\n    ':active': {\n      color: theme.chatPalette.modalTitleWhite,\n      backgroundColor: theme.chatPalette.modalButtonBackgroundActive\n    },\n    '@media (max-width: 25rem)': {\n      display: 'none'\n    }\n  };\n};\n\n/* @conditional-compile-remove(image-gallery) */\n/**\n * @private\n */\nexport const smallDownloadButtonContainerStyle = (theme: ChatTheme): IStyle => {\n  return {\n    marginRight: '0.5rem',\n    color: theme.chatPalette.modalTitleWhite,\n    whiteSpace: 'nowrap',\n    ':hover': {\n      color: theme.chatPalette.modalTitleWhite,\n      backgroundColor: theme.chatPalette.modalButtonBackgroundHover\n    },\n    ':active': {\n      color: theme.chatPalette.modalTitleWhite,\n      backgroundColor: theme.chatPalette.modalButtonBackgroundActive\n    },\n    '@media (min-width: 25rem)': {\n      display: 'none'\n    }\n  };\n};\n"]}

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

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

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

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

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

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

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

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

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

@@ -1,92 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { _pxToRem } from "../../../../acs-ui-common/src";
-/**
- * @internal
- */
-export const iconContainerStyles = {
-    root: {
-        marginTop: 'auto',
-        marginBottom: 'auto',
-        position: 'relative'
-    }
-};
-/**
- * @internal
- */
-export const iconBannerContainerStyles = {
-    root: {
-        paddingBottom: '1rem'
-    }
-};
-/**
- * @internal
- */
-export const textContainerStyles = {
-    root: {
-        margin: 'auto',
-        textAlign: 'center'
-    }
-};
-/**
- * @internal
- */
-export const iconPrimaryStyles = {
-    root: {
-        zIndex: 1,
-        margin: 'auto'
-    }
-};
-/**
- * @internal
- */
-export const sparkleIconBackdropStyles = (theme) => {
-    return {
-        root: {
-            color: theme.palette.themeLighterAlt
-        }
-    };
-};
-/**
- * @internal
- */
-export const primaryTextStyles = {
-    root: {
-        fontWeight: 600,
-        fontSize: _pxToRem(20),
-        lineHeight: _pxToRem(28),
-        paddingBottom: '1rem'
-    }
-};
-/**
- * @internal
- */
-export const secondaryTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 400,
-        paddingBottom: _pxToRem(22)
-    }
-};
-/**
- * @internal
- */
-export const linkTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 600,
-        textAlign: 'inherit'
-    }
-};
-/**
- * @internal
- */
-export const primaryButtonStyles = {
-    root: {
-        paddingTop: '1.5rem',
-        paddingBottom: '1.5rem',
-        borderRadius: '0.5rem',
-        marginBottom: _pxToRem(22)
-    }
-};
-//# sourceMappingURL=SitePermissions.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SitePermissions.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/SitePermissions.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAe,EAAE;IACrE,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;SACrC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC5B;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAkB;IAChD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC3B;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IIconStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport const iconContainerStyles: IStackStyles = {\n  root: {\n    marginTop: 'auto',\n    marginBottom: 'auto',\n    position: 'relative'\n  }\n};\n\n/**\n * @internal\n */\nexport const iconBannerContainerStyles: IStackStyles = {\n  root: {\n    paddingBottom: '1rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const textContainerStyles: IStackStyles = {\n  root: {\n    margin: 'auto',\n    textAlign: 'center'\n  }\n};\n\n/**\n * @internal\n */\nexport const iconPrimaryStyles: IIconStyles = {\n  root: {\n    zIndex: 1,\n    margin: 'auto'\n  }\n};\n\n/**\n * @internal\n */\nexport const sparkleIconBackdropStyles = (theme: Theme): IIconStyles => {\n  return {\n    root: {\n      color: theme.palette.themeLighterAlt\n    }\n  };\n};\n\n/**\n * @internal\n */\nexport const primaryTextStyles: ITextStyles = {\n  root: {\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    paddingBottom: '1rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    paddingBottom: _pxToRem(22)\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'inherit'\n  }\n};\n\n/**\n * @internal\n */\nexport const primaryButtonStyles: IButtonStyles = {\n  root: {\n    paddingTop: '1.5rem',\n    paddingBottom: '1.5rem',\n    borderRadius: '0.5rem',\n    marginBottom: _pxToRem(22)\n  }\n};\n"]}

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

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

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

@@ -1,67 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { _pxToRem } from "../../../../acs-ui-common/src";
-/**
- * @internal
- */
-export const mainTextStyles = {
-    root: {
-        fontWeight: 600,
-        fontSize: _pxToRem(20),
-        lineHeight: _pxToRem(28),
-        margin: 'auto',
-        textAlign: 'center',
-        padding: '0.5rem'
-    }
-};
-/**
- * @internal
- */
-export const secondaryTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 400,
-        textAlign: 'center'
-    }
-};
-/**
- * @internal
- */
-export const testContainerStyles = {
-    root: {
-        margin: 'auto'
-    }
-};
-/**
- * @internal
- */
-export const linkTextStyles = {
-    root: {
-        margin: 'auto',
-        fontWeight: 600,
-        textAlign: 'center'
-    }
-};
-/**
- * @internal
- */
-export const containerStyles = {
-    root: {
-        maxWidth: _pxToRem(375),
-        padding: '2rem'
-    }
-};
-/**
- * @internal
- */
-export const continueAnywayButtonStyles = (theme) => {
-    return {
-        root: {
-            backgroundColor: '#C4314B',
-            borderColor: theme.palette.neutralLight,
-            color: theme.palette.white,
-            padding: '1rem'
-        }
-    };
-};
-//# sourceMappingURL=UnsupportedEnvironment.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UnsupportedEnvironment.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/UnsupportedEnvironment.styles.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC;QACvB,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAY,EAAiB,EAAE;IACxE,OAAO;QACL,IAAI,EAAE;YACJ,eAAe,EAAE,SAAS;YAC1B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;YAC1B,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, ILinkStyles, IStackStyles, ITextStyles, Theme } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport const mainTextStyles: ITextStyles = {\n  root: {\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    margin: 'auto',\n    textAlign: 'center',\n    padding: '0.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    textAlign: 'center'\n  }\n};\n\n/**\n * @internal\n */\nexport const testContainerStyles: IStackStyles = {\n  root: {\n    margin: 'auto'\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'center'\n  }\n};\n\n/**\n * @internal\n */\nexport const containerStyles: IStackStyles = {\n  root: {\n    maxWidth: _pxToRem(375),\n    padding: '2rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const continueAnywayButtonStyles = (theme: Theme): IButtonStyles => {\n  return {\n    root: {\n      backgroundColor: '#C4314B',\n      borderColor: theme.palette.neutralLight,\n      color: theme.palette.white,\n      padding: '1rem'\n    }\n  };\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/merge.d.ts

@@ -1,7 +0,0 @@
-/**
- * Shallow merge two objects and return a memoized result.
- *
- * @private
- */
-export declare function useShallowMerge<T extends Record<string, unknown>>(target: T | undefined, source: T | undefined): T | undefined;
-//# sourceMappingURL=merge.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/merge.js

@@ -1,16 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { useMemo } from 'react';
-/**
- * Shallow merge two objects and return a memoized result.
- *
- * @private
- */
-export function useShallowMerge(target, source) {
-    const memoizedMerge = useMemo(() => (Object.assign(Object.assign({}, (target || {})), (source || {}))), [target, source]);
-    if (!target && !source) {
-        return undefined;
-    }
-    return memoizedMerge;
-}
-//# sourceMappingURL=merge.js.map

package/dist/dist-esm/react-components/src/components/utils/merge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/merge.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,MAAqB,EACrB,MAAqB;IAErB,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,CAAC,gCACI,CAAC,MAAM,IAAI,EAAE,CAAC,GACd,CAAC,MAAM,IAAI,EAAE,CAAC,CACZ,CAAA,EACT,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAC;IAEF,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useMemo } from 'react';\n\n/**\n * Shallow merge two objects and return a memoized result.\n *\n * @private\n */\nexport function useShallowMerge<T extends Record<string, unknown>>(\n  target: T | undefined,\n  source: T | undefined\n): T | undefined {\n  const memoizedMerge = useMemo(\n    () =>\n      ({\n        ...(target || {}),\n        ...(source || {})\n      } as T),\n    [target, source]\n  );\n\n  if (!target && !source) {\n    return undefined;\n  }\n\n  return memoizedMerge;\n}\n"]}

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

@@ -1,6 +0,0 @@
-import { IStackStyles, IStyle, Theme } from '@fluentui/react';
-/** @private */
-export declare const scaledIconStyles: (theme: Theme) => IStyle;
-/** @private */
-export declare const sitePermissionIconBackgroundStyle: (theme: Theme) => IStackStyles;
-//# sourceMappingURL=icons.styles.d.ts.map

package/dist/dist-esm/react-components/src/theming/icons.styles.js

@@ -1,25 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/** @private */
-export const scaledIconStyles = (theme) => {
-    return {
-        transform: 'scale(2)',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        lineHeight: '0.2rem',
-        color: theme.palette.themePrimary,
-        zIndex: 1
-    };
-};
-/** @private */
-export const sitePermissionIconBackgroundStyle = (theme) => {
-    return {
-        root: {
-            borderRadius: '100%',
-            background: theme.palette.themeLighterAlt,
-            padding: '2rem'
-        }
-    };
-};
-//# sourceMappingURL=icons.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icons.styles.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,eAAe;AACf,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAU,EAAE;IACvD,OAAO;QACL,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;QACjC,MAAM,EAAE,CAAC;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,KAAY,EAAgB,EAAE;IAC9E,OAAO;QACL,IAAI,EAAE;YACJ,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe;YACzC,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IStackStyles, IStyle, Theme } from '@fluentui/react';\n\n/** @private */\nexport const scaledIconStyles = (theme: Theme): IStyle => {\n  return {\n    transform: 'scale(2)',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    lineHeight: '0.2rem',\n    color: theme.palette.themePrimary,\n    zIndex: 1\n  };\n};\n\n/** @private */\nexport const sitePermissionIconBackgroundStyle = (theme: Theme): IStackStyles => {\n  return {\n    root: {\n      borderRadius: '100%',\n      background: theme.palette.themeLighterAlt,\n      padding: '2rem'\n    }\n  };\n};\n"]}