@fluentui/react-northstar
Version:
A themable React component library.
62 lines (61 loc) • 1.72 kB
JavaScript
import { getBorderFocusStyles } from '../../getBorderFocusStyles';
export var splitButtonStyles = {
menuButton: function menuButton(_ref) {
var p = _ref.props,
v = _ref.variables;
return Object.assign({
borderTopRightRadius: 0,
borderBottomRightRadius: 0,
borderRightWidth: 0,
padding: v.padding,
minWidth: v.minWidth
}, p.size === 'small' && {
height: v.smallDimension,
padding: v.smallPadding,
minWidth: v.smallMinWidth
}, (p.flat || p.size === 'small') && {
boxShadow: 'none'
}, {
':focus-visible': {
borderRightWidth: 0,
':before': {
borderRightWidth: 0
},
':after': {
borderRightWidth: 0
}
},
':active': {
animationName: 'unset',
animationDuration: 'unset'
}
});
},
root: function root(_ref2) {
var p = _ref2.props,
v = _ref2.variables,
siteVariables = _ref2.theme.siteVariables;
var borderFocusStyles = getBorderFocusStyles({
variables: {
borderRadius: v.focusBorderRadius,
borderWidth: v.focusBorderWidth,
focusInnerBorderColor: v.focusInnerBorderColor,
focusOuterBorderColor: v.focusOuterBorderColor,
zIndexes: {
foreground: v.focusBorderZIndex
}
}
});
return {
borderRadius: v.borderRadius,
position: 'relative',
whiteSpace: 'nowrap',
display: 'inline-block',
width: 'fit-content',
':focus-within': Object.assign({
boxShadow: 'none'
}, p.isFromKeyboard && Object.assign({}, borderFocusStyles[':focus-visible']))
};
}
};
//# sourceMappingURL=splitButtonStyles.js.map