@braineet/ui
Version:
Braineet design system
29 lines (28 loc) • 1.57 kB
JavaScript
;
exports.__esModule = true;
exports.UploadListContainer = exports.UploadItemProgressBar = exports.FeedbackIconWrapper = void 0;
var _reactSpring = require("react-spring");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _pane = _interopRequireDefault(require("../../pane"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var UploadListContainer = (0, _styledComponents.default)(_pane.default).withConfig({
displayName: "styles__UploadListContainer",
componentId: "sc-s283m2-0"
})(["padding:0.5rem 0;position:relative;"]);
exports.UploadListContainer = UploadListContainer;
var FeedbackIconWrapper = (0, _styledComponents.default)(_reactSpring.animated.div).withConfig({
displayName: "styles__FeedbackIconWrapper",
componentId: "sc-s283m2-1"
})(["display:flex;align-items:center;justify-content:center;width:32px;height:32px;"]);
exports.FeedbackIconWrapper = FeedbackIconWrapper;
var UploadItemProgressBar = _styledComponents.default.div.withConfig({
displayName: "styles__UploadItemProgressBar",
componentId: "sc-s283m2-2"
})(["position:absolute;bottom:4px;left:36px;height:3px;border-radius:50px;width:90%;background:", ";&:before{content:'';position:absolute;bottom:0px;left:0px;height:3px;border-radius:50px;width:", "%;background:", ";transition:width 0.3s;}"], function (p) {
return p.theme.colors.black10;
}, function (p) {
return p.progress;
}, function (p) {
return p.theme.colors.pending;
});
exports.UploadItemProgressBar = UploadItemProgressBar;