@up-group-ui/react-controls
Version:
Up shared react controls
109 lines • 3.71 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.wrapperFileNameStyle = exports.wrapperErrorsStyle = exports.wrapperActionStyle = exports.extensionsStyle = exports.wrapperDropStyle = exports.fileStyle = exports.baseStyle = exports.base = exports.boxUploaded = exports.boxUpload = void 0;
var tslib_1 = require("tslib");
var lib_1 = require("typestyle/lib");
var utils_1 = require("../../../Common/theming/utils");
exports.boxUpload = (0, lib_1.style)({
border: '2px dashed #d7d7d7',
$nest: {
'&:hover': {
borderColor: '#f39100',
},
},
});
exports.boxUploaded = (0, lib_1.style)({
border: '1px solid',
borderTopColor: '#d7d7d7',
borderRightColor: '#d7d7d7',
borderLeftColor: '#d7d7d7',
borderBottomColor: '#F5F5F5',
backgroundColor: '#F5F5F5',
borderRadius: '4px 0x',
});
exports.base = {
fontFamily: 'Roboto',
textAlign: 'center',
cursor: 'pointer',
width: '100%',
borderTopRightRadius: '4px',
borderTopLeftRadius: '4px',
minHeight: (0, utils_1.toRem)(64),
height: 'auto',
marginTop: (0, utils_1.toRem)(8),
position: 'relative',
};
var baseStyle = function (bgSrc, theme) {
return (0, lib_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, exports.base), { maxWidth: '100%', backgroundImage: "url(" + bgSrc + ")", backgroundRepeat: 'no-repeat', $nest: {
'& canvas': {
maxWidth: '100%',
borderRadius: theme.borderRadius,
},
} }));
};
exports.baseStyle = baseStyle;
exports.fileStyle = (0, lib_1.style)({
color: '#7a756f',
textAlign: 'center',
height: '100%',
width: '100%',
marginTop: (0, utils_1.toRem)(16),
});
exports.wrapperDropStyle = (0, lib_1.style)({
width: '100%',
});
var extensionsStyle = function (props) {
return (0, lib_1.style)({
fontSize: (0, utils_1.toRem)(11),
fontFamily: 'Roboto',
color: props.theme.colorMap.darkGray5,
});
};
exports.extensionsStyle = extensionsStyle;
var wrapperActionStyle = function (props) {
return (0, lib_1.style)({
position: 'absolute',
top: '1px',
right: '1px',
borderRadius: '4px',
borderLeft: "1px solid " + props.theme.colorMap.primary,
borderBottom: "1px solid " + props.theme.colorMap.primary,
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
borderBottomRightRadius: 0,
background: props.theme.colorMap.white,
$nest: {
span: {
marginRight: (0, utils_1.toRem)(4),
},
},
});
};
exports.wrapperActionStyle = wrapperActionStyle;
exports.wrapperErrorsStyle = (0, lib_1.style)({
margin: (0, utils_1.toRem)(18) + " " + (0, utils_1.toRem)(9),
});
var wrapperFileNameStyle = function (props) {
return (0, lib_1.style)({
display: 'flex',
justifyContent: 'space-between',
borderRadius: '4px',
borderLeft: "1px solid " + props.theme.colorMap.disabledFg,
borderBottom: "1px solid " + props.theme.colorMap.disabledFg,
borderRight: "1px solid " + props.theme.colorMap.disabledFg,
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
background: props.theme.colorMap.white,
padding: (0, utils_1.toRem)(5) + " " + (0, utils_1.toRem)(15),
$nest: {
span: {
marginRight: (0, utils_1.toRem)(4),
textOverflow: 'ellipsis',
fontSize: (0, utils_1.toRem)(15),
color: '#4A4A4A',
},
},
});
};
exports.wrapperFileNameStyle = wrapperFileNameStyle;
//# sourceMappingURL=styles.js.map