@azure/communication-react 1.18.0-beta.1 → 1.18.1

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

@@ -1,305 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles } from '@fluentui/react';
-import { editorTextBoxButtonStyle } from './SendBox.styles';
-/**
- * @private
- */
-export const richTextEditorStyle = (props) => {
-    return mergeStyles({
-        border: 'none',
-        overflow: 'auto',
-        outline: 'none',
-        minHeight: props.minHeight,
-        maxHeight: props.maxHeight,
-        maxWidth: '100%',
-        // this is needed to fix an issue when text has some indentation, indentation uses blockquote tag and
-        // it gets both horizontal margins because of the user agent stylesheet
-        // remove this code when RoosterJS content model packages are used as they use different approach for indentation
-        '& blockquote': {
-            marginInlineEnd: '0'
-        }
-    });
-};
-/**
- * @private
- */
-export const richTextEditorWrapperStyle = (theme, addTopOffset) => {
-    return mergeStyles({
-        paddingTop: `${addTopOffset ? '0.5rem' : '0'}`,
-        paddingInlineStart: `0.75rem`,
-        paddingInlineEnd: `0.75rem`,
-        maxWidth: '100%',
-        color: theme.palette.neutralPrimary,
-        '& table': {
-            background: 'transparent',
-            borderCollapse: 'collapse',
-            width: '100%',
-            borderSpacing: '0',
-            tableLayout: 'auto',
-            '& tr': {
-                background: 'transparent',
-                border: `1px solid ${theme.palette.neutralTertiaryAlt}`,
-                '& td': {
-                    background: 'transparent',
-                    border: `1px solid ${theme.palette.neutralTertiaryAlt}`,
-                    wordBreak: 'normal',
-                    padding: '0.125rem 0.25rem',
-                    verticalAlign: 'top'
-                }
-            }
-        }
-    });
-};
-/**
- * @private
- */
-export const richTextActionButtonsStackStyle = mergeStyles({
-    paddingRight: `0.125rem`
-});
-/**
- * @private
- */
-export const richTextActionButtonsStyle = mergeStyles({
-    height: '2.25rem',
-    width: '2.25rem',
-    margin: 'auto'
-});
-/**
- * @private
- */
-export const richTextActionButtonsDividerStyle = (theme) => {
-    return mergeStyles({
-        color: theme.palette.neutralQuaternaryAlt,
-        margin: '0.375rem -0.5rem 0 -0.5rem',
-        backgroundColor: 'transparent'
-    });
-};
-/**
- * @private
- */
-export const ribbonOverflowButtonStyle = (theme) => {
-    return {
-        subComponentStyles: {
-            menuItem: {
-                icon: {
-                    color: theme.palette.neutralPrimary,
-                    paddingTop: '0.5rem'
-                },
-                root: ribbonOverflowButtonRootStyles(theme)
-            },
-            callout: {}
-        }
-    };
-};
-const ribbonOverflowButtonRootStyles = (theme) => {
-    return {
-        selectors: {
-            // Icon's color doesn't work here because of the specificity
-            '&:hover': {
-                selectors: {
-                    '.ms-ContextualMenu-icon': {
-                        color: theme.palette.neutralPrimary
-                    }
-                }
-            },
-            '.ribbon-table-button-regular-icon': {
-                display: 'inline-block',
-                margin: '-0.25rem 0.25rem 0 0.25rem',
-                width: '1.25rem',
-                height: '1.25rem'
-            },
-            '.ribbon-table-button-filled-icon': {
-                display: 'none'
-            }
-        }
-    };
-};
-const ribbonButtonRootStyles = (theme) => {
-    return {
-        backgroundColor: 'transparent',
-        selectors: {
-            // Icon's color doesn't work here because of the specificity
-            '.ms-Button-icon': {
-                color: theme.palette.themePrimary
-            },
-            '.ms-Button-menuIcon': {
-                color: theme.palette.themePrimary
-            }
-        }
-    };
-};
-/**
- * @private
- */
-export const toolbarButtonStyle = (theme) => {
-    return {
-        icon: {
-            color: theme.palette.neutralPrimary,
-            height: 'auto'
-        },
-        menuIcon: {
-            color: theme.palette.neutralPrimary,
-            height: 'auto'
-        },
-        root: {
-            minWidth: 'auto',
-            backgroundColor: 'transparent'
-        },
-        rootChecked: ribbonButtonRootStyles(theme),
-        rootHovered: ribbonButtonRootStyles(theme),
-        rootCheckedHovered: ribbonButtonRootStyles(theme),
-        rootCheckedPressed: ribbonButtonRootStyles(theme),
-        rootPressed: ribbonButtonRootStyles(theme),
-        rootExpanded: ribbonButtonRootStyles(theme),
-        rootExpandedHovered: ribbonButtonRootStyles(theme)
-    };
-};
-const rootRibbonTableButtonStyle = (theme) => {
-    // merge IStyles props
-    return Object.assign({
-        minWidth: 'auto'
-    }, ribbonTableButtonRootStyles(theme, false));
-};
-/**
- * @private
- */
-export const toolbarTableButtonStyle = (theme) => {
-    return {
-        icon: {
-            height: 'auto'
-        },
-        menuIcon: {
-            height: 'auto'
-        },
-        root: rootRibbonTableButtonStyle(theme),
-        rootChecked: ribbonTableButtonRootStyles(theme, true),
-        rootHovered: ribbonTableButtonRootStyles(theme, true),
-        rootCheckedHovered: ribbonTableButtonRootStyles(theme, true),
-        rootCheckedPressed: ribbonTableButtonRootStyles(theme, true),
-        rootPressed: ribbonTableButtonRootStyles(theme, true),
-        rootExpanded: ribbonTableButtonRootStyles(theme, true),
-        rootExpandedHovered: ribbonTableButtonRootStyles(theme, true)
-    };
-};
-const ribbonTableButtonRootStyles = (theme, isSelected) => {
-    return {
-        backgroundColor: 'transparent',
-        selectors: {
-            '.ribbon-table-button-regular-icon': {
-                width: '1.25rem',
-                height: '1.25rem',
-                margin: '-0.25rem 0.25rem 0 0.25rem',
-                color: theme.palette.neutralPrimary,
-                display: isSelected ? 'none' : 'inline-block'
-            },
-            '.ribbon-table-button-filled-icon': {
-                width: '1.25rem',
-                height: '1.25rem',
-                margin: '-0.25rem 0.25rem 0 0.25rem',
-                color: theme.palette.themePrimary,
-                display: isSelected ? 'inline-block' : 'none'
-            }
-        }
-    };
-};
-/**
- * @private
- */
-export const ribbonDividerStyle = (theme) => {
-    return mergeStyles({
-        color: theme.palette.neutralQuaternaryAlt,
-        margin: '0 -0.5rem',
-        paddingTop: '0.5rem'
-    });
-};
-/**
- * @private
- */
-export const richTextToolbarStyle = {
-    // Override for the default white color of the Ribbon component
-    root: {
-        backgroundColor: 'transparent',
-        padding: '0px'
-    }
-};
-/**
- * @private
- */
-export const richTextFormatButtonIconStyle = (theme, isSelected) => {
-    return mergeStyles(editorTextBoxButtonStyle, {
-        color: isSelected ? theme.palette.themePrimary : theme.palette.neutralSecondary
-    });
-};
-/**
- * @private
- */
-export const editBoxRichTextEditorStyle = () => {
-    return {
-        minHeight: '2.25rem',
-        maxHeight: '8rem'
-    };
-};
-/**
- * @private
- */
-export const sendBoxRichTextEditorStyle = (isExpanded) => {
-    return {
-        minHeight: isExpanded ? '4rem' : '1.25rem',
-        maxHeight: '8rem'
-    };
-};
-/**
- * @private
- */
-export const insertTableMenuCellButtonStyles = (theme) => {
-    return {
-        width: '16px',
-        height: '16px',
-        border: `solid 1px ${theme.palette.neutralTertiaryAlt}`,
-        cursor: 'pointer',
-        background: 'transparent'
-    };
-};
-/**
- * @private
- */
-export const insertTableMenuCellButtonSelectedStyles = (theme) => {
-    return {
-        background: theme.palette.themePrimary
-    };
-};
-/**
- * @private
- */
-export const insertTableMenuTablePane = mergeStyles({
-    padding: '8px 10px 12px 10px',
-    boxSizing: 'content-box',
-    minWidth: 'auto'
-});
-/**
- * @private
- */
-export const insertTableMenuFocusZone = (theme) => {
-    return mergeStyles({
-        display: 'inline-grid',
-        gridTemplateColumns: 'auto auto auto auto auto',
-        border: `solid 1px ${theme.palette.neutralTertiaryAlt}`
-    });
-};
-/**
- * @private
- */
-export const insertTableMenuTitleStyles = mergeStyles({
-    width: '100%',
-    height: '1rem',
-    fontSize: '0.75rem',
-    marginBottom: '0.5rem'
-});
-/**
- * @private
- */
-export const tableContextMenuIconStyles = mergeStyles({
-    marginTop: '0.375rem'
-});
-//# sourceMappingURL=RichTextEditor.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditor.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/RichTextEditor.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { IButtonStyles, ICommandBarStyles, IContextualMenuStyles, IStyle, Theme, mergeStyles } from '@fluentui/react';\nimport { editorTextBoxButtonStyle } from './SendBox.styles';\nimport { RichTextEditorStyleProps } from '../RichTextEditor/RichTextEditor';\n\n/**\n * @private\n */\nexport const richTextEditorStyle = (props: {\n  minHeight: string;\n  maxHeight: string;\n}): string => {\n  return mergeStyles({\n    border: 'none',\n    overflow: 'auto',\n    outline: 'none',\n    minHeight: props.minHeight,\n    maxHeight: props.maxHeight,\n    maxWidth: '100%',\n    // this is needed to fix an issue when text has some indentation, indentation uses blockquote tag and\n    // it gets both horizontal margins because of the user agent stylesheet\n    // remove this code when RoosterJS content model packages are used as they use different approach for indentation\n    '& blockquote': {\n      marginInlineEnd: '0'\n    }\n  });\n};\n\n/**\n * @private\n */\nexport const richTextEditorWrapperStyle = (theme: Theme, addTopOffset: boolean): string => {\n  return mergeStyles({\n    paddingTop: `${addTopOffset ? '0.5rem' : '0'}`,\n    paddingInlineStart: `0.75rem`,\n    paddingInlineEnd: `0.75rem`,\n    maxWidth: '100%',\n    color: theme.palette.neutralPrimary,\n    '& table': {\n      background: 'transparent',\n      borderCollapse: 'collapse',\n      width: '100%',\n      borderSpacing: '0',\n      tableLayout: 'auto',\n      '& tr': {\n        background: 'transparent',\n        border: `1px solid ${theme.palette.neutralTertiaryAlt}`,\n        '& td': {\n          background: 'transparent',\n          border: `1px solid ${theme.palette.neutralTertiaryAlt}`,\n          wordBreak: 'normal',\n          padding: '0.125rem 0.25rem',\n          verticalAlign: 'top'\n        }\n      }\n    }\n  });\n};\n\n/**\n * @private\n */\nexport const richTextActionButtonsStackStyle = mergeStyles({\n  paddingRight: `0.125rem`\n});\n\n/**\n * @private\n */\nexport const richTextActionButtonsStyle = mergeStyles({\n  height: '2.25rem',\n  width: '2.25rem',\n  margin: 'auto'\n});\n\n/**\n * @private\n */\nexport const richTextActionButtonsDividerStyle = (theme: Theme): string => {\n  return mergeStyles({\n    color: theme.palette.neutralQuaternaryAlt,\n    margin: '0.375rem -0.5rem 0 -0.5rem',\n    backgroundColor: 'transparent'\n  });\n};\n\n/**\n * @private\n */\nexport const ribbonOverflowButtonStyle = (theme: Theme): Partial<IContextualMenuStyles> => {\n  return {\n    subComponentStyles: {\n      menuItem: {\n        icon: {\n          color: theme.palette.neutralPrimary,\n          paddingTop: '0.5rem'\n        },\n        root: ribbonOverflowButtonRootStyles(theme)\n      },\n      callout: {}\n    }\n  };\n};\nconst ribbonOverflowButtonRootStyles = (theme: Theme): IStyle => {\n  return {\n    selectors: {\n      // Icon's color doesn't work here because of the specificity\n      '&:hover': {\n        selectors: {\n          '.ms-ContextualMenu-icon': {\n            color: theme.palette.neutralPrimary\n          }\n        }\n      },\n      '.ribbon-table-button-regular-icon': {\n        display: 'inline-block',\n        margin: '-0.25rem 0.25rem 0 0.25rem',\n        width: '1.25rem',\n        height: '1.25rem'\n      },\n      '.ribbon-table-button-filled-icon': {\n        display: 'none'\n      }\n    }\n  };\n};\nconst ribbonButtonRootStyles = (theme: Theme): IStyle => {\n  return {\n    backgroundColor: 'transparent',\n    selectors: {\n      // Icon's color doesn't work here because of the specificity\n      '.ms-Button-icon': {\n        color: theme.palette.themePrimary\n      },\n      '.ms-Button-menuIcon': {\n        color: theme.palette.themePrimary\n      }\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const toolbarButtonStyle = (theme: Theme): Partial<IButtonStyles> => {\n  return {\n    icon: {\n      color: theme.palette.neutralPrimary,\n      height: 'auto'\n    },\n    menuIcon: {\n      color: theme.palette.neutralPrimary,\n      height: 'auto'\n    },\n    root: {\n      minWidth: 'auto',\n      backgroundColor: 'transparent'\n    },\n    rootChecked: ribbonButtonRootStyles(theme),\n    rootHovered: ribbonButtonRootStyles(theme),\n    rootCheckedHovered: ribbonButtonRootStyles(theme),\n    rootCheckedPressed: ribbonButtonRootStyles(theme),\n    rootPressed: ribbonButtonRootStyles(theme),\n    rootExpanded: ribbonButtonRootStyles(theme),\n    rootExpandedHovered: ribbonButtonRootStyles(theme)\n  };\n};\nconst rootRibbonTableButtonStyle = (theme: Theme): IStyle => {\n  // merge IStyles props\n  return Object.assign({\n    minWidth: 'auto'\n  }, ribbonTableButtonRootStyles(theme, false));\n};\n\n/**\n * @private\n */\nexport const toolbarTableButtonStyle = (theme: Theme): Partial<IButtonStyles> => {\n  return {\n    icon: {\n      height: 'auto'\n    },\n    menuIcon: {\n      height: 'auto'\n    },\n    root: rootRibbonTableButtonStyle(theme),\n    rootChecked: ribbonTableButtonRootStyles(theme, true),\n    rootHovered: ribbonTableButtonRootStyles(theme, true),\n    rootCheckedHovered: ribbonTableButtonRootStyles(theme, true),\n    rootCheckedPressed: ribbonTableButtonRootStyles(theme, true),\n    rootPressed: ribbonTableButtonRootStyles(theme, true),\n    rootExpanded: ribbonTableButtonRootStyles(theme, true),\n    rootExpandedHovered: ribbonTableButtonRootStyles(theme, true)\n  };\n};\nconst ribbonTableButtonRootStyles = (theme: Theme, isSelected: boolean): IStyle => {\n  return {\n    backgroundColor: 'transparent',\n    selectors: {\n      '.ribbon-table-button-regular-icon': {\n        width: '1.25rem',\n        height: '1.25rem',\n        margin: '-0.25rem 0.25rem 0 0.25rem',\n        color: theme.palette.neutralPrimary,\n        display: isSelected ? 'none' : 'inline-block'\n      },\n      '.ribbon-table-button-filled-icon': {\n        width: '1.25rem',\n        height: '1.25rem',\n        margin: '-0.25rem 0.25rem 0 0.25rem',\n        color: theme.palette.themePrimary,\n        display: isSelected ? 'inline-block' : 'none'\n      }\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const ribbonDividerStyle = (theme: Theme): string => {\n  return mergeStyles({\n    color: theme.palette.neutralQuaternaryAlt,\n    margin: '0 -0.5rem',\n    paddingTop: '0.5rem'\n  });\n};\n\n/**\n * @private\n */\nexport const richTextToolbarStyle: Partial<ICommandBarStyles> = {\n  // Override for the default white color of the Ribbon component\n  root: {\n    backgroundColor: 'transparent',\n    padding: '0px'\n  }\n};\n\n/**\n * @private\n */\nexport const richTextFormatButtonIconStyle = (theme: Theme, isSelected: boolean): string => {\n  return mergeStyles(editorTextBoxButtonStyle, {\n    color: isSelected ? theme.palette.themePrimary : theme.palette.neutralSecondary\n  });\n};\n\n/**\n * @private\n */\nexport const editBoxRichTextEditorStyle = (): RichTextEditorStyleProps => {\n  return {\n    minHeight: '2.25rem',\n    maxHeight: '8rem'\n  };\n};\n\n/**\n * @private\n */\nexport const sendBoxRichTextEditorStyle = (isExpanded: boolean): RichTextEditorStyleProps => {\n  return {\n    minHeight: isExpanded ? '4rem' : '1.25rem',\n    maxHeight: '8rem'\n  };\n};\n\n/**\n * @private\n */\nexport const insertTableMenuCellButtonStyles = (theme: Theme): IStyle => {\n  return {\n    width: '16px',\n    height: '16px',\n    border: `solid 1px ${theme.palette.neutralTertiaryAlt}`,\n    cursor: 'pointer',\n    background: 'transparent'\n  };\n};\n\n/**\n * @private\n */\nexport const insertTableMenuCellButtonSelectedStyles = (theme: Theme): IStyle => {\n  return {\n    background: theme.palette.themePrimary\n  };\n};\n\n/**\n * @private\n */\nexport const insertTableMenuTablePane = mergeStyles({\n  padding: '8px 10px 12px 10px',\n  boxSizing: 'content-box',\n  minWidth: 'auto'\n});\n\n/**\n * @private\n */\nexport const insertTableMenuFocusZone = (theme: Theme): string => {\n  return mergeStyles({\n    display: 'inline-grid',\n    gridTemplateColumns: 'auto auto auto auto auto',\n    border: `solid 1px ${theme.palette.neutralTertiaryAlt}`\n  });\n};\n\n/**\n * @private\n */\nexport const insertTableMenuTitleStyles = mergeStyles({\n  width: '100%',\n  height: '1rem',\n  fontSize: '0.75rem',\n  marginBottom: '0.5rem'\n});\n\n/**\n * @private\n */\nexport const tableContextMenuIconStyles = mergeStyles({\n  marginTop: '0.375rem'\n});"]}

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

@@ -1,21 +0,0 @@
-import { Theme } from '@fluentui/react';
-/**
- * @private
- */
-export declare const inputBoxRichTextStackStyle: string;
-/**
- * @private
- */
-export declare const inputBoxRichTextStackItemStyle: string;
-/**
- * @private
- */
-export declare const inputBoxContentStackStyle: string;
-/**
- * @private
- */
-export declare const richTextBorderBoxStyle: (props: {
-    theme: Theme;
-    disabled: boolean;
-}) => string;
-//# sourceMappingURL=RichTextInputBoxComponent.styles.d.ts.map

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

@@ -1,38 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { mergeStyles } from '@fluentui/react';
-import { borderEditBoxStyle, defaultSendBoxActiveBorderThicknessREM, defaultSendBoxInactiveBorderThicknessREM } from './SendBox.styles';
-/**
- * @private
- */
-export const inputBoxRichTextStackStyle = mergeStyles({
-    overflow: 'hidden'
-});
-/**
- * @private
- */
-export const inputBoxRichTextStackItemStyle = mergeStyles({
-    paddingBottom: '0.25rem'
-});
-/**
- * @private
- */
-export const inputBoxContentStackStyle = mergeStyles({
-    overflow: 'hidden'
-});
-/**
- * @private
- */
-export const richTextBorderBoxStyle = (props) => {
-    const disabledStyles = {
-        pointerEvents: 'none',
-        backgroundColor: props.theme.palette.neutralLighter,
-        borderRadius: props.theme.effects.roundedCorner4,
-        border: `${defaultSendBoxInactiveBorderThicknessREM}rem solid transparent`,
-        margin: `${defaultSendBoxActiveBorderThicknessREM - defaultSendBoxInactiveBorderThicknessREM}rem`
-    };
-    return mergeStyles(props.disabled ? disabledStyles : borderEditBoxStyle(Object.assign(Object.assign({}, props), { 
-        // should always be false as we don't want to show the border when there is an error
-        hasErrorMessage: false, defaultBorderColor: props.theme.palette.neutralQuaternaryAlt })));
-};
-//# sourceMappingURL=RichTextInputBoxComponent.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextInputBoxComponent.styles.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/RichTextInputBoxComponent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAiB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,sCAAsC,EAAE,wCAAwC,EAAE,MAAM,kBAAkB,CAAC;AAExI;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,WAAW,CAAC;IACxD,aAAa,EAAE,SAAS;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC;IACnD,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAGtC,EAAU,EAAE;IACX,MAAM,cAAc,GAAW;QAC7B,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QACnD,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;QAChD,MAAM,EAAE,GAAG,wCAAwC,uBAAuB;QAC1E,MAAM,EAAE,GAAG,sCAAsC,GAAG,wCAAwC,KAAK;KAClG,CAAC;IACF,OAAO,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAkB,iCAClE,KAAK;QACR,oFAAoF;QACpF,eAAe,EAAE,KAAK,EACtB,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,oBAAoB,IAC5D,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { IStyle, Theme, mergeStyles } from '@fluentui/react';\nimport { borderEditBoxStyle, defaultSendBoxActiveBorderThicknessREM, defaultSendBoxInactiveBorderThicknessREM } from './SendBox.styles';\n\n/**\n * @private\n */\nexport const inputBoxRichTextStackStyle = mergeStyles({\n  overflow: 'hidden'\n});\n\n/**\n * @private\n */\nexport const inputBoxRichTextStackItemStyle = mergeStyles({\n  paddingBottom: '0.25rem'\n});\n\n/**\n * @private\n */\nexport const inputBoxContentStackStyle = mergeStyles({\n  overflow: 'hidden'\n});\n\n/**\n * @private\n */\nexport const richTextBorderBoxStyle = (props: {\n  theme: Theme;\n  disabled: boolean;\n}): string => {\n  const disabledStyles: IStyle = {\n    pointerEvents: 'none',\n    backgroundColor: props.theme.palette.neutralLighter,\n    borderRadius: props.theme.effects.roundedCorner4,\n    border: `${defaultSendBoxInactiveBorderThicknessREM}rem solid transparent`,\n    margin: `${defaultSendBoxActiveBorderThicknessREM - defaultSendBoxInactiveBorderThicknessREM}rem`\n  };\n  return mergeStyles(props.disabled ? disabledStyles : borderEditBoxStyle({\n    ...props,\n    // should always be false as we don't want to show the border when there is an error\n    hasErrorMessage: false,\n    defaultBorderColor: props.theme.palette.neutralQuaternaryAlt\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":["../../../../../../preprocess-dist/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};"]}

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

@@ -1,5 +0,0 @@
-/**
- * @private
- */
-export declare const useDefaultStackStyles: () => Record<"root", string>;
-//# sourceMappingURL=Stack.style.d.ts.map

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

@@ -1,32 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { makeStyles } from '@fluentui/react-components';
-// These are styles that should be used during the migration from FluentUI v8 Stack component to flex.
-// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-flex-stack--page
-/**
- * @private
- */
-export const useDefaultStackStyles = makeStyles({
-    root: {
-        display: 'flex',
-        flexDirection: 'column',
-        flexWrap: 'nowrap',
-        width: 'auto',
-        height: 'auto',
-        boxSizing: 'border-box',
-        '> *': {
-            textOverflow: 'ellipsis'
-        }
-        // As per CSS props, these two styles are not in the original Stack styles
-        // (and they have higher specificity that just classes and will be applied instead of rules in classes).
-        // They also break a layout for the first selected item in MentionPopover if applied.
-        // Please check that component, if you want to apply these styles
-        // '> :not(:first-child)': {
-        //   marginTop: '0px'
-        // },
-        // '> *:not(.ms-StackItem)': {
-        //   flexShrink: 1
-        // }
-    }
-});
-//# sourceMappingURL=Stack.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.style.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/styles/Stack.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,sGAAsG;AACtG,gGAAgG;AAEhG;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAAC;IAC9C,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE;YACL,YAAY,EAAE,UAAU;SACzB;QACD,0EAA0E;QAC1E,wGAAwG;QACxG,qFAAqF;QACrF,iEAAiE;QACjE,4BAA4B;QAC5B,qBAAqB;QACrB,KAAK;QACL,8BAA8B;QAC9B,kBAAkB;QAClB,IAAI;KACL;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { makeStyles } from '@fluentui/react-components';\n\n// These are styles that should be used during the migration from FluentUI v8 Stack component to flex.\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-flex-stack--page\n\n/**\n * @private\n */\nexport const useDefaultStackStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexWrap: 'nowrap',\n    width: 'auto',\n    height: 'auto',\n    boxSizing: 'border-box',\n    '> *': {\n      textOverflow: 'ellipsis'\n    }\n    // As per CSS props, these two styles are not in the original Stack styles\n    // (and they have higher specificity that just classes and will be applied instead of rules in classes).\n    // They also break a layout for the first selected item in MentionPopover if applied.\n    // Please check that component, if you want to apply these styles\n    // '> :not(:first-child)': {\n    //   marginTop: '0px'\n    // },\n    // '> *:not(.ms-StackItem)': {\n    //   flexShrink: 1\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