@up-group-ui/react-controls
Version:
Up shared react controls
47 lines • 1.73 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.wrapperNumberButtonsStyles = exports.wrapperNumberStyles = void 0;
var typestyle_1 = require("typestyle");
var utils_1 = require("../../../Common/theming/utils");
var wrapperNumberStyles = function (props) {
return (0, typestyle_1.style)({
position: 'relative',
$nest: {
input: {
textAlign: 'right',
paddingRight: props.hideButtons
? '0 !important'
: props.theme.inputBorderLess
? (0, utils_1.toRem)(42) + " !important"
: (0, utils_1.toRem)(26) + " !important",
},
'.up-btn-wrapper': {
height: (0, utils_1.toRem)(16),
},
'.up-input-group > .up-icon-wrapper:last-child': {
right: (0, utils_1.toRem)(-14),
},
},
});
};
exports.wrapperNumberStyles = wrapperNumberStyles;
var wrapperNumberButtonsStyles = function (props) {
return (0, typestyle_1.style)({
position: 'absolute',
right: props.theme.inputBorderLess ? '0' : (0, utils_1.toRem)(2),
bottom: props.theme.inputBorderLess ? (0, utils_1.toRem)(7) : (0, utils_1.toRem)(2),
$nest: {
'& .up-btn-wrapper .up-btn .up-icon-wrapper svg': {
margin: '0px',
},
'& .up-btn-wrapper .up-btn': {
marginLeft: (0, utils_1.toRem)(4),
},
'& .up-btn-wrapper': {
width: 'auto',
},
},
});
};
exports.wrapperNumberButtonsStyles = wrapperNumberButtonsStyles;
//# sourceMappingURL=styles.js.map