@braineet/ui
Version:
Braineet design system
31 lines (30 loc) • 1.46 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(e) { return e && e.__esModule ? e : { default: e }; }
var ContainerBar = exports.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);
});
var ProgressingBar = exports.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;
});
var _default = exports.default = {
ContainerBar: ContainerBar,
ProgressingBar: ProgressingBar
};