@up-group-ui/react-controls
Version:
Up shared react controls
68 lines • 3.71 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = exports.upToolTipWrapper = void 0;
var tslib_1 = require("tslib");
var typestyle_1 = require("typestyle");
var utils_1 = require("../../../Common/theming/utils");
exports.upToolTipWrapper = (0, typestyle_1.style)({
display: 'inline-block',
$nest: {
'& .up-icon-wrapper.colored:hover svg, & .up-icon-wrapper.colored:hover svg path,& .up-icon-wrapper.colored:hover svg polygon, & .up-icon-wrapper.colored:hover svg polyline': {
fill: '#C47400',
},
},
});
var getStyles = function (props) {
return (0, typestyle_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)({ pointerEvents: 'auto', opacity: 0.95, padding: 0, background: '#4E5B59 !important', border: '1px #4E5B59 solid', borderRadius: props.theme.borderRadius ? props.theme.borderRadius : 'initial' }, (props.type &&
props.type !== 'light' && {
background: props.theme.colorMap["" + props.type] + " !important",
border: props.theme.colorMap["" + props.type],
})), { $nest: {
'& .up-tooltip-content': {
padding: 0,
margin: 0,
color: 'white',
width: (0, utils_1.toRem)(215),
},
'& .up-tooltip-header': {
padding: (0, utils_1.toRem)(8) + " " + (0, utils_1.toRem)(14),
margin: 0,
borderBottom: '1px solid #ebebeb',
borderRadius: 0,
borderTopLeftRadius: props.theme.borderRadius,
borderTopRightRadius: props.theme.borderRadius,
fontWeight: 700,
fontSize: (0, utils_1.toRem)(13),
color: '#4d4f5c',
background: '#f7f7f7',
},
'& .up-tooltip-body': {
padding: (0, utils_1.toRem)(8),
fontSize: (0, utils_1.toRem)(14),
lineHeight: 1.15,
whiteSpace: 'pre-line',
},
'&:hover': {
visibility: 'visible',
opacity: 1,
},
'&.place-top:after': (0, tslib_1.__assign)((0, tslib_1.__assign)({ borderTopColor: '#4E5B59 !important' }, (props.type &&
props.type !== 'light' && {
borderTopColor: props.theme.colorMap["" + props.type] + " !important",
})), { borderTopStyle: 'solid !important', borderTopWidth: '6px !important' }),
'&.place-left:after': (0, tslib_1.__assign)((0, tslib_1.__assign)({ borderLeftColor: '#4E5B59 !important' }, (props.type &&
props.type !== 'light' && {
borderLeftColor: props.theme.colorMap["" + props.type] + " !important",
})), { borderLeftStyle: 'solid !important', borderLeftWidth: '6px !important' }),
'&.place-right:after': (0, tslib_1.__assign)((0, tslib_1.__assign)({ borderRightColor: '#4E5B59 !important' }, (props.type &&
props.type !== 'light' && {
borderRightColor: props.theme.colorMap["" + props.type] + " !important",
})), { borderRightStyle: 'solid !important', borderRightWidth: '6px !important' }),
'&.place-bottom:after': (0, tslib_1.__assign)((0, tslib_1.__assign)({ borderBottomColor: '#4E5B59 !important' }, (props.type &&
props.type !== 'light' && {
borderBottomColor: props.theme.colorMap["" + props.type] + " !important",
})), { borderBottomStyle: 'solid !important', borderBottomWidth: '6px !important', left: '10% !important' }),
} }));
};
exports.getStyles = getStyles;
//# sourceMappingURL=styles.js.map