office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
69 lines • 2.7 kB
JavaScript
define(["require", "exports", "../../../Styling", "../../../Utilities", "../BaseButton.styles", "../SplitButton/SplitButton.styles", "../ButtonThemes"], function (require, exports, Styling_1, Utilities_1, BaseButton_styles_1, SplitButton_styles_1, ButtonThemes_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = Utilities_1.memoizeFunction(function (theme, customStyles, primary, focusInset, focusColor) {
var baseButtonStyles = BaseButton_styles_1.getStyles(theme, focusInset, focusColor);
var splitButtonStyles = SplitButton_styles_1.getStyles(theme);
var compoundButtonStyles = {
root: {
maxWidth: '280px',
minHeight: '72px',
height: 'auto',
padding: '20px'
},
flexContainer: {
flexDirection: 'column',
alignItems: 'flex-start',
minWidth: '100%',
margin: ''
},
label: {
margin: '0 0 5px',
lineHeight: '100%',
fontWeight: Styling_1.FontWeights.semibold
},
description: [
theme.fonts.small,
{
lineHeight: '100%'
}
],
};
var standardCompoundTheme = {
description: {
color: theme.palette.neutralSecondary,
},
descriptionHovered: {
color: theme.palette.neutralDark
},
descriptionPressed: {
color: 'inherit'
},
descriptionChecked: {
color: 'inherit'
},
descriptionDisabled: {
color: 'inherit'
}
};
var primaryCompoundTheme = {
description: {
color: theme.palette.white,
},
descriptionHovered: {
color: theme.palette.white
},
descriptionPressed: {
color: 'inherit'
},
descriptionChecked: {
color: 'inherit'
},
descriptionDisabled: {
color: 'inherit'
}
};
return Styling_1.mergeStyleSets(baseButtonStyles, compoundButtonStyles, primary ? ButtonThemes_1.primaryStyles(theme) : ButtonThemes_1.standardStyles(theme), primary ? primaryCompoundTheme : standardCompoundTheme, splitButtonStyles, customStyles);
});
});
//# sourceMappingURL=CompoundButton.styles.js.map