@braineet/ui
Version:
Braineet design system
34 lines (33 loc) • 1.51 kB
JavaScript
;
exports.__esModule = true;
exports.default = exports.ProgressingBar = exports.ContainerBar = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _box = _interopRequireDefault(require("../box"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ContainerBar = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__ContainerBar",
componentId: "sc-12xvorc-0"
})(["position:relative;height:", ";overflow:hidden;border-radius:", ";&::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;opacity:0.1;background-color:", ";}"], function (props) {
return props.theme.spaces.sm;
}, function (props) {
return props.theme.borderRadius.lg;
}, function (props) {
return props.theme.utils.lighten('black', 0.1);
});
exports.ContainerBar = ContainerBar;
var ProgressingBar = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__ProgressingBar",
componentId: "sc-12xvorc-1"
})(["position:absolute;left:0;top:0;width:", "%;transition:width 0.3s;height:100%;border-radius:", ";background-color:", ";"], function (props) {
return props.progressValue * 100 / props.maxValue;
}, function (props) {
return props.theme.borderRadius.lg;
}, function (props) {
return props.theme.colors.brand;
});
exports.ProgressingBar = ProgressingBar;
var _default = {
ContainerBar: ContainerBar,
ProgressingBar: ProgressingBar
};
exports.default = _default;