@braineet/ui
Version:
Braineet design system
53 lines (52 loc) • 2.12 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var 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'
}
}
}));
exports.FileContainer = FileContainer;
var 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;
});
exports.FileThumb = FileThumb;
var 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;"]);
exports.FileIconWrapper = FileIconWrapper;