54 lines
2.2 KiB
JavaScript
54 lines
2.2 KiB
JavaScript
define(["require", "exports", "../../../Styling", "../../../Utilities", "../BaseButton.styles", "../SplitButton/SplitButton.styles"], function (require, exports, Styling_1, Utilities_1, BaseButton_styles_1, SplitButton_styles_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.getStyles = void 0;
|
|
exports.getStyles = (0, Utilities_1.memoizeFunction)(function (theme, customStyles) {
|
|
var _a;
|
|
var baseButtonStyles = (0, BaseButton_styles_1.getStyles)(theme);
|
|
var splitButtonStyles = (0, SplitButton_styles_1.getStyles)(theme);
|
|
var palette = theme.palette, semanticColors = theme.semanticColors;
|
|
var iconButtonStyles = {
|
|
root: {
|
|
padding: '0 4px',
|
|
width: '32px',
|
|
height: '32px',
|
|
backgroundColor: 'transparent',
|
|
border: 'none',
|
|
color: semanticColors.link,
|
|
},
|
|
rootHovered: (_a = {
|
|
color: palette.themeDarkAlt,
|
|
backgroundColor: palette.neutralLighter
|
|
},
|
|
_a[Styling_1.HighContrastSelector] = {
|
|
borderColor: 'Highlight',
|
|
color: 'Highlight',
|
|
},
|
|
_a),
|
|
rootHasMenu: {
|
|
width: 'auto',
|
|
},
|
|
rootPressed: {
|
|
color: palette.themeDark,
|
|
backgroundColor: palette.neutralLight,
|
|
},
|
|
rootExpanded: {
|
|
color: palette.themeDark,
|
|
backgroundColor: palette.neutralLight,
|
|
},
|
|
rootChecked: {
|
|
color: palette.themeDark,
|
|
backgroundColor: palette.neutralLight,
|
|
},
|
|
rootCheckedHovered: {
|
|
color: palette.themeDark,
|
|
backgroundColor: palette.neutralQuaternaryAlt,
|
|
},
|
|
rootDisabled: {
|
|
color: palette.neutralTertiaryAlt,
|
|
},
|
|
};
|
|
return (0, Styling_1.concatStyleSets)(baseButtonStyles, iconButtonStyles, splitButtonStyles, customStyles);
|
|
});
|
|
});
|
|
//# sourceMappingURL=IconButton.styles.js.map
|