@braineet/ui
Version:
Braineet design system
26 lines (25 loc) • 1.5 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(e) { return e && e.__esModule ? e : { default: e }; }
var UploadListContainer = exports.UploadListContainer = (0, _styledComponents.default)(_pane.default).withConfig({
displayName: "styles__UploadListContainer",
componentId: "sc-s283m2-0"
})(["padding:0.5rem 0;position:relative;"]);
var FeedbackIconWrapper = exports.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;"]);
var UploadItemProgressBar = exports.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;
});