@pedidopago/ui 1.16.41 → 1.16.42

package/dist/components/Progress/Circle/index.d.ts

@@ -1,3 +1,3 @@
 import { CircleProps } from './types';
-export declare function CircleProgress({ percent, isAnimated, percentBarColor, size, stroke, circleBody, showValue, steps, }: CircleProps): import("react/jsx-runtime").JSX.Element;
+export declare function CircleProgress({ percent, isAnimated, percentBarColor, size, stroke, circleBody, showValue, steps, bgColor, }: CircleProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/Circle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,eAAe,EACf,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE,WAAW,2CAoFb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,eAAe,EACf,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,WAAW,2CAqFb"}

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

@@ -1 +1 @@
-"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"})]})]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CircleProgress=CircleProgress;var _react=require("@emotion/react"),_react2=require("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,bgColor=_ref.bgColor,_useState=(0,_react2.useState)(0),_useState2=_slicedToArray(_useState,2),percentProgress=_useState2[0],setPercentProgress=_useState2[1],_useState3=(0,_react2.useState)(),_useState4=_slicedToArray(_useState3,2),metric=_useState4[0],setMetric=_useState4[1],theme=(0,_react.useTheme)(),radius=(size||100)/2-(stroke||10)/2,circumference=2*Math.PI*radius;return(0,_react2.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,{bgColor:bgColor,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.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DisplayValueProps } from '../types';
-import { CircleStyleProps, CircleBodyProps } from './types';
+import { CircleBodyProps, CircleStyleProps } from './types';
 export declare const CircleArea: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/Progress/Circle/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,UAAU;;;;;yGAKtB,CAAC;AAEF,eAAO,MAAM,KAAK;;;6HAkBjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;+CAInB,CAAC;AACF,eAAO,MAAM,SAAS;;;qEAUrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;oEAM3B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,UAAU;;;;;yGAKtB,CAAC;AAEF,eAAO,MAAM,KAAK;;;6HAkBjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;+CAInB,CAAC;AACF,eAAO,MAAM,SAAS;;;qEAUrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;oEAM3B,CAAC"}

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

@@ -1 +1 @@
-"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;
+"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,bgColor=_ref15.bgColor;return bgColor||theme.colors.neutral.neutral1},function(_ref16){var strokeWidth=_ref16.strokeWidth;return strokeWidth||10});exports.SVGSecondCircle=SVGSecondCircle;

package/dist/components/Progress/Circle/types.d.ts

@@ -15,5 +15,6 @@ export interface CircleStyleProps {
 }
 export interface CircleBodyProps {
     strokeWidth?: number;
+    bgColor?: GlobalColorsProps | (string & {});
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Progress/Circle/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,iBAAiB,GAAG,iBAAiB,EAAE,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,iBAAiB,GAAG,iBAAiB,EAAE,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC7C"}

package/dist/components/Progress/Linear/index.d.ts

@@ -1,3 +1,3 @@
 import { LinearProps } from './types';
-export declare function LinearProgress({ height, showValue, steps, ...props }: LinearProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinearProgress({ height, showValue, steps, bgColor, ...props }: LinearProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/Linear/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CA6BjF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CA6B1F"}

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

@@ -1 +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:!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)]})]})]})}
+"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","bgColor"];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,bgColor=_ref.bgColor,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,bgColor:bgColor,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.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DisplayValueProps } from '../types';
-import { ProgressBarProps, PercentBarProps } from './types';
+import { PercentBarProps, ProgressBarProps } from './types';
 export declare const ProgressBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/Progress/Linear/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,WAAW;;;4HAMvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;6HAiBvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2HAqBtB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE5D,eAAO,MAAM,WAAW;;;4HAMvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;6HAiBvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2HAqBtB,CAAC"}

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

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ValueLinear=exports.ProgressBar=exports.PercentBar=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_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,bgColor=_ref.bgColor;return bgColor||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/Linear/types.d.ts

@@ -1,10 +1,13 @@
+import { GlobalColorsProps } from 'src/shared/theme';
 export type ProgressBarProps = {
     height?: string;
+    bgColor?: GlobalColorsProps | (string & {});
 };
 export type PercentBarProps = {
     percent: number | string;
     isAnimated?: boolean;
     percentBarColor?: string | string[];
+    bgColor?: GlobalColorsProps | (string & {});
 };
 export type LinearProps = PercentBarProps & {
     height?: string;

package/dist/components/Progress/Linear/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Linear/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC7C,CAAC;AACF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/Progress/types.d.ts

@@ -1,3 +1,4 @@
+import { GlobalColorsProps } from 'src/shared/theme';
 export interface DisplayValueProps {
     height?: string;
     size?: number;
@@ -22,6 +23,7 @@ export type ProgressComponent = {
     showValue?: string;
     steps?: number;
     color?: string | string[];
+    bgColor?: GlobalColorsProps | (string & {});
     percent: number | string;
     isAnimated?: boolean;
 };

package/dist/components/Progress/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.16.41",
+  "version": "1.16.42",
   "description": "Quick build beautiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",