@fluentui/react
Version:
Reusable React components for building web experiences.
104 lines • 4 kB
JavaScript
define(["require", "exports", "../../Styling", "../../Utilities"], function (require, exports, Styling_1, Utilities_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = exports.DocumentCardPreviewGlobalClassNames = void 0;
exports.DocumentCardPreviewGlobalClassNames = {
root: 'ms-DocumentCardPreview',
icon: 'ms-DocumentCardPreview-icon',
iconContainer: 'ms-DocumentCardPreview-iconContainer',
};
var getStyles = function (props) {
var _a, _b;
var theme = props.theme, className = props.className, isFileList = props.isFileList;
var palette = theme.palette, fonts = theme.fonts;
var classNames = (0, Styling_1.getGlobalClassNames)(exports.DocumentCardPreviewGlobalClassNames, theme);
return {
root: [
classNames.root,
fonts.small,
{
backgroundColor: isFileList ? palette.white : palette.neutralLighterAlt,
borderBottom: "1px solid ".concat(palette.neutralLight),
overflow: "hidden",
position: 'relative',
},
className,
],
previewIcon: [
classNames.iconContainer,
{
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
height: '100%',
},
],
icon: [
classNames.icon,
{
left: '10px',
bottom: '10px',
position: 'absolute',
},
],
fileList: {
padding: '16px 16px 0 16px',
listStyleType: 'none',
margin: 0,
selectors: {
li: {
height: '16px',
lineHeight: '16px',
display: 'flex',
flexWrap: 'nowrap',
alignItems: 'center',
marginBottom: '8px',
overflow: 'hidden',
},
},
},
fileListIcon: {
display: 'inline-block',
flexShrink: 0,
marginRight: '8px',
},
fileListLink: [
(0, Styling_1.getFocusStyle)(theme, {
highContrastStyle: {
border: '1px solid WindowText',
outline: 'none',
},
}),
{
boxSizing: 'border-box',
color: palette.neutralDark,
flexGrow: 1,
overflow: 'hidden',
display: 'inline-block',
textDecoration: 'none',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
selectors: (_a = {
':hover': {
color: palette.themePrimary,
}
},
_a[".".concat(Utilities_1.IsFocusVisibleClassName, " &:focus, :host(.").concat(Utilities_1.IsFocusVisibleClassName, ") &:focus")] = {
selectors: (_b = {},
_b[Styling_1.HighContrastSelector] = {
outline: 'none',
},
_b),
},
_a),
},
],
fileListOverflowText: {
padding: '0px 16px 8px 16px',
display: 'block',
},
};
};
exports.getStyles = getStyles;
});
//# sourceMappingURL=DocumentCardPreview.styles.js.map