@braineet/ui
Version:
Braineet design system
50 lines (49 loc) • 2.07 kB
JavaScript
;
exports.__esModule = true;
exports.FileThumb = exports.FileIconWrapper = exports.FileContainer = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _styledSystem = require("styled-system");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var FileContainer = exports.FileContainer = _styledComponents.default.div.withConfig({
displayName: "styles__FileContainer",
componentId: "sc-detdj6-0"
})(["position:relative;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0.5rem;background:", ";color:", ";border-radius:0.25rem;transition:background 0.3s ease;", " ", " ", " .tooltip-trigger{display:flex;}"], function (p) {
return p.theme.colors.white;
}, function (p) {
return p.theme.colors.black;
}, function (p) {
return typeof p.onClick === 'function' && "\n &:hover {\n background: " + p.theme.colors.background.light.grey + ";\n cursor: pointer;\n }\n ";
}, function (p) {
return (0, _styledSystem.variant)({
prop: 'status',
variants: {
error: {
border: "2px solid " + p.theme.colors.error,
color: p.theme.colors.error90,
background: p.theme.colors.error10
}
}
});
}, (0, _styledSystem.variant)({
prop: '$display',
variants: {
row: {
display: 'flex',
width: '100%',
height: '40px'
},
icon: {
display: 'inline-flex'
}
}
}));
var FileThumb = exports.FileThumb = _styledComponents.default.div.withConfig({
displayName: "styles__FileThumb",
componentId: "sc-detdj6-1"
})(["width:24px;height:24px;border-radius:4px;background:url('", "') no-repeat center;background-size:cover;overflow:hidden;flex-shrink:0;"], function (p) {
return p.thumbUrl;
});
var FileIconWrapper = exports.FileIconWrapper = _styledComponents.default.div.withConfig({
displayName: "styles__FileIconWrapper",
componentId: "sc-detdj6-2"
})(["display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;"]);