communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
93 lines • 2.03 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { mergeStyles, FontWeights } from '@fluentui/react';
import { _pxToRem } from "../../../../acs-ui-common/src";
/**
* @private
*/
export const themedPhoneInfoModalStyle = (theme) => ({
main: {
borderRadius: theme.effects.roundedCorner6,
padding: _pxToRem(24),
width: _pxToRem(600),
height: 'fit-content',
overflow: 'hidden'
}
});
/**
* @private
*/
export const titleClassName = mergeStyles({
fontWeight: 600,
fontSize: _pxToRem(20),
lineHeight: _pxToRem(28)
});
/**
* @private
*/
export const titleContainerClassName = mergeStyles({
paddingBottom: _pxToRem(30)
});
/**
* @private
*/
export const stepTextStyle = mergeStyles({
fontSize: _pxToRem(14),
lineHeight: _pxToRem(40)
});
/**
* @private
*/
export const phoneInfoTextStyle = mergeStyles({
fontSize: _pxToRem(14),
lineHeight: _pxToRem(40),
fontWeight: FontWeights.semibold
});
/**
* @private
*/
export const phoneInfoIcon = (theme) => {
return mergeStyles({
background: `${theme.palette.themeLighter}`,
height: _pxToRem(36),
width: _pxToRem(36),
marginRight: _pxToRem(12),
borderRadius: _pxToRem(18)
});
};
/**
* @private
*/
export const phoneInfoInctructionLine = mergeStyles({
marginBottom: _pxToRem(20)
});
/**
* @private
*/
export const phoneInfoStep = mergeStyles({
textAlign: 'right'
});
/**
* @private
*/
export const phoneInfoIconStyle = (theme) => {
return mergeStyles({
padding: _pxToRem(8),
color: `${theme.palette.themePrimary}`,
zIndex: 2
});
};
/**
* @private
*/
export const infoConnectionLinkStyle = (theme) => {
return mergeStyles({
background: `${theme.palette.themeLighter}`,
width: _pxToRem(2),
position: 'relative',
left: _pxToRem(19),
top: _pxToRem(20),
zIndex: 1
});
};
//# sourceMappingURL=TeamsMeetingConferenceInfo.js.map