@braineet/ui
Version:
Braineet design system
68 lines (67 loc) • 2.37 kB
JavaScript
;
exports.__esModule = true;
exports.UploadContainer = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _styledSystem = require("styled-system");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
var uploadDropzoneActiveStyles = function uploadDropzoneActiveStyles(p) {
return {
border: "2px dashed " + p.theme.colors.brand,
background: p.theme.colors.brand10,
color: p.theme.colors.brand90
};
};
var uploadDropzoneStyles = function uploadDropzoneStyles(p) {
return {
position: 'relative',
width: '100%',
height: '100%',
display: 'flex',
textAlign: 'center',
background: '#fafafa',
border: '2px dashed #d9d9d9',
borderRadius: '4px',
cursor: 'pointer',
transition: 'border-color 0.3s, background 0.3s',
flexDirection: 'column',
alignItems: 'center',
'&:hover': !p.disabled && _extends({}, uploadDropzoneActiveStyles(p))
};
};
var UploadContainer = _styledComponents.default.div.withConfig({
displayName: "styles__UploadContainer",
componentId: "sc-1w3dynh-0"
})(["position:relative;", " ", " .upload-dropzone{", " ", " ", " ", "}.upload-dropzone-texts{", "}", ""], _styledSystem.layout, (0, _styledSystem.variant)({
prop: 'size',
variants: {
full: {
height: '100%'
}
}
}), _styledSystem.space, uploadDropzoneStyles, (0, _styledSystem.variant)({
prop: 'size',
variants: {
full: {
justifyContent: 'center'
},
small: {
flexDirection: 'row'
}
}
}), function (p) {
return p.isDragActive && uploadDropzoneActiveStyles;
}, (0, _styledSystem.variant)({
prop: 'size',
variants: {
small: {
display: 'flex',
flexDirection: 'column',
marginLeft: '1rem',
alignItems: 'flex-start'
}
}
}), function (p) {
return p.disabled && "\n opacity: 0.4;\n .upload-dropzone {\n cursor: not-allowed;\n }\n ";
});
exports.UploadContainer = UploadContainer;