@laerdal/life-react-components 5.0.9 → 5.1.1

package/dist/LinearProgress/LinearProgress.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.LinearProgressVariant = exports.LinearProgressType = exports.LineFill = exports.Line = exports.Dot = exports.Bar = void 0;
+exports.default = exports.LinearProgressVariant = exports.LinearProgressType = exports.LineFill = exports.Line = exports.Dot = exports.Bar = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -14,119 +14,60 @@ var _types = require("../types");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["size", "type", "variant", "label", "value", "max", "className"];
+const _excluded = ["size", "type", "variant", "label", "value", "max", "className"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Bar = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ", ";\n\n  &.active {\n    background-color: ", ";\n  }\n\n  &.current {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n  }\n\n  &.inverted.active {\n    background-color: ", ";\n  }\n\n  &.inverted.current {\n    background-color: ", ";\n  }\n\n"])), function (props) {
-  return _styles.COLORS.getColor('neutral_100', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('accent1_400', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('accent1_800', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_600', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('accent1_400', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-});
-exports.Bar = Bar;
-var Dot = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ", ";\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ", ";\n  }\n\n  &.current:after {\n    background-color: ", ";\n  }\n\n  &.inverted:after {\n    background-color: ", ";\n  }\n\n  &.inverted.active:after {\n    background-color: ", ";\n  }\n\n  &.inverted.current:after {\n    background-color: ", ";\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('neutral_400', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('accent1_600', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('accent1_800', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_400', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('accent1_400', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-});
-exports.Dot = Dot;
-var LineFill = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n"])));
-exports.LineFill = LineFill;
-var Line = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ", " {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ", ";\n\n  ", " {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n\n    &:after,\n    &:before {\n      background-color: ", ";\n    }\n\n    ", " {\n      background-color: ", ";\n    }\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('neutral_500', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_500', props.theme);
-}, LineFill, LineFill, LineFill, function (props) {
-  return _styles.COLORS.getColor('neutral_100', props.theme);
-}, LineFill, function (props) {
-  return _styles.COLORS.getColor('accent1_500', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_700', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('neutral_400', props.theme);
-}, LineFill, function (props) {
-  return _styles.COLORS.getColor('accent1_400', props.theme);
-});
-exports.Line = Line;
-var Label = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n"])), function (props) {
-  return _styles.COLORS.getColor('black', props.theme);
-});
-var Content = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n"])));
-var Wrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ", " {\n      color: ", ";\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 4px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 6px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 8px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ", " {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ", " {\n      padding: 0 3px;\n    }\n  }\n"])), Label, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, Label, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null), Content, Bar, Bar, Content, Content);
-var LinearProgressType;
-exports.LinearProgressType = LinearProgressType;
-(function (LinearProgressType) {
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Bar = exports.Bar = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ", ";\n\n  &.active {\n    background-color: ", ";\n  }\n\n  &.current {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n  }\n\n  &.inverted.active {\n    background-color: ", ";\n  }\n\n  &.inverted.current {\n    background-color: ", ";\n  }\n\n"])), props => _styles.COLORS.getColor('neutral_100', props.theme), props => _styles.COLORS.getColor('accent1_400', props.theme), props => _styles.COLORS.getColor('accent1_800', props.theme), props => _styles.COLORS.getColor('neutral_600', props.theme), props => _styles.COLORS.getColor('accent1_400', props.theme), props => _styles.COLORS.getColor('white', props.theme));
+const Dot = exports.Dot = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ", ";\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ", ";\n  }\n\n  &.current:after {\n    background-color: ", ";\n  }\n\n  &.inverted:after {\n    background-color: ", ";\n  }\n\n  &.inverted.active:after {\n    background-color: ", ";\n  }\n\n  &.inverted.current:after {\n    background-color: ", ";\n  }\n"])), props => _styles.COLORS.getColor('neutral_400', props.theme), props => _styles.COLORS.getColor('accent1_600', props.theme), props => _styles.COLORS.getColor('accent1_800', props.theme), props => _styles.COLORS.getColor('neutral_400', props.theme), props => _styles.COLORS.getColor('accent1_400', props.theme), props => _styles.COLORS.getColor('white', props.theme));
+const LineFill = exports.LineFill = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n"])));
+const Line = exports.Line = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ", " {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ", ";\n\n  ", " {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n\n    &:after,\n    &:before {\n      background-color: ", ";\n    }\n\n    ", " {\n      background-color: ", ";\n    }\n  }\n"])), props => _styles.COLORS.getColor('neutral_500', props.theme), props => _styles.COLORS.getColor('neutral_500', props.theme), LineFill, LineFill, LineFill, props => _styles.COLORS.getColor('neutral_100', props.theme), LineFill, props => _styles.COLORS.getColor('accent1_500', props.theme), props => _styles.COLORS.getColor('neutral_700', props.theme), props => _styles.COLORS.getColor('neutral_400', props.theme), LineFill, props => _styles.COLORS.getColor('accent1_400', props.theme));
+const Label = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), props => _styles.COLORS.getColor('black', props.theme));
+const Content = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n"])));
+const Wrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ", " {\n      color: ", ";\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 4px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 6px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 8px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ", " {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ", " {\n      padding: 0 3px;\n    }\n  }\n"])), Label, props => _styles.COLORS.getColor('white', props.theme), Label, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null), Content, Bar, Bar, Content, Content);
+let LinearProgressType = exports.LinearProgressType = /*#__PURE__*/function (LinearProgressType) {
   LinearProgressType["Dots"] = "dots";
   LinearProgressType["Line"] = "line";
   LinearProgressType["Bars"] = "bars";
-})(LinearProgressType || (exports.LinearProgressType = LinearProgressType = {}));
-var LinearProgressVariant;
-exports.LinearProgressVariant = LinearProgressVariant;
-(function (LinearProgressVariant) {
+  return LinearProgressType;
+}({});
+let LinearProgressVariant = exports.LinearProgressVariant = /*#__PURE__*/function (LinearProgressVariant) {
   LinearProgressVariant["Normal"] = "normal";
   LinearProgressVariant["Inverted"] = "inverted";
-})(LinearProgressVariant || (exports.LinearProgressVariant = LinearProgressVariant = {}));
-var LinearProgress = function LinearProgress(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? LinearProgressType.Line : _ref$type,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? LinearProgressVariant.Normal : _ref$variant,
-    label = _ref.label,
-    value = _ref.value,
-    max = _ref.max,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var renderBars = function renderBars() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: Array.from(Array(max).keys()).map(function (i) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
-          className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size)
-        }, i);
+  return LinearProgressVariant;
+}({});
+const LinearProgress = _ref => {
+  let {
+      size = _types.Size.Medium,
+      type = LinearProgressType.Line,
+      variant = LinearProgressVariant.Normal,
+      label,
+      value,
+      max,
+      className
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const renderBars = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: Array.from(Array(max).keys()).map(i => /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
+      className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size)
+    }, i))
+  });
+  const renderDots = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: Array.from(Array(max).keys()).map(i => /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
+      className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size)
+    }, i))
+  });
+  const renderLine = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
+      className: "".concat(variant, " ").concat(size),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LineFill, {
+        style: {
+          width: "".concat(value / max * 100, "%")
+        }
       })
-    });
-  };
-  var renderDots = function renderDots() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: Array.from(Array(max).keys()).map(function (i) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
-          className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size)
-        }, i);
-      })
-    });
-  };
-  var renderLine = function renderLine() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
-        className: "".concat(variant, " ").concat(size),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LineFill, {
-          style: {
-            width: "".concat(value / max * 100, "%")
-          }
-        })
-      })
-    });
-  };
-  var render = function render() {
+    })
+  });
+  const render = () => {
     switch (type) {
       case LinearProgressType.Bars:
         return renderBars();
@@ -148,12 +89,11 @@ var LinearProgress = function LinearProgress(_ref) {
   }));
 };
 LinearProgress.propTypes = {
-  type: _propTypes["default"].oneOf(["dots", "line", "bars"]),
-  variant: _propTypes["default"].oneOf(["normal", "inverted"]),
-  label: _propTypes["default"].string,
-  value: _propTypes["default"].number.isRequired,
-  max: _propTypes["default"].number.isRequired
+  type: _propTypes.default.oneOf(["dots", "line", "bars"]),
+  variant: _propTypes.default.oneOf(["normal", "inverted"]),
+  label: _propTypes.default.string,
+  value: _propTypes.default.number.isRequired,
+  max: _propTypes.default.number.isRequired
 };
-var _default = LinearProgress;
-exports["default"] = _default;
+var _default = exports.default = LinearProgress;
 //# sourceMappingURL=LinearProgress.cjs.map

package/dist/LinearProgress/LinearProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_styles","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Bar","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","exports","Dot","LineFill","Line","Label","Content","Wrapper","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","_ref$size","size","Size","Medium","_ref$type","type","_ref$variant","variant","Normal","label","value","max","className","rest","_objectWithoutProperties2","renderBars","jsx","Fragment","children","Array","from","map","i","concat","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","jsxs","propTypes","_propTypes","oneOf","string","number","isRequired","_default"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\n\r\nexport const Bar = styled.div`\r\n  flex: 1;\r\n  height: 6px;\r\n\r\n  &.small {\r\n    height: 6px;\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nexport const Dot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    &:after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    &:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n\r\n  &.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const LineFill = styled.div`\r\n  height: 100%;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    left: 0;\r\n  }\r\n\r\n  &.small {\r\n    height: 6px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 3px;\r\n      border-top-right-radius: 6px;\r\n      border-bottom-right-radius: 6px;\r\n    }\r\n\r\n    &:before {\r\n      width: 3px;\r\n      border-top-left-radius: 6px;\r\n      border-bottom-left-radius: 6px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      border-top-right-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      border-top-left-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    border-radius: 6px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &:after {\r\n      width: 6px;\r\n      border-top-right-radius: 12px;\r\n      border-bottom-right-radius: 12px;\r\n    }\r\n\r\n    &:before {\r\n      width: 6px;\r\n      border-top-left-radius: 12px;\r\n      border-bottom-left-radius: 12px;\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  ${LineFill} {\r\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  height: 16px;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  &.inverted {\r\n    ${Label} {\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${Label} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 4px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 6px;\r\n        border-bottom-left-radius: 6px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${Label} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 6px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 8px;\r\n        border-bottom-left-radius: 8px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 8px;\r\n        border-bottom-right-radius: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${Label} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 8px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 12px;\r\n        border-bottom-left-radius: 12px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 12px;\r\n        border-bottom-right-radius: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dots.small,\r\n  &.dots.medium {\r\n    ${Content} {\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  &.dots.large {\r\n    ${Content} {\r\n      padding: 0 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport enum LinearProgressType {\r\n  Dots = 'dots',\r\n  Line = 'line',\r\n  Bars = 'bars',\r\n}\r\n\r\nexport enum LinearProgressVariant {\r\n  Normal = 'normal',\r\n  Inverted = 'inverted',\r\n}\r\n\r\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Size of the component. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Progress type. Defaults to 'line' */\r\n  type?: LinearProgressType;\r\n  /** Progress variant. Defaults to 'normal' */\r\n  variant?: LinearProgressVariant;\r\n  /** Label of the component */\r\n  label?: string;\r\n /** Current value on the progress. */\r\n  value: number;\r\n  /** Maximum value of the progress bar. */\r\n  max: number;\r\n}\r\n\r\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\r\n                                                                        size = Size.Medium,\r\n                                                                        type = LinearProgressType.Line,\r\n                                                                        variant = LinearProgressVariant.Normal,\r\n                                                                        label,\r\n                                                                        value,\r\n                                                                        max,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n\r\n  const renderBars = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Bar key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderDots = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Dot key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderLine = () =>\r\n    <>\r\n      <Line className={`${variant} ${size}`}>\r\n        <LineFill style={{width: `${value / max * 100}%`}}/>\r\n      </Line>\r\n    </>\r\n\r\n\r\n  const render = () => {\r\n    switch (type) {\r\n      case LinearProgressType.Bars:\r\n        return renderBars();\r\n      case LinearProgressType.Dots:\r\n        return renderDots();\r\n      case LinearProgressType.Line:\r\n      default:\r\n        return renderLine();\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\r\n      {label && <Label>{label}</Label>}\r\n      <Content>\r\n        {render()}\r\n      </Content>\r\n    </Wrapper>\r\n  )\r\n};\r\n\r\nexport default LinearProgress;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinearProgress.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_styles","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Bar","exports","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Dot","LineFill","Line","Label","Content","Wrapper","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","size","Size","Medium","type","variant","Normal","label","value","max","className","rest","_objectWithoutProperties2","renderBars","jsx","Fragment","children","Array","from","map","i","concat","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","jsxs","propTypes","_propTypes","oneOf","string","number","isRequired","_default"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\n\r\nexport const Bar = styled.div`\r\n  flex: 1;\r\n  height: 6px;\r\n\r\n  &.small {\r\n    height: 6px;\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nexport const Dot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    &:after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    &:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n\r\n  &.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const LineFill = styled.div`\r\n  height: 100%;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    left: 0;\r\n  }\r\n\r\n  &.small {\r\n    height: 6px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 3px;\r\n      border-top-right-radius: 6px;\r\n      border-bottom-right-radius: 6px;\r\n    }\r\n\r\n    &:before {\r\n      width: 3px;\r\n      border-top-left-radius: 6px;\r\n      border-bottom-left-radius: 6px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      border-top-right-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      border-top-left-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    border-radius: 6px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &:after {\r\n      width: 6px;\r\n      border-top-right-radius: 12px;\r\n      border-bottom-right-radius: 12px;\r\n    }\r\n\r\n    &:before {\r\n      width: 6px;\r\n      border-top-left-radius: 12px;\r\n      border-bottom-left-radius: 12px;\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  ${LineFill} {\r\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  height: 16px;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  &.inverted {\r\n    ${Label} {\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${Label} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 4px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 6px;\r\n        border-bottom-left-radius: 6px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${Label} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 6px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 8px;\r\n        border-bottom-left-radius: 8px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 8px;\r\n        border-bottom-right-radius: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${Label} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 8px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 12px;\r\n        border-bottom-left-radius: 12px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 12px;\r\n        border-bottom-right-radius: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dots.small,\r\n  &.dots.medium {\r\n    ${Content} {\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  &.dots.large {\r\n    ${Content} {\r\n      padding: 0 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport enum LinearProgressType {\r\n  Dots = 'dots',\r\n  Line = 'line',\r\n  Bars = 'bars',\r\n}\r\n\r\nexport enum LinearProgressVariant {\r\n  Normal = 'normal',\r\n  Inverted = 'inverted',\r\n}\r\n\r\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Size of the component. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Progress type. Defaults to 'line' */\r\n  type?: LinearProgressType;\r\n  /** Progress variant. Defaults to 'normal' */\r\n  variant?: LinearProgressVariant;\r\n  /** Label of the component */\r\n  label?: string;\r\n /** Current value on the progress. */\r\n  value: number;\r\n  /** Maximum value of the progress bar. */\r\n  max: number;\r\n}\r\n\r\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\r\n                                                                        size = Size.Medium,\r\n                                                                        type = LinearProgressType.Line,\r\n                                                                        variant = LinearProgressVariant.Normal,\r\n                                                                        label,\r\n                                                                        value,\r\n                                                                        max,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n\r\n  const renderBars = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Bar key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderDots = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Dot key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderLine = () =>\r\n    <>\r\n      <Line className={`${variant} ${size}`}>\r\n        <LineFill style={{width: `${value / max * 100}%`}}/>\r\n      </Line>\r\n    </>\r\n\r\n\r\n  const render = () => {\r\n    switch (type) {\r\n      case LinearProgressType.Bars:\r\n        return renderBars();\r\n      case LinearProgressType.Dots:\r\n        return renderDots();\r\n      case LinearProgressType.Line:\r\n      default:\r\n        return renderLine();\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\r\n      {label && <Label>{label}</Label>}\r\n      <Content>\r\n        {render()}\r\n      </Content>\r\n    </Wrapper>\r\n  )\r\n};\r\n\r\nexport default LinearProgress;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/LinearProgress/LinearProgress.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _excluded = ["size", "type", "variant", "label", "value", "max", "className"];
+const _excluded = ["size", "type", "variant", "label", "value", "max", "className"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -10,112 +10,57 @@ import React from 'react';
 import { Size } from '../types';
 import styled from 'styled-components';
 import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var Bar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ", ";\n\n  &.active {\n    background-color: ", ";\n  }\n\n  &.current {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n  }\n\n  &.inverted.active {\n    background-color: ", ";\n  }\n\n  &.inverted.current {\n    background-color: ", ";\n  }\n\n"])), function (props) {
-  return COLORS.getColor('neutral_100', props.theme);
-}, function (props) {
-  return COLORS.getColor('accent1_400', props.theme);
-}, function (props) {
-  return COLORS.getColor('accent1_800', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_600', props.theme);
-}, function (props) {
-  return COLORS.getColor('accent1_400', props.theme);
-}, function (props) {
-  return COLORS.getColor('white', props.theme);
-});
-export var Dot = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ", ";\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ", ";\n  }\n\n  &.current:after {\n    background-color: ", ";\n  }\n\n  &.inverted:after {\n    background-color: ", ";\n  }\n\n  &.inverted.active:after {\n    background-color: ", ";\n  }\n\n  &.inverted.current:after {\n    background-color: ", ";\n  }\n"])), function (props) {
-  return COLORS.getColor('neutral_400', props.theme);
-}, function (props) {
-  return COLORS.getColor('accent1_600', props.theme);
-}, function (props) {
-  return COLORS.getColor('accent1_800', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_400', props.theme);
-}, function (props) {
-  return COLORS.getColor('accent1_400', props.theme);
-}, function (props) {
-  return COLORS.getColor('white', props.theme);
-});
-export var LineFill = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n"])));
-export var Line = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ", " {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ", ";\n\n  ", " {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n\n    &:after,\n    &:before {\n      background-color: ", ";\n    }\n\n    ", " {\n      background-color: ", ";\n    }\n  }\n"])), function (props) {
-  return COLORS.getColor('neutral_500', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_500', props.theme);
-}, LineFill, LineFill, LineFill, function (props) {
-  return COLORS.getColor('neutral_100', props.theme);
-}, LineFill, function (props) {
-  return COLORS.getColor('accent1_500', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_700', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_400', props.theme);
-}, LineFill, function (props) {
-  return COLORS.getColor('accent1_400', props.theme);
-});
-var Label = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (props) {
-  return COLORS.getColor('black', props.theme);
-});
-var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n"])));
-var Wrapper = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ", " {\n      color: ", ";\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 4px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 6px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 8px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ", " {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ", " {\n      padding: 0 3px;\n    }\n  }\n"])), Label, function (props) {
-  return COLORS.getColor('white', props.theme);
-}, Label, ComponentSStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, ComponentMStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, ComponentLStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Content, Content);
-export var LinearProgressType;
-(function (LinearProgressType) {
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const Bar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ", ";\n\n  &.active {\n    background-color: ", ";\n  }\n\n  &.current {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n  }\n\n  &.inverted.active {\n    background-color: ", ";\n  }\n\n  &.inverted.current {\n    background-color: ", ";\n  }\n\n"])), props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('accent1_400', props.theme), props => COLORS.getColor('accent1_800', props.theme), props => COLORS.getColor('neutral_600', props.theme), props => COLORS.getColor('accent1_400', props.theme), props => COLORS.getColor('white', props.theme));
+export const Dot = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ", ";\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ", ";\n  }\n\n  &.current:after {\n    background-color: ", ";\n  }\n\n  &.inverted:after {\n    background-color: ", ";\n  }\n\n  &.inverted.active:after {\n    background-color: ", ";\n  }\n\n  &.inverted.current:after {\n    background-color: ", ";\n  }\n"])), props => COLORS.getColor('neutral_400', props.theme), props => COLORS.getColor('accent1_600', props.theme), props => COLORS.getColor('accent1_800', props.theme), props => COLORS.getColor('neutral_400', props.theme), props => COLORS.getColor('accent1_400', props.theme), props => COLORS.getColor('white', props.theme));
+export const LineFill = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n"])));
+export const Line = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ", ";\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ", " {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ", " {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ", ";\n\n  ", " {\n    background-color: ", ";\n  }\n\n  &.inverted {\n    background-color: ", ";\n\n    &:after,\n    &:before {\n      background-color: ", ";\n    }\n\n    ", " {\n      background-color: ", ";\n    }\n  }\n"])), props => COLORS.getColor('neutral_500', props.theme), props => COLORS.getColor('neutral_500', props.theme), LineFill, LineFill, LineFill, props => COLORS.getColor('neutral_100', props.theme), LineFill, props => COLORS.getColor('accent1_500', props.theme), props => COLORS.getColor('neutral_700', props.theme), props => COLORS.getColor('neutral_400', props.theme), LineFill, props => COLORS.getColor('accent1_400', props.theme));
+const Label = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), props => COLORS.getColor('black', props.theme));
+const Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n"])));
+const Wrapper = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ", " {\n      color: ", ";\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 4px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 6px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ", " {\n      ", "\n    }\n\n    ", " {\n      gap: 8px;\n\n      ", ":first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ", ":last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ", " {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ", " {\n      padding: 0 3px;\n    }\n  }\n"])), Label, props => COLORS.getColor('white', props.theme), Label, ComponentSStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, ComponentMStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Label, ComponentLStyling(ComponentTextStyle.Regular, null), Content, Bar, Bar, Content, Content);
+export let LinearProgressType = /*#__PURE__*/function (LinearProgressType) {
   LinearProgressType["Dots"] = "dots";
   LinearProgressType["Line"] = "line";
   LinearProgressType["Bars"] = "bars";
-})(LinearProgressType || (LinearProgressType = {}));
-export var LinearProgressVariant;
-(function (LinearProgressVariant) {
+  return LinearProgressType;
+}({});
+export let LinearProgressVariant = /*#__PURE__*/function (LinearProgressVariant) {
   LinearProgressVariant["Normal"] = "normal";
   LinearProgressVariant["Inverted"] = "inverted";
-})(LinearProgressVariant || (LinearProgressVariant = {}));
-var LinearProgress = function LinearProgress(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Medium : _ref$size,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? LinearProgressType.Line : _ref$type,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? LinearProgressVariant.Normal : _ref$variant,
-    label = _ref.label,
-    value = _ref.value,
-    max = _ref.max,
-    className = _ref.className,
+  return LinearProgressVariant;
+}({});
+const LinearProgress = _ref => {
+  let {
+      size = Size.Medium,
+      type = LinearProgressType.Line,
+      variant = LinearProgressVariant.Normal,
+      label,
+      value,
+      max,
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var renderBars = function renderBars() {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: Array.from(Array(max).keys()).map(function (i) {
-        return /*#__PURE__*/_jsx(Bar, {
-          className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size)
-        }, i);
+  const renderBars = () => /*#__PURE__*/_jsx(_Fragment, {
+    children: Array.from(Array(max).keys()).map(i => /*#__PURE__*/_jsx(Bar, {
+      className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size)
+    }, i))
+  });
+  const renderDots = () => /*#__PURE__*/_jsx(_Fragment, {
+    children: Array.from(Array(max).keys()).map(i => /*#__PURE__*/_jsx(Dot, {
+      className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size)
+    }, i))
+  });
+  const renderLine = () => /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Line, {
+      className: "".concat(variant, " ").concat(size),
+      children: /*#__PURE__*/_jsx(LineFill, {
+        style: {
+          width: "".concat(value / max * 100, "%")
+        }
       })
-    });
-  };
-  var renderDots = function renderDots() {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: Array.from(Array(max).keys()).map(function (i) {
-        return /*#__PURE__*/_jsx(Dot, {
-          className: "".concat(Math.ceil(value) >= i + 1 ? 'active' : '', " ").concat(Math.ceil(value) === i + 1 ? 'current' : '', " ").concat(variant, " ").concat(size)
-        }, i);
-      })
-    });
-  };
-  var renderLine = function renderLine() {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(Line, {
-        className: "".concat(variant, " ").concat(size),
-        children: /*#__PURE__*/_jsx(LineFill, {
-          style: {
-            width: "".concat(value / max * 100, "%")
-          }
-        })
-      })
-    });
-  };
-  var render = function render() {
+    })
+  });
+  const render = () => {
     switch (type) {
       case LinearProgressType.Bars:
         return renderBars();

package/dist/LinearProgress/LinearProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Bar","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Dot","_templateObject2","LineFill","_templateObject3","Line","_templateObject4","Label","_templateObject5","Content","_templateObject6","Wrapper","_templateObject7","Regular","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","_ref$size","size","Medium","_ref$type","type","_ref$variant","variant","Normal","label","value","max","className","rest","_objectWithoutProperties","_excluded","renderBars","children","Array","from","keys","map","i","concat","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","_objectSpread","propTypes","_pt","oneOf","string","number","isRequired"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\n\r\nexport const Bar = styled.div`\r\n  flex: 1;\r\n  height: 6px;\r\n\r\n  &.small {\r\n    height: 6px;\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nexport const Dot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    &:after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    &:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n\r\n  &.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const LineFill = styled.div`\r\n  height: 100%;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    left: 0;\r\n  }\r\n\r\n  &.small {\r\n    height: 6px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 3px;\r\n      border-top-right-radius: 6px;\r\n      border-bottom-right-radius: 6px;\r\n    }\r\n\r\n    &:before {\r\n      width: 3px;\r\n      border-top-left-radius: 6px;\r\n      border-bottom-left-radius: 6px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      border-top-right-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      border-top-left-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    border-radius: 6px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &:after {\r\n      width: 6px;\r\n      border-top-right-radius: 12px;\r\n      border-bottom-right-radius: 12px;\r\n    }\r\n\r\n    &:before {\r\n      width: 6px;\r\n      border-top-left-radius: 12px;\r\n      border-bottom-left-radius: 12px;\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  ${LineFill} {\r\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  height: 16px;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  &.inverted {\r\n    ${Label} {\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${Label} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 4px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 6px;\r\n        border-bottom-left-radius: 6px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${Label} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 6px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 8px;\r\n        border-bottom-left-radius: 8px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 8px;\r\n        border-bottom-right-radius: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${Label} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 8px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 12px;\r\n        border-bottom-left-radius: 12px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 12px;\r\n        border-bottom-right-radius: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dots.small,\r\n  &.dots.medium {\r\n    ${Content} {\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  &.dots.large {\r\n    ${Content} {\r\n      padding: 0 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport enum LinearProgressType {\r\n  Dots = 'dots',\r\n  Line = 'line',\r\n  Bars = 'bars',\r\n}\r\n\r\nexport enum LinearProgressVariant {\r\n  Normal = 'normal',\r\n  Inverted = 'inverted',\r\n}\r\n\r\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Size of the component. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Progress type. Defaults to 'line' */\r\n  type?: LinearProgressType;\r\n  /** Progress variant. Defaults to 'normal' */\r\n  variant?: LinearProgressVariant;\r\n  /** Label of the component */\r\n  label?: string;\r\n /** Current value on the progress. */\r\n  value: number;\r\n  /** Maximum value of the progress bar. */\r\n  max: number;\r\n}\r\n\r\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\r\n                                                                        size = Size.Medium,\r\n                                                                        type = LinearProgressType.Line,\r\n                                                                        variant = LinearProgressVariant.Normal,\r\n                                                                        label,\r\n                                                                        value,\r\n                                                                        max,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n\r\n  const renderBars = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Bar key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderDots = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Dot key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderLine = () =>\r\n    <>\r\n      <Line className={`${variant} ${size}`}>\r\n        <LineFill style={{width: `${value / max * 100}%`}}/>\r\n      </Line>\r\n    </>\r\n\r\n\r\n  const render = () => {\r\n    switch (type) {\r\n      case LinearProgressType.Bars:\r\n        return renderBars();\r\n      case LinearProgressType.Dots:\r\n        return renderDots();\r\n      case LinearProgressType.Line:\r\n      default:\r\n        return renderLine();\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\r\n      {label && <Label>{label}</Label>}\r\n      <Content>\r\n        {render()}\r\n      </Content>\r\n    </Wrapper>\r\n  )\r\n};\r\n\r\nexport default LinearProgress;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinearProgress.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Bar","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Dot","_templateObject2","LineFill","_templateObject3","Line","_templateObject4","Label","_templateObject5","Content","_templateObject6","Wrapper","_templateObject7","Regular","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","size","Medium","type","variant","Normal","label","value","max","className","rest","_objectWithoutProperties","_excluded","renderBars","children","Array","from","keys","map","i","concat","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","_objectSpread","propTypes","_pt","oneOf","string","number","isRequired"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\n\r\nexport const Bar = styled.div`\r\n  flex: 1;\r\n  height: 6px;\r\n\r\n  &.small {\r\n    height: 6px;\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nexport const Dot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    &:after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    &:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n\r\n  &.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const LineFill = styled.div`\r\n  height: 100%;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    left: 0;\r\n  }\r\n\r\n  &.small {\r\n    height: 6px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 3px;\r\n      border-top-right-radius: 6px;\r\n      border-bottom-right-radius: 6px;\r\n    }\r\n\r\n    &:before {\r\n      width: 3px;\r\n      border-top-left-radius: 6px;\r\n      border-bottom-left-radius: 6px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      border-top-right-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      border-top-left-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    border-radius: 6px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &:after {\r\n      width: 6px;\r\n      border-top-right-radius: 12px;\r\n      border-bottom-right-radius: 12px;\r\n    }\r\n\r\n    &:before {\r\n      width: 6px;\r\n      border-top-left-radius: 12px;\r\n      border-bottom-left-radius: 12px;\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  ${LineFill} {\r\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  height: 16px;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  &.inverted {\r\n    ${Label} {\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${Label} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 4px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 6px;\r\n        border-bottom-left-radius: 6px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${Label} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 6px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 8px;\r\n        border-bottom-left-radius: 8px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 8px;\r\n        border-bottom-right-radius: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${Label} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 8px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 12px;\r\n        border-bottom-left-radius: 12px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 12px;\r\n        border-bottom-right-radius: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dots.small,\r\n  &.dots.medium {\r\n    ${Content} {\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  &.dots.large {\r\n    ${Content} {\r\n      padding: 0 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport enum LinearProgressType {\r\n  Dots = 'dots',\r\n  Line = 'line',\r\n  Bars = 'bars',\r\n}\r\n\r\nexport enum LinearProgressVariant {\r\n  Normal = 'normal',\r\n  Inverted = 'inverted',\r\n}\r\n\r\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Size of the component. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Progress type. Defaults to 'line' */\r\n  type?: LinearProgressType;\r\n  /** Progress variant. Defaults to 'normal' */\r\n  variant?: LinearProgressVariant;\r\n  /** Label of the component */\r\n  label?: string;\r\n /** Current value on the progress. */\r\n  value: number;\r\n  /** Maximum value of the progress bar. */\r\n  max: number;\r\n}\r\n\r\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\r\n                                                                        size = Size.Medium,\r\n                                                                        type = LinearProgressType.Line,\r\n                                                                        variant = LinearProgressVariant.Normal,\r\n                                                                        label,\r\n                                                                        value,\r\n                                                                        max,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n\r\n  const renderBars = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Bar key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderDots = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Dot key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderLine = () =>\r\n    <>\r\n      <Line className={`${variant} ${size}`}>\r\n        <LineFill style={{width: `${value / max * 100}%`}}/>\r\n      </Line>\r\n    </>\r\n\r\n\r\n  const render = () => {\r\n    switch (type) {\r\n      case LinearProgressType.Bars:\r\n        return renderBars();\r\n      case LinearProgressType.Dots:\r\n        return renderDots();\r\n      case LinearProgressType.Line:\r\n      default:\r\n        return renderLine();\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\r\n      {label && <Label>{label}</Label>}\r\n      <Content>\r\n        {render()}\r\n      </Content>\r\n    </Wrapper>\r\n  )\r\n};\r\n\r\nexport default LinearProgress;\r\n"],"mappings":"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","ignoreList":[]}