Stefan Hacker
73 lines
2.2 KiB
JavaScript
73 lines
2.2 KiB
JavaScript
import { concatStyleSets, HighContrastSelector } from '../../../Styling';
|
|
import { memoizeFunction } from '../../../Utilities';
|
|
import { getStyles as getBaseButtonStyles } from '../BaseButton.styles';
|
|
var DEFAULT_BUTTON_HEIGHT = '40px';
|
|
var DEFAULT_PADDING = '0 4px';
|
|
export var getStyles = memoizeFunction(function (theme, customStyles) {
|
|
var _a, _b, _c;
|
|
var baseButtonStyles = getBaseButtonStyles(theme);
|
|
var actionButtonStyles = {
|
|
root: (_a = {
|
|
padding: DEFAULT_PADDING,
|
|
height: DEFAULT_BUTTON_HEIGHT,
|
|
color: theme.palette.neutralPrimary,
|
|
backgroundColor: 'transparent',
|
|
border: '1px solid transparent'
|
|
},
|
|
_a[HighContrastSelector] = {
|
|
borderColor: 'Window',
|
|
},
|
|
_a),
|
|
rootHovered: (_b = {
|
|
color: theme.palette.themePrimary
|
|
},
|
|
_b[HighContrastSelector] = {
|
|
color: 'Highlight',
|
|
},
|
|
_b),
|
|
iconHovered: {
|
|
color: theme.palette.themePrimary,
|
|
},
|
|
rootPressed: {
|
|
color: theme.palette.black,
|
|
},
|
|
rootExpanded: {
|
|
color: theme.palette.themePrimary,
|
|
},
|
|
iconPressed: {
|
|
color: theme.palette.themeDarker,
|
|
},
|
|
rootDisabled: (_c = {
|
|
color: theme.palette.neutralTertiary,
|
|
backgroundColor: 'transparent',
|
|
borderColor: 'transparent'
|
|
},
|
|
_c[HighContrastSelector] = {
|
|
color: 'GrayText',
|
|
},
|
|
_c),
|
|
rootChecked: {
|
|
color: theme.palette.black,
|
|
},
|
|
iconChecked: {
|
|
color: theme.palette.themeDarker,
|
|
},
|
|
flexContainer: {
|
|
justifyContent: 'flex-start',
|
|
},
|
|
icon: {
|
|
color: theme.palette.themeDarkAlt,
|
|
},
|
|
iconDisabled: {
|
|
color: 'inherit',
|
|
},
|
|
menuIcon: {
|
|
color: theme.palette.neutralSecondary,
|
|
},
|
|
textContainer: {
|
|
flexGrow: 0,
|
|
},
|
|
};
|
|
return concatStyleSets(baseButtonStyles, actionButtonStyles, customStyles);
|
|
});
|
|
//# sourceMappingURL=ActionButton.styles.js.map
|