Stefan Hacker
99 lines
3.4 KiB
JavaScript
99 lines
3.4 KiB
JavaScript
import { __assign } from "tslib";
|
|
import { concatStyleSets, FontWeights, HighContrastSelector, getHighContrastNoAdjustStyle } from '../../../Styling';
|
|
import { memoizeFunction } from '../../../Utilities';
|
|
import { getStyles as getBaseButtonStyles } from '../BaseButton.styles';
|
|
import { getStyles as getSplitButtonStyles } from '../SplitButton/SplitButton.styles';
|
|
import { primaryStyles, standardStyles } from '../ButtonThemes';
|
|
export var getStyles = memoizeFunction(function (theme, customStyles, primary) {
|
|
var _a, _b, _c, _d, _e;
|
|
var fonts = theme.fonts, palette = theme.palette;
|
|
var baseButtonStyles = getBaseButtonStyles(theme);
|
|
var splitButtonStyles = getSplitButtonStyles(theme);
|
|
var compoundButtonStyles = {
|
|
root: {
|
|
maxWidth: '280px',
|
|
minHeight: '72px',
|
|
height: 'auto',
|
|
padding: '16px 12px',
|
|
},
|
|
flexContainer: {
|
|
flexDirection: 'row',
|
|
alignItems: 'flex-start',
|
|
minWidth: '100%',
|
|
margin: '',
|
|
},
|
|
textContainer: {
|
|
textAlign: 'left',
|
|
},
|
|
icon: {
|
|
fontSize: '2em',
|
|
lineHeight: '1em',
|
|
height: '1em',
|
|
margin: '0px 8px 0px 0px',
|
|
flexBasis: '1em',
|
|
flexShrink: '0',
|
|
},
|
|
label: {
|
|
margin: '0 0 5px',
|
|
lineHeight: '100%',
|
|
fontWeight: FontWeights.semibold,
|
|
},
|
|
description: [
|
|
fonts.small,
|
|
{
|
|
lineHeight: '100%',
|
|
},
|
|
],
|
|
};
|
|
var standardCompoundTheme = {
|
|
description: {
|
|
color: palette.neutralSecondary,
|
|
},
|
|
descriptionHovered: {
|
|
color: palette.neutralDark,
|
|
},
|
|
descriptionPressed: {
|
|
color: 'inherit',
|
|
},
|
|
descriptionChecked: {
|
|
color: 'inherit',
|
|
},
|
|
descriptionDisabled: {
|
|
color: 'inherit',
|
|
},
|
|
};
|
|
var primaryCompoundTheme = {
|
|
description: (_a = {
|
|
color: palette.white
|
|
},
|
|
_a[HighContrastSelector] = __assign({ backgroundColor: 'WindowText', color: 'Window' }, getHighContrastNoAdjustStyle()),
|
|
_a),
|
|
descriptionHovered: (_b = {
|
|
color: palette.white
|
|
},
|
|
_b[HighContrastSelector] = {
|
|
backgroundColor: 'Highlight',
|
|
color: 'Window',
|
|
},
|
|
_b),
|
|
descriptionPressed: (_c = {
|
|
color: 'inherit'
|
|
},
|
|
_c[HighContrastSelector] = __assign({ color: 'Window', backgroundColor: 'WindowText' }, getHighContrastNoAdjustStyle()),
|
|
_c),
|
|
descriptionChecked: (_d = {
|
|
color: 'inherit'
|
|
},
|
|
_d[HighContrastSelector] = __assign({ color: 'Window', backgroundColor: 'WindowText' }, getHighContrastNoAdjustStyle()),
|
|
_d),
|
|
descriptionDisabled: (_e = {
|
|
color: 'inherit'
|
|
},
|
|
_e[HighContrastSelector] = {
|
|
color: 'inherit',
|
|
},
|
|
_e),
|
|
};
|
|
return concatStyleSets(baseButtonStyles, compoundButtonStyles, primary ? primaryStyles(theme) : standardStyles(theme), primary ? primaryCompoundTheme : standardCompoundTheme, splitButtonStyles, customStyles);
|
|
});
|
|
//# sourceMappingURL=CompoundButton.styles.js.map
|