@azure/communication-react
Version:
React library for building modern communication user experiences utilizing Azure Communication Services
75 lines • 1.66 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { mergeStyles } from '@fluentui/react';
import { _pxToRem } from "../../../../acs-ui-common/src";
/**
* @private
*/
export const messageTextStyles = (theme) => ({
root: {
fontWeight: 400,
fontSize: _pxToRem(14),
lineHeight: _pxToRem(16),
color: theme.palette.neutralSecondary,
marginTop: '0.25rem'
}
});
/**
* @private
*/
export const titleTextStyles = () => ({
root: {
fontWeight: 400,
fontSize: _pxToRem(14),
lineHeight: _pxToRem(16),
alignSelf: 'center'
}
});
/**
* @private
*/
export const containerStyles = (theme) => ({
root: {
boxShadow: theme.effects.elevation8,
width: '20rem',
padding: '0.75rem',
borderRadius: '0.25rem',
position: 'relative',
backgroundColor: theme.palette.white
}
});
/**
* @private
*/
export const hiddenContainerStyles = (theme) => mergeStyles({
boxShadow: theme.effects.elevation8,
width: '19.5rem',
borderRadius: '0.25rem',
marginTop: '-0.65rem',
height: '1rem'
});
/**
* @private
*/
export const notificationIconStyles = () => ({
root: {
fontSize: '1.25rem',
alignSelf: 'center',
marginRight: '0.5rem',
svg: {
width: '1.25rem',
height: '1.25rem'
}
}
});
/**
* @private
*/
export const notificationLinkStyles = (theme) => ({
root: {
color: theme.palette.themePrimary,
fontWeight: '600',
paddingLeft: '0.25rem'
}
});
//# sourceMappingURL=Notification.styles.js.map