Stefan Hacker
98 lines
3.9 KiB
JavaScript
98 lines
3.9 KiB
JavaScript
define(["require", "exports", "tslib", "../../../Styling", "../../../Utilities", "../BaseButton.styles", "../SplitButton/SplitButton.styles", "../ButtonThemes"], function (require, exports, tslib_1, Styling_1, Utilities_1, BaseButton_styles_1, SplitButton_styles_1, ButtonThemes_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.getStyles = void 0;
|
|
exports.getStyles = (0, Utilities_1.memoizeFunction)(function (theme, customStyles, primary) {
|
|
var _a, _b, _c, _d, _e;
|
|
var fonts = theme.fonts, palette = theme.palette;
|
|
var baseButtonStyles = (0, BaseButton_styles_1.getStyles)(theme);
|
|
var splitButtonStyles = (0, SplitButton_styles_1.getStyles)(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: Styling_1.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[Styling_1.HighContrastSelector] = tslib_1.__assign({ backgroundColor: 'WindowText', color: 'Window' }, (0, Styling_1.getHighContrastNoAdjustStyle)()),
|
|
_a),
|
|
descriptionHovered: (_b = {
|
|
color: palette.white
|
|
},
|
|
_b[Styling_1.HighContrastSelector] = {
|
|
backgroundColor: 'Highlight',
|
|
color: 'Window',
|
|
},
|
|
_b),
|
|
descriptionPressed: (_c = {
|
|
color: 'inherit'
|
|
},
|
|
_c[Styling_1.HighContrastSelector] = tslib_1.__assign({ color: 'Window', backgroundColor: 'WindowText' }, (0, Styling_1.getHighContrastNoAdjustStyle)()),
|
|
_c),
|
|
descriptionChecked: (_d = {
|
|
color: 'inherit'
|
|
},
|
|
_d[Styling_1.HighContrastSelector] = tslib_1.__assign({ color: 'Window', backgroundColor: 'WindowText' }, (0, Styling_1.getHighContrastNoAdjustStyle)()),
|
|
_d),
|
|
descriptionDisabled: (_e = {
|
|
color: 'inherit'
|
|
},
|
|
_e[Styling_1.HighContrastSelector] = {
|
|
color: 'inherit',
|
|
},
|
|
_e),
|
|
};
|
|
return (0, Styling_1.concatStyleSets)(baseButtonStyles, compoundButtonStyles, primary ? (0, ButtonThemes_1.primaryStyles)(theme) : (0, ButtonThemes_1.standardStyles)(theme), primary ? primaryCompoundTheme : standardCompoundTheme, splitButtonStyles, customStyles);
|
|
});
|
|
});
|
|
//# sourceMappingURL=CompoundButton.styles.js.map
|