@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Pagination/styles.js

@@ -1,78 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SmallPageInfo = exports.PreviousNavigationButton = exports.PaginationList = exports.PaginationItem = exports.PaginationButton = exports.PageWrap = exports.NextNavigationButton = exports.LargeViewWrap = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function paginationButtonStyles(variant, isActivePage, color, grayColor, numberOfPageColor, disabled, theme) {
-  if (variant === 'outlined') return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      border: 1.4px solid ", ";\n      background-color: transparent;\n      color: ", ";\n      ", "\n    "])), grayColor, numberOfPageColor, isActivePage && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        background-color: ", ";\n        border-color: ", ";\n        color: ", ";\n      "])), disabled ? theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.disabled : color, disabled ? theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.disabled : color, theme === null || theme === void 0 ? void 0 : theme.colors.neutral.white));
-  if (variant === 'text') return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      border: none;\n      background-color: transparent;\n      color: ", ";\n      ", "\n    "])), theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.default, isActivePage && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        background-color: ", ";\n        border: 1.4px solid ", ";\n        color: ", ";\n      "])), disabled ? theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.disabled : color, disabled ? theme === null || theme === void 0 ? void 0 : theme.colors.tertiary.disabled : color, theme === null || theme === void 0 ? void 0 : theme.colors.neutral.white));
-}
-var PaginationList = _styled.default.ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  list-style: none;\n  height: 42px;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  ", "\n"])), function (_ref) {
-  var shape = _ref.shape,
-    size = _ref.size;
-  return shape === 'circular' && size === 'large' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      gap: 14px;\n    "])));
-});
-exports.PaginationList = PaginationList;
-var PaginationItem = _styled.default.li(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: block;\n  height: 100%;\n  padding: 0;\n  box-sizing: border-box;\n"])));
-exports.PaginationItem = PaginationItem;
-var PaginationButton = _styled.default.button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 58px;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  cursor: pointer;\n  font-weight: 600;\n  display: block;\n  border: none;\n  box-sizing: border-box;\n  font-size: 16px;\n  line-height: 1.5;\n  font-family: 'Poppins', sans-serif;\n  ", "\n  ", "\n  ", "\n"])), function (_ref2) {
-  var _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'outlined' : _ref2$variant,
-    _ref2$isActivePage = _ref2.isActivePage,
-    isActivePage = _ref2$isActivePage === void 0 ? false : _ref2$isActivePage,
-    disabled = _ref2.disabled,
-    color = _ref2.color,
-    grayColor = _ref2.grayColor,
-    numberOfPageColor = _ref2.numberOfPageColor,
-    theme = _ref2.theme;
-  return paginationButtonStyles(variant, isActivePage, color, grayColor, numberOfPageColor, disabled, theme);
-}, function (_ref3) {
-  var shape = _ref3.shape;
-  return shape === 'circular' && (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      overflow: hidden;\n      width: 42px;\n    "])));
-}, function (_ref4) {
-  var disabled = _ref4.disabled;
-  return disabled && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
-});
-exports.PaginationButton = PaginationButton;
-var PreviousNavigationButton = _styled.default.button(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
-  var theme = _ref5.theme,
-    disabled = _ref5.disabled,
-    shape = _ref5.shape,
-    grayColor = _ref5.grayColor,
-    color = _ref5.color;
-  return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    border-radius: 8px 0 0 8px;\n    border: 2px solid\n      ", ";\n    color: ", ";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n\n    ", "\n    ", "\n  "])), disabled ? theme.colors.neutral.neutral1 : grayColor || theme.colors.tertiary.default, disabled ? theme.colors.neutral.neutral1 : grayColor || theme.colors.tertiary.default, !disabled ? (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ", ";\n            color: ", ";\n          }\n        "])), color || theme.colors.tertiary.default, color || theme.colors.tertiary.default) : (0, _react.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))), shape === 'circular' && (0, _react.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))));
-});
-exports.PreviousNavigationButton = PreviousNavigationButton;
-var NextNavigationButton = _styled.default.button(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
-  var theme = _ref6.theme,
-    disabled = _ref6.disabled,
-    shape = _ref6.shape,
-    grayColor = _ref6.grayColor,
-    saturationColor = _ref6.saturationColor,
-    color = _ref6.color;
-  return (0, _react.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    border-radius: 0 8px 8px 0;\n    border: 2px solid\n      ", ";\n    color: ", ";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n    ", "\n    ", "\n  "])), disabled ? theme.colors.neutral.neutral1 : grayColor || theme.colors.tertiary.default, disabled ? theme.colors.neutral.neutral1 : grayColor || theme.colors.tertiary.default, !disabled ? (0, _react.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ", ";\n            color: ", ";\n          }\n        "])), color || theme.colors.tertiary.default, color || theme.colors.tertiary.default) : (0, _react.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))), shape === 'circular' && (0, _react.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))));
-});
-exports.NextNavigationButton = NextNavigationButton;
-var SmallPageInfo = _styled.default.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  display: block;\n  min-width: 60px;\n  font-size: 16px;\n  text-align: center;\n  line-height: 1.5;\n  color: ", ";\n  margin: 0 24px;\n"])), function (_ref7) {
-  var grayColor = _ref7.grayColor,
-    theme = _ref7.theme;
-  return grayColor || theme.colors.neutral.neutral5;
-});
-exports.SmallPageInfo = SmallPageInfo;
-var PageWrap = _styled.default.li(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref8) {
-  var variant = _ref8.variant,
-    shape = _ref8.shape,
-    grayColor = _ref8.grayColor,
-    saturationColor = _ref8.saturationColor,
-    numberOfPageColor = _ref8.numberOfPageColor;
-  return (0, _react.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    color: ", ";\n    box-sizing: border-box;\n    cursor: default;\n    color: ", ";\n    min-width: 58px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    ", "\n    ", ";\n  "])), saturationColor, numberOfPageColor, variant === 'outlined' && (0, _react.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      border: 1.4px solid;\n      border-color: ", ";\n    "])), grayColor), shape === 'circular' && (0, _react.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      border-radius: 50%;\n      overflow: hidden;\n      min-width: 42px;\n    "]))));
-});
-exports.PageWrap = PageWrap;
-var LargeViewWrap = _styled.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  height: 100%;\n"])));
-exports.LargeViewWrap = LargeViewWrap;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SmallPageInfo=exports.PreviousNavigationButton=exports.PaginationList=exports.PaginationItem=exports.PaginationButton=exports.PageWrap=exports.NextNavigationButton=exports.LargeViewWrap=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,_templateObject26,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function paginationButtonStyles(variant,isActivePage,color,grayColor,numberOfPageColor,disabled,theme){return"outlined"===variant?(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      border: 1.4px solid ",";\n      background-color: transparent;\n      color: ",";\n      ","\n    "])),grayColor,numberOfPageColor,isActivePage&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        background-color: ",";\n        border-color: ",";\n        color: ",";\n      "])),disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,null===theme||void 0===theme?void 0:theme.colors.neutral.white)):"text"===variant?(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      border: none;\n      background-color: transparent;\n      color: ",";\n      ","\n    "])),null===theme||void 0===theme?void 0:theme.colors.tertiary.default,isActivePage&&(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        background-color: ",";\n        border: 1.4px solid ",";\n        color: ",";\n      "])),disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,null===theme||void 0===theme?void 0:theme.colors.neutral.white)):void 0}var PaginationList=_styled.default.ul(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  list-style: none;\n  height: 42px;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  ","\n"])),function(_ref){var shape=_ref.shape,size=_ref.size;return"circular"===shape&&"large"===size&&(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      gap: 14px;\n    "])))});exports.PaginationList=PaginationList;var PaginationItem=_styled.default.li(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  display: block;\n  height: 100%;\n  padding: 0;\n  box-sizing: border-box;\n"])));exports.PaginationItem=PaginationItem;var PaginationButton=_styled.default.button(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  width: 58px;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  cursor: pointer;\n  font-weight: 600;\n  display: block;\n  border: none;\n  box-sizing: border-box;\n  font-size: 16px;\n  line-height: 1.5;\n  font-family: 'Poppins', sans-serif;\n  ","\n  ","\n  ","\n"])),function(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"outlined":_ref2$variant,_ref2$isActivePage=_ref2.isActivePage,disabled=_ref2.disabled,color=_ref2.color,grayColor=_ref2.grayColor,numberOfPageColor=_ref2.numberOfPageColor,theme=_ref2.theme;return paginationButtonStyles(variant,void 0!==_ref2$isActivePage&&_ref2$isActivePage,color,grayColor,numberOfPageColor,disabled,theme)},function(_ref3){var shape=_ref3.shape;return"circular"===shape&&(0,_react.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      border-radius: 50%;\n      overflow: hidden;\n      width: 42px;\n    "])))},function(_ref4){var disabled=_ref4.disabled;return disabled&&(0,_react.css)(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])))});exports.PaginationButton=PaginationButton;var PreviousNavigationButton=_styled.default.button(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref5){var theme=_ref5.theme,disabled=_ref5.disabled,shape=_ref5.shape,grayColor=_ref5.grayColor,color=_ref5.color;return(0,_react.css)(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n    border-radius: 8px 0 0 8px;\n    border: 2px solid\n      ",";\n    color: ",";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n\n    ","\n    ","\n  "])),disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?(0,_react.css)(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))):(0,_react.css)(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ",";\n            color: ",";\n          }\n        "])),color||theme.colors.tertiary.default,color||theme.colors.tertiary.default),"circular"===shape&&(0,_react.css)(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))))});exports.PreviousNavigationButton=PreviousNavigationButton;var NextNavigationButton=_styled.default.button(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref6){var theme=_ref6.theme,disabled=_ref6.disabled,shape=_ref6.shape,grayColor=_ref6.grayColor,saturationColor=_ref6.saturationColor,color=_ref6.color;return(0,_react.css)(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n    border-radius: 0 8px 8px 0;\n    border: 2px solid\n      ",";\n    color: ",";\n    background: none;\n    min-width: 72px;\n    height: 100%;\n    cursor: pointer;\n    transition: 0.2s;\n    ","\n    ","\n  "])),disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?(0,_react.css)(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n          cursor: not-allowed;\n        "]))):(0,_react.css)(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n          &:hover,\n          &:active {\n            border-color: ",";\n            color: ",";\n          }\n        "])),color||theme.colors.tertiary.default,color||theme.colors.tertiary.default),"circular"===shape&&(0,_react.css)(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n      border-radius: 50%;\n      min-width: 42px;\n    "]))))});exports.NextNavigationButton=NextNavigationButton;var SmallPageInfo=_styled.default.span(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n  font-weight: 600;\n  display: block;\n  min-width: 60px;\n  font-size: 16px;\n  text-align: center;\n  line-height: 1.5;\n  color: ",";\n  margin: 0 24px;\n"])),function(_ref7){var grayColor=_ref7.grayColor,theme=_ref7.theme;return grayColor||theme.colors.neutral.neutral5});exports.SmallPageInfo=SmallPageInfo;var PageWrap=_styled.default.li(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref8){var variant=_ref8.variant,shape=_ref8.shape,grayColor=_ref8.grayColor,saturationColor=_ref8.saturationColor,numberOfPageColor=_ref8.numberOfPageColor;return(0,_react.css)(_templateObject23||(_templateObject23=_taggedTemplateLiteral(["\n    color: ",";\n    box-sizing: border-box;\n    cursor: default;\n    color: ",";\n    min-width: 58px;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    ","\n    ",";\n  "])),saturationColor,numberOfPageColor,"outlined"===variant&&(0,_react.css)(_templateObject24||(_templateObject24=_taggedTemplateLiteral(["\n      border: 1.4px solid;\n      border-color: ",";\n    "])),grayColor),"circular"===shape&&(0,_react.css)(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["\n      border-radius: 50%;\n      overflow: hidden;\n      min-width: 42px;\n    "]))))});exports.PageWrap=PageWrap;var LargeViewWrap=_styled.default.div(_templateObject26||(_templateObject26=_taggedTemplateLiteral(["\n  height: 100%;\n"])));exports.LargeViewWrap=LargeViewWrap;

package/dist/components/Progress/Circle/index.js

@@ -1,102 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CircleProgress = CircleProgress;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _colorCheck = require("../../../utils/colorCheck");
-var _getSteps = require("../getSteps");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function CircleProgress(_ref) {
-  var percent = _ref.percent,
-    isAnimated = _ref.isAnimated,
-    percentBarColor = _ref.percentBarColor,
-    size = _ref.size,
-    stroke = _ref.stroke,
-    circleBody = _ref.circleBody,
-    showValue = _ref.showValue,
-    steps = _ref.steps;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    percentProgress = _useState2[0],
-    setPercentProgress = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    metric = _useState4[0],
-    setMetric = _useState4[1];
-  var theme = (0, _react2.useTheme)();
-  var radius = (size || 100) / 2 - (stroke || 10) / 2;
-  var circumference = 2 * Math.PI * radius;
-  var isPercentString = typeof percent === 'string';
-  (0, _react.useEffect)(function () {
-    if (typeof percent === 'string') {
-      setPercentProgress(circumference - 0 / 100 * circumference);
-      if (showValue === 'percent') setMetric(percent);
-      return;
-    }
-    if (typeof percent === 'number') {
-      setPercentProgress(percent <= 100 ? circumference - percent / 100 * circumference : 100);
-      var percentValue = Math.abs(Number(percentProgress) / circumference * 100 - 100);
-      if (showValue === 'percent') setMetric(Math.round(percentValue));
-      if (showValue === 'step' && steps) setMetric((0, _getSteps.getSteps)(steps, percentValue));
-    }
-  }, [percent, circumference, percentProgress, showValue, steps]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CircleArea, {
-    size: size && size + 1,
-    children: [(showValue === 'percent' || showValue === 'step') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Value, {
-      size: size,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: "valueMetric",
-        children: metric
-      }), !isPercentString && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: "metric",
-        children: showValue === 'percent' ? '%' : "/".concat(steps)
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SVGArea, {
-      size: size && size + 1,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("linearGradient", {
-        x1: "1",
-        y1: "0",
-        x2: "1",
-        y2: "1",
-        id: "linear_colors",
-        children: Array.isArray(percentBarColor) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-            offset: "15%",
-            stopColor: (0, _colorCheck.stripThemeColors)(percentBarColor[0], theme.colors) || percentBarColor[0]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-            offset: "70%",
-            stopColor: (0, _colorCheck.stripThemeColors)(percentBarColor[1], theme.colors) || percentBarColor[1]
-          })]
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
-          offset: "100%",
-          stopColor: percentBarColor ? (0, _colorCheck.stripThemeColors)(percentBarColor, theme.colors) || percentBarColor : theme.colors.primary.default
-        })
-      }), circleBody && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SVGSecondCircle, {
-        cx: "50%",
-        cy: "50%",
-        r: radius,
-        strokeWidth: stroke,
-        "shape-rendering": "geometricPrecision"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SVGCircle, {
-        cx: "50%",
-        cy: "50%",
-        r: radius,
-        circumference: circumference,
-        percent: percentProgress,
-        isAnimated: isAnimated,
-        strokeWidth: stroke && stroke + 1,
-        "shape-rendering": "geometricPrecision"
-      })]
-    })]
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CircleProgress=CircleProgress;var _react=require("react"),_react2=require("@emotion/react"),_colorCheck=require("../../../utils/colorCheck"),_getSteps=require("../getSteps"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function CircleProgress(_ref){var percent=_ref.percent,isAnimated=_ref.isAnimated,percentBarColor=_ref.percentBarColor,size=_ref.size,stroke=_ref.stroke,circleBody=_ref.circleBody,showValue=_ref.showValue,steps=_ref.steps,_useState=(0,_react.useState)(0),_useState2=_slicedToArray(_useState,2),percentProgress=_useState2[0],setPercentProgress=_useState2[1],_useState3=(0,_react.useState)(),_useState4=_slicedToArray(_useState3,2),metric=_useState4[0],setMetric=_useState4[1],theme=(0,_react2.useTheme)(),radius=(size||100)/2-(stroke||10)/2,circumference=2*Math.PI*radius;return(0,_react.useEffect)(function(){if("string"==typeof percent)return setPercentProgress(circumference-0/100*circumference),void("percent"===showValue&&setMetric(percent));if("number"==typeof percent){setPercentProgress(100>=percent?circumference-percent/100*circumference:100);var percentValue=Math.abs(100*(+percentProgress/circumference)-100);"percent"===showValue&&setMetric(Math.round(percentValue)),"step"===showValue&&steps&&setMetric((0,_getSteps.getSteps)(steps,percentValue))}},[percent,circumference,percentProgress,showValue,steps]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.CircleArea,{size:size&&size+1,children:[("percent"===showValue||"step"===showValue)&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.Value,{size:size,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("p",{className:"valueMetric",children:metric}),!("string"==typeof percent)&&/*#__PURE__*/(0,_jsxRuntime.jsx)("p",{className:"metric",children:"percent"===showValue?"%":"/".concat(steps)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SVGArea,{size:size&&size+1,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("linearGradient",{x1:"1",y1:"0",x2:"1",y2:"1",id:"linear_colors",children:Array.isArray(percentBarColor)?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("stop",{offset:"15%",stopColor:(0,_colorCheck.stripThemeColors)(percentBarColor[0],theme.colors)||percentBarColor[0]}),/*#__PURE__*/(0,_jsxRuntime.jsx)("stop",{offset:"70%",stopColor:(0,_colorCheck.stripThemeColors)(percentBarColor[1],theme.colors)||percentBarColor[1]})]}):/*#__PURE__*/(0,_jsxRuntime.jsx)("stop",{offset:"100%",stopColor:percentBarColor?(0,_colorCheck.stripThemeColors)(percentBarColor,theme.colors)||percentBarColor:theme.colors.primary.default})}),circleBody&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SVGSecondCircle,{cx:"50%",cy:"50%",r:radius,strokeWidth:stroke,"shape-rendering":"geometricPrecision"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SVGCircle,{cx:"50%",cy:"50%",r:radius,circumference:circumference,percent:percentProgress,isAnimated:isAnimated,strokeWidth:stroke&&stroke+1,"shape-rendering":"geometricPrecision"})]})]})}

package/dist/components/Progress/Circle/styles.js

@@ -1,69 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Value = exports.SVGSecondCircle = exports.SVGCircle = exports.SVGArea = exports.CircleArea = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var CircleArea = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 101 : _ref$size;
-  return size || 101;
-}, function (_ref2) {
-  var size = _ref2.size;
-  return size || 101;
-});
-exports.CircleArea = CircleArea;
-var Value = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: bolder;\n  font-size: ", "px;\n  width: ", "px;\n  height: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .valueMetric {\n    color: ", ";\n  }\n\n  .metric {\n    font-size: ", "px;\n    color: ", ";\n  }\n"])), function (_ref3) {
-  var size = _ref3.size;
-  return size ? size / 4 : 24;
-}, function (_ref4) {
-  var size = _ref4.size;
-  return size || 101;
-}, function (_ref5) {
-  var size = _ref5.size;
-  return size || 101;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors.neutral.black;
-}, function (_ref7) {
-  var size = _ref7.size;
-  return size ? size / 8 : 12;
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.colors.neutral.neutral5;
-});
-exports.Value = Value;
-var SVGArea = _styled.default.svg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  transform: rotate(-90deg);\n"])), function (_ref9) {
-  var size = _ref9.size;
-  return size || 101;
-}, function (_ref10) {
-  var size = _ref10.size;
-  return size || 101;
-});
-exports.SVGArea = SVGArea;
-var SVGCircle = _styled.default.circle(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  stroke: url('#linear_colors');\n  stroke-width: ", "px;\n  border-radius: 10px;\n  fill: transparent;\n  stroke-dasharray: ", ";\n  stroke-dashoffset: ", ";\n  stroke-linecap: round;\n  transition: ", ";\n  shape-rendering: geometricPrecision;\n"])), function (_ref11) {
-  var strokeWidth = _ref11.strokeWidth;
-  return strokeWidth || 11;
-}, function (_ref12) {
-  var circumference = _ref12.circumference;
-  return circumference || 0;
-}, function (_ref13) {
-  var percent = _ref13.percent;
-  return typeof percent === 'number' ? percent : 0;
-}, function (_ref14) {
-  var isAnimated = _ref14.isAnimated;
-  return isAnimated && 'stroke-dashoffset 1s ease';
-});
-exports.SVGCircle = SVGCircle;
-var SVGSecondCircle = _styled.default.circle(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  stroke: ", ";\n  stroke-width: ", "px;\n  border-radius: 10px;\n  fill: transparent;\n  shape-rendering: geometricPrecision;\n"])), function (_ref15) {
-  var theme = _ref15.theme;
-  return theme.colors.neutral.neutral1;
-}, function (_ref16) {
-  var strokeWidth = _ref16.strokeWidth;
-  return strokeWidth || 10;
-});
-exports.SVGSecondCircle = SVGSecondCircle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Value=exports.SVGSecondCircle=exports.SVGCircle=exports.SVGArea=exports.CircleArea=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var CircleArea=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  width: ","px;\n  height: ","px;\n  display: flex;\n  align-items: center;\n"])),function(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?101:_ref$size;return size||101},function(_ref2){var size=_ref2.size;return size||101});exports.CircleArea=CircleArea;var Value=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: bolder;\n  font-size: ","px;\n  width: ","px;\n  height: ","px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .valueMetric {\n    color: ",";\n  }\n\n  .metric {\n    font-size: ","px;\n    color: ",";\n  }\n"])),function(_ref3){var size=_ref3.size;return size?size/4:24},function(_ref4){var size=_ref4.size;return size||101},function(_ref5){var size=_ref5.size;return size||101},function(_ref6){var theme=_ref6.theme;return theme.colors.neutral.black},function(_ref7){var size=_ref7.size;return size?size/8:12},function(_ref8){var theme=_ref8.theme;return theme.colors.neutral.neutral5});exports.Value=Value;var SVGArea=_styled.default.svg(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  width: ","px;\n  height: ","px;\n  transform: rotate(-90deg);\n"])),function(_ref9){var size=_ref9.size;return size||101},function(_ref10){var size=_ref10.size;return size||101});exports.SVGArea=SVGArea;var SVGCircle=_styled.default.circle(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  stroke: url('#linear_colors');\n  stroke-width: ","px;\n  border-radius: 10px;\n  fill: transparent;\n  stroke-dasharray: ",";\n  stroke-dashoffset: ",";\n  stroke-linecap: round;\n  transition: ",";\n  shape-rendering: geometricPrecision;\n"])),function(_ref11){var strokeWidth=_ref11.strokeWidth;return strokeWidth||11},function(_ref12){var circumference=_ref12.circumference;return circumference||0},function(_ref13){var percent=_ref13.percent;return"number"==typeof percent?percent:0},function(_ref14){var isAnimated=_ref14.isAnimated;return isAnimated&&"stroke-dashoffset 1s ease"});exports.SVGCircle=SVGCircle;var SVGSecondCircle=_styled.default.circle(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  stroke: ",";\n  stroke-width: ","px;\n  border-radius: 10px;\n  fill: transparent;\n  shape-rendering: geometricPrecision;\n"])),function(_ref15){var theme=_ref15.theme;return theme.colors.neutral.neutral1},function(_ref16){var strokeWidth=_ref16.strokeWidth;return strokeWidth||10});exports.SVGSecondCircle=SVGSecondCircle;

package/dist/components/Progress/Linear/index.js

@@ -1,62 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinearProgress = LinearProgress;
-var _react = require("react");
-var _Flex = _interopRequireDefault(require("../../../components/Flex"));
-var _getSteps = require("../getSteps");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["height", "showValue", "steps"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function LinearProgress(_ref) {
-  var height = _ref.height,
-    showValue = _ref.showValue,
-    steps = _ref.steps,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    metric = _useState2[0],
-    setMetric = _useState2[1];
-  var isPercentString = typeof props.percent === 'string';
-  (0, _react.useEffect)(function () {
-    if (typeof props.percent === 'string') {
-      setMetric(props.percent);
-    } else {
-      if (showValue === 'percent') setMetric(Math.round(props.percent));
-      if (showValue === 'step' && steps) setMetric((0, _getSteps.getSteps)(steps, props.percent));
-    }
-  }, [props.percent, showValue, steps]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-    alignItems: "flex-end",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ProgressBar, {
-      height: height,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PercentBar, _objectSpread({}, props))
-    }), (showValue === 'percent' || showValue === 'step') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ValueLinear, {
-      height: height,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: "valueMetric",
-        children: metric
-      }), !isPercentString && /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-        className: "metric",
-        children: [" ", showValue === 'percent' ? '%' : "/".concat(steps)]
-      })]
-    })]
-  });
-}
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinearProgress=LinearProgress;var _react=require("react"),_Flex=_interopRequireDefault(require("../../../components/Flex")),_getSteps=require("../getSteps"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["height","showValue","steps"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function LinearProgress(_ref){var height=_ref.height,showValue=_ref.showValue,steps=_ref.steps,props=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(),_useState2=_slicedToArray(_useState,2),metric=_useState2[0],setMetric=_useState2[1],isPercentString="string"==typeof props.percent;return(0,_react.useEffect)(function(){"string"==typeof props.percent?setMetric(props.percent):("percent"===showValue&&setMetric(Math.round(props.percent)),"step"===showValue&&steps&&setMetric((0,_getSteps.getSteps)(steps,props.percent)))},[props.percent,showValue,steps]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{alignItems:"flex-end",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ProgressBar,{height:height,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.PercentBar,_objectSpread({},props))}),("percent"===showValue||"step"===showValue)&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ValueLinear,{height:height,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("p",{className:"valueMetric",children:metric}),!isPercentString&&/*#__PURE__*/(0,_jsxRuntime.jsxs)("p",{className:"metric",children:[" ","percent"===showValue?"%":"/".concat(steps)]})]})]})}

package/dist/components/Progress/Linear/styles.js

@@ -1,66 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ValueLinear = exports.ProgressBar = exports.PercentBar = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("@emotion/react");
-var _colorCheck = require("../../../utils/colorCheck");
-var _getValuesBySize = require("../../../utils/getValuesBySize");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var ProgressBar = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  height: ", "px;\n  border-radius: 10px;\n  overflow: hidden;\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.neutral.neutral1;
-}, function (_ref2) {
-  var height = _ref2.height;
-  return (0, _getValuesBySize.getValuesBySize)({
-    sm: 8,
-    md: 16,
-    lg: 24
-  }, height);
-});
-exports.ProgressBar = ProgressBar;
-var ValueLinear = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", "px;\n  display: flex;\n  font-weight: bolder;\n  font-size: ", "px;\n  align-items: center;\n\n  .valueMetric {\n    color: ", ";\n  }\n\n  .metric {\n    font-size: ", "px;\n\n    color: ", ";\n  }\n  padding-left: 10px;\n"])), function (_ref3) {
-  var height = _ref3.height;
-  return (0, _getValuesBySize.getValuesBySize)({
-    sm: 20,
-    md: 30,
-    lg: 50
-  }, height);
-}, function (_ref4) {
-  var height = _ref4.height;
-  return (0, _getValuesBySize.getValuesBySize)({
-    sm: 10,
-    md: 16,
-    lg: 24
-  }, height);
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.neutral.black;
-}, function (_ref6) {
-  var height = _ref6.height;
-  return (0, _getValuesBySize.getValuesBySize)({
-    sm: 10,
-    md: 11,
-    lg: 12
-  }, height);
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.colors.neutral.neutral5;
-});
-exports.ValueLinear = ValueLinear;
-var PercentBar = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n\n  width: ", "%;\n  max-width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  transition: ", ";\n"])), function (_ref8) {
-  var percentBarColor = _ref8.percentBarColor,
-    theme = _ref8.theme;
-  return percentBarColor && Array.isArray(percentBarColor) ? (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          background-image: linear-gradient(\n            270deg,\n            ", " 0.81%,\n            ", " 100%\n          );\n        "])), (0, _colorCheck.stripThemeColors)(percentBarColor[1], theme.colors) || percentBarColor[1], (0, _colorCheck.stripThemeColors)(percentBarColor[0], theme.colors) || percentBarColor[0]) : (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          background: ", ";\n        "])), percentBarColor ? (0, _colorCheck.stripThemeColors)(percentBarColor, theme.colors) || percentBarColor : theme.colors.primary.default);
-}, function (_ref9) {
-  var percent = _ref9.percent;
-  return typeof percent === 'number' ? percent : 0;
-}, function (_ref10) {
-  var isAnimated = _ref10.isAnimated;
-  return isAnimated ? 'width 1s ease' : '';
-});
-exports.PercentBar = PercentBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ValueLinear=exports.ProgressBar=exports.PercentBar=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_colorCheck=require("../../../utils/colorCheck"),_getValuesBySize=require("../../../utils/getValuesBySize");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ProgressBar=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ",";\n  height: ","px;\n  border-radius: 10px;\n  overflow: hidden;\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.neutral1},function(_ref2){var height=_ref2.height;return(0,_getValuesBySize.getValuesBySize)({sm:8,md:16,lg:24},height)});exports.ProgressBar=ProgressBar;var ValueLinear=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  width: ","px;\n  display: flex;\n  font-weight: bolder;\n  font-size: ","px;\n  align-items: center;\n\n  .valueMetric {\n    color: ",";\n  }\n\n  .metric {\n    font-size: ","px;\n\n    color: ",";\n  }\n  padding-left: 10px;\n"])),function(_ref3){var height=_ref3.height;return(0,_getValuesBySize.getValuesBySize)({sm:20,md:30,lg:50},height)},function(_ref4){var height=_ref4.height;return(0,_getValuesBySize.getValuesBySize)({sm:10,md:16,lg:24},height)},function(_ref5){var theme=_ref5.theme;return theme.colors.neutral.black},function(_ref6){var height=_ref6.height;return(0,_getValuesBySize.getValuesBySize)({sm:10,md:11,lg:12},height)},function(_ref7){var theme=_ref7.theme;return theme.colors.neutral.neutral5});exports.ValueLinear=ValueLinear;var PercentBar=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ",";\n\n  width: ","%;\n  max-width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  transition: ",";\n"])),function(_ref8){var percentBarColor=_ref8.percentBarColor,theme=_ref8.theme;return percentBarColor&&Array.isArray(percentBarColor)?(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n          background-image: linear-gradient(\n            270deg,\n            "," 0.81%,\n            "," 100%\n          );\n        "])),(0,_colorCheck.stripThemeColors)(percentBarColor[1],theme.colors)||percentBarColor[1],(0,_colorCheck.stripThemeColors)(percentBarColor[0],theme.colors)||percentBarColor[0]):(0,_react.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n          background: ",";\n        "])),percentBarColor?(0,_colorCheck.stripThemeColors)(percentBarColor,theme.colors)||percentBarColor:theme.colors.primary.default)},function(_ref9){var percent=_ref9.percent;return"number"==typeof percent?percent:0},function(_ref10){var isAnimated=_ref10.isAnimated;return isAnimated?"width 1s ease":""});exports.PercentBar=PercentBar;

package/dist/components/Progress/getSteps.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSteps = void 0;
-var getSteps = function getSteps(v, percent) {
-  var steps = function steps(i) {
-    return 100 / v * i;
-  };
-  for (var i = 0; i <= v; i++) {
-    if (percent <= 100 && percent >= steps(i) && percent <= steps(i + 1)) {
-      return i + 1;
-    }
-  }
-};
-exports.getSteps = getSteps;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSteps=void 0;var getSteps=function(v,percent){for(var steps=function(i){return 100/v*i},i=0;i<=v;i++)if(100>=percent&&percent>=steps(i)&&percent<=steps(i+1))return i+1};exports.getSteps=getSteps;

package/dist/components/Progress/index.js

@@ -1,39 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Progress = Progress;
-exports.default = void 0;
-var _Circle = require("./Circle");
-var _Linear = require("./Linear");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["height", "size", "stroke", "circleBody", "type", "color"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function Progress(_ref) {
-  var height = _ref.height,
-    size = _ref.size,
-    stroke = _ref.stroke,
-    circleBody = _ref.circleBody,
-    type = _ref.type,
-    color = _ref.color,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return type === 'circle' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Circle.CircleProgress, _objectSpread(_objectSpread({}, props), {}, {
-    percentBarColor: color,
-    circleBody: circleBody,
-    stroke: stroke,
-    size: size
-  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Linear.LinearProgress, _objectSpread(_objectSpread({}, props), {}, {
-    percentBarColor: color,
-    height: height
-  }));
-}
-var _default = Progress;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Progress=Progress,exports.default=void 0;var _Circle=require("./Circle"),_Linear=require("./Linear"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["height","size","stroke","circleBody","type","color"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Progress(_ref){var height=_ref.height,size=_ref.size,stroke=_ref.stroke,circleBody=_ref.circleBody,type=_ref.type,color=_ref.color,props=_objectWithoutProperties(_ref,_excluded);return"circle"===type?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Circle.CircleProgress,_objectSpread(_objectSpread({},props),{},{percentBarColor:color,circleBody:circleBody,stroke:stroke,size:size})):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Linear.LinearProgress,_objectSpread(_objectSpread({},props),{},{percentBarColor:color,height:height}))}var _default=Progress;exports.default=_default;