@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Steps/index.js

@@ -1,116 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _StepIcon = require("./components/StepIcon");
-var _useBreakpoints2 = require("../../shared/hooks/useBreakpoints");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-var Steps = function Steps(_ref) {
-  var current = _ref.current,
-    steps = _ref.steps,
-    _ref$activeColor = _ref.activeColor,
-    activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
-    fullWidth = _ref.fullWidth,
-    _ref$isReducedSteps = _ref.isReducedSteps,
-    isReducedSteps = _ref$isReducedSteps === void 0 ? false : _ref$isReducedSteps,
-    enableCurrentStepChecked = _ref.enableCurrentStepChecked;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    fitParent = _useState2[0],
-    setFitParent = _useState2[1];
-  var _useBreakpoints = (0, _useBreakpoints2.useBreakpoints)(),
-    breakpointPicker = _useBreakpoints.breakpointPicker;
-  var stepsContainerRef = (0, _react.useRef)(null);
-  var handleEnableControlledSteps = function handleEnableControlledSteps(step, index) {
-    var isControlledSteps = _typeof(step) === 'object';
-    if (isControlledSteps) return step.isCompleted;
-    return current > index + 1 || enableCurrentStepChecked && current === index + 1;
-  };
-  var handleStepName = function handleStepName(step) {
-    if (_typeof(step) === 'object') return step.name;
-    return step;
-  };
-  var handleFitParent = (0, _react.useCallback)(function () {
-    var componentElement = stepsContainerRef.current;
-    if (componentElement) {
-      var parentElement = componentElement.parentElement;
-      var stepsWidth = steps.length * 180;
-      var isSmaller = stepsWidth <= parentElement.offsetWidth;
-      setFitParent(isSmaller);
-    }
-  }, []);
-  (0, _react.useEffect)(function () {
-    handleFitParent();
-    window.addEventListener('resize', handleFitParent);
-    return function () {
-      return window.removeEventListener('resize', handleFitParent);
-    };
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsContainer, {
-    ref: stepsContainerRef,
-    fullWidth: fullWidth,
-    fitParent: fitParent,
-    isReducedSteps: isReducedSteps,
-    children: steps && steps.map(function (step, index) {
-      return isReducedSteps ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ReducedStepsContainer, {
-        fullWidth: fullWidth,
-        fitParent: fitParent,
-        children: [breakpointPicker({
-          base: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepIcon.StepIcon, {
-            activeColor: activeColor,
-            isFirstStep: index === 0,
-            isLastStep: index === steps.length - 1,
-            isChecked: index < current,
-            isSelectedStep: index === current - 1,
-            direction: "column"
-          }),
-          sm: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepIcon.StepIcon, {
-            activeColor: activeColor,
-            isFirstStep: index === 0,
-            isLastStep: index === steps.length - 1,
-            isChecked: index < current,
-            isSelectedStep: index === current - 1,
-            direction: fitParent ? 'row' : 'column'
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsItemText, {
-          fitParent: fitParent,
-          isFinished: index < current,
-          isReducedSteps: isReducedSteps,
-          children: handleStepName(step)
-        })]
-      }, handleStepName(step)) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StepsItemContainer, {
-        id: "simple-step-".concat(index + 1),
-        tabIndex: index + 1 === current ? 0 : -1,
-        isCurrent: current === index + 1,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StepsItemsDetailsContainer, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsCircle, {
-            activeColor: activeColor,
-            isCurrent: current === index + 1,
-            isFinished: handleEnableControlledSteps(step, index),
-            children: handleEnableControlledSteps(step, index) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-              name: "check"
-            }) : index + 1
-          }), current === index + 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsItemText, {
-            isDisabled: enableCurrentStepChecked,
-            children: handleStepName(step)
-          })]
-        }), current === index + 1 && current < steps.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsSeparator, {})]
-      }, index);
-    })
-  });
-};
-var _default = Steps;
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_Icon=_interopRequireDefault(require("../Icon")),_StepIcon=require("./components/StepIcon"),_useBreakpoints2=require("../../shared/hooks/useBreakpoints"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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}var Steps=function(_ref){var current=_ref.current,steps=_ref.steps,_ref$activeColor=_ref.activeColor,activeColor=void 0===_ref$activeColor?"primary":_ref$activeColor,fullWidth=_ref.fullWidth,_ref$isReducedSteps=_ref.isReducedSteps,isReducedSteps=void 0!==_ref$isReducedSteps&&_ref$isReducedSteps,enableCurrentStepChecked=_ref.enableCurrentStepChecked,_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),fitParent=_useState2[0],setFitParent=_useState2[1],_useBreakpoints=(0,_useBreakpoints2.useBreakpoints)(),breakpointPicker=_useBreakpoints.breakpointPicker,stepsContainerRef=(0,_react.useRef)(null),handleEnableControlledSteps=function(step,index){var isControlledSteps="object"===_typeof(step);return isControlledSteps?step.isCompleted:current>index+1||enableCurrentStepChecked&&current===index+1},handleStepName=function(step){return"object"===_typeof(step)?step.name:step},handleFitParent=(0,_react.useCallback)(function(){var componentElement=stepsContainerRef.current;if(componentElement){var parentElement=componentElement.parentElement,stepsWidth=180*steps.length,isSmaller=stepsWidth<=parentElement.offsetWidth;setFitParent(isSmaller)}},[]);return(0,_react.useEffect)(function(){return handleFitParent(),window.addEventListener("resize",handleFitParent),function(){return window.removeEventListener("resize",handleFitParent)}},[]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StepsContainer,{ref:stepsContainerRef,fullWidth:fullWidth,fitParent:fitParent,isReducedSteps:isReducedSteps,children:steps&&steps.map(function(step,index){return isReducedSteps?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ReducedStepsContainer,{fullWidth:fullWidth,fitParent:fitParent,children:[breakpointPicker({base:/*#__PURE__*/(0,_jsxRuntime.jsx)(_StepIcon.StepIcon,{activeColor:activeColor,isFirstStep:0===index,isLastStep:index===steps.length-1,isChecked:index<current,isSelectedStep:index===current-1,direction:"column"}),sm:/*#__PURE__*/(0,_jsxRuntime.jsx)(_StepIcon.StepIcon,{activeColor:activeColor,isFirstStep:0===index,isLastStep:index===steps.length-1,isChecked:index<current,isSelectedStep:index===current-1,direction:fitParent?"row":"column"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StepsItemText,{fitParent:fitParent,isFinished:index<current,isReducedSteps:isReducedSteps,children:handleStepName(step)})]},handleStepName(step)):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.StepsItemContainer,{id:"simple-step-".concat(index+1),tabIndex:index+1===current?0:-1,isCurrent:current===index+1,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.StepsItemsDetailsContainer,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StepsCircle,{activeColor:activeColor,isCurrent:current===index+1,isFinished:handleEnableControlledSteps(step,index),children:handleEnableControlledSteps(step,index)?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"check"}):index+1}),current===index+1&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StepsItemText,{isDisabled:enableCurrentStepChecked,children:handleStepName(step)})]}),current===index+1&&current<steps.length&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StepsSeparator,{})]},index)})})},_default=Steps;exports.default=_default;

package/dist/components/Steps/steps.test.js

@@ -1,53 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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); }
-var setup = function setup(props) {
-  return _objectSpread({}, (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props))));
-};
-describe('Steps', function () {
-  it('should it render the steps component', function () {
-    var _setup = setup({
-        steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
-        current: 1
-      }),
-      container = _setup.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the steps component with the current step', function () {
-    var _setup2 = setup({
-        steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
-        current: 2
-      }),
-      container = _setup2.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the steps component with different color', function () {
-    var _setup3 = setup({
-        steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
-        current: 2,
-        activeColor: 'secondary'
-      }),
-      container = _setup3.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the steps component with full width', function () {
-    var _setup4 = setup({
-        steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
-        current: 3,
-        activeColor: 'secondary',
-        fullWidth: true
-      }),
-      container = _setup4.container;
-    expect(container).toBeInTheDocument();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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)}var setup=function(props){return _objectSpread({},(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props))))};describe("Steps",function(){it("should it render the steps component",function(){var _setup=setup({steps:["Dados pessoais","Coleta e retirada","Pagamento"],current:1}),container=_setup.container;expect(container).toBeInTheDocument()}),it("should it render the steps component with the current step",function(){var _setup2=setup({steps:["Dados pessoais","Coleta e retirada","Pagamento"],current:2}),container=_setup2.container;expect(container).toBeInTheDocument()}),it("should it render the steps component with different color",function(){var _setup3=setup({steps:["Dados pessoais","Coleta e retirada","Pagamento"],current:2,activeColor:"secondary"}),container=_setup3.container;expect(container).toBeInTheDocument()}),it("should it render the steps component with full width",function(){var _setup4=setup({steps:["Dados pessoais","Coleta e retirada","Pagamento"],current:3,activeColor:"secondary",fullWidth:!0}),container=_setup4.container;expect(container).toBeInTheDocument()})});

package/dist/components/Steps/styles.js

@@ -1,96 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StepsSeparator = exports.StepsItemsDetailsContainer = exports.StepsItemText = exports.StepsItemContainer = exports.StepsContainer = exports.StepsCircle = exports.ReducedStepsContainer = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-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 StepsContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: ", ";\n  gap: ", ";\n  flex-direction: ", ";\n\n  ", ";\n\n  @media only screen and (min-width: 500px) {\n    flex-direction: ", ";\n  }\n"])), function (_ref) {
-  var fitParent = _ref.fitParent,
-    isReducedSteps = _ref.isReducedSteps;
-  return isReducedSteps ? fitParent ? 'center' : 'start' : 'center';
-}, function (_ref2) {
-  var isReducedSteps = _ref2.isReducedSteps;
-  return isReducedSteps ? '0' : '12px';
-}, function (_ref3) {
-  var isReducedSteps = _ref3.isReducedSteps;
-  return isReducedSteps ? 'column' : 'row';
-}, function (_ref4) {
-  var fullWidth = _ref4.fullWidth;
-  return fullWidth ? "width: 100%;" : "width: fit-content;";
-}, function (_ref5) {
-  var fitParent = _ref5.fitParent,
-    isReducedSteps = _ref5.isReducedSteps;
-  return isReducedSteps ? fitParent ? 'row' : 'column' : 'row';
-});
-exports.StepsContainer = StepsContainer;
-var StepsCircle = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 32px;\n  height: 32px;\n  min-width: 32px;\n  min-height: 32px;\n  border-radius: 99999px;\n\n  ", "\n\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 1.125rem;\n\n  ", "\n\n  & svg {\n    stroke: ", ";\n    stroke-width: 2px;\n  }\n"])), function (_ref6) {
-  var theme = _ref6.theme;
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    @media screen and (min-width: ", ") {\n      width: 42px;\n      height: 42px;\n      min-width: 42px;\n      min-height: 42px;\n    }\n  "])), theme.breakpoints.md);
-}, function (_ref7) {
-  var theme = _ref7.theme,
-    activeColor = _ref7.activeColor,
-    isFinished = _ref7.isFinished,
-    isCurrent = _ref7.isCurrent;
-  return theme.colors[activeColor] && "\n    background-color: ".concat(isFinished ? theme.colors[activeColor].default : isCurrent ? activeColor === 'error' ? theme.colors.error.blurred : theme.colors[activeColor].disabled : 'transparent', ";\n    color: ").concat(isFinished ? theme.colors.neutral.white : isCurrent ? theme.colors.neutral.black : theme.colors.neutral.neutral3, ";\n\n    ").concat(!isCurrent && !isFinished && "\n      border: solid 2px ".concat(theme.colors.neutral.neutral1, ";\n      "), "\n  ");
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.colors.body.light;
-});
-exports.StepsCircle = StepsCircle;
-var StepsSeparator = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 2px;\n  width: 100%;\n  min-width: 40px;\n  background-color: ", ";\n"])), function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.colors.neutral.neutral1;
-});
-exports.StepsSeparator = StepsSeparator;
-var StepsItemContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  flex: ", ";\n\n  gap: 8px;\n\n  &:last-of-type {\n    flex-direction: row-reverse;\n  }\n\n  ", "\n"])), function (props) {
-  return props.isCurrent ? 1 : 0;
-}, function (_ref10) {
-  var theme = _ref10.theme;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    @media screen and (min-width: ", ") {\n      gap: 12px;\n    }\n  "])), theme.breakpoints.sm);
-});
-exports.StepsItemContainer = StepsItemContainer;
-var ReducedStepsContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: center;\n  height: max-content;\n  width: ", ";\n  margin-top: auto;\n"])), function (_ref11) {
-  var fitParent = _ref11.fitParent;
-  return fitParent ? 'column-reverse' : 'row';
-}, function (_ref12) {
-  var fitParent = _ref12.fitParent;
-  return fitParent ? 'center' : 'start';
-}, function (_ref13) {
-  var fitParent = _ref13.fitParent,
-    fullWidth = _ref13.fullWidth;
-  return fitParent ? fullWidth ? '100%' : '11.25rem' : 'auto';
-});
-exports.ReducedStepsContainer = ReducedStepsContainer;
-var StepsItemsDetailsContainer = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n"])));
-exports.StepsItemsDetailsContainer = StepsItemsDetailsContainer;
-var StepsItemText = _styled.default.h3(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  font-family: inherit;\n  font-weight: ", ";\n  font-size: 1rem;\n\n  white-space: ", ";\n\n  @media screen and (min-width: ", ") {\n    text-align: ", ";\n  }\n\n  ", "\n  @media only screen and (max-width: 500px) {\n    ", ";\n    white-space: normal;\n  }\n"])), function (_ref14) {
-  var isFinished = _ref14.isFinished,
-    isReducedSteps = _ref14.isReducedSteps;
-  return !isFinished && isReducedSteps ? '400' : '600';
-}, function (_ref15) {
-  var isReducedSteps = _ref15.isReducedSteps;
-  return isReducedSteps ? 'normal' : 'nowrap';
-}, function (_ref16) {
-  var theme = _ref16.theme;
-  return theme.breakpoints.sm;
-}, function (_ref17) {
-  var isReducedSteps = _ref17.isReducedSteps,
-    fitParent = _ref17.fitParent;
-  return isReducedSteps && fitParent ? 'center' : 'left';
-}, function (_ref18) {
-  var isDisabled = _ref18.isDisabled,
-    theme = _ref18.theme;
-  if (isDisabled) {
-    return "\n        color: ".concat(theme.colors.tertiary.hover, ";\n      ");
-  }
-  return "\n      color: ".concat(theme.colors.neutral.black, ";\n    ");
-}, function (_ref19) {
-  var isReducedSteps = _ref19.isReducedSteps;
-  return isReducedSteps ? "width: 100%;" : "";
-});
-exports.StepsItemText = StepsItemText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepsSeparator=exports.StepsItemsDetailsContainer=exports.StepsItemText=exports.StepsItemContainer=exports.StepsContainer=exports.StepsCircle=exports.ReducedStepsContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_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)}}))}var StepsContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: ",";\n  gap: ",";\n  flex-direction: ",";\n\n  ",";\n\n  @media only screen and (min-width: 500px) {\n    flex-direction: ",";\n  }\n"])),function(_ref){var fitParent=_ref.fitParent,isReducedSteps=_ref.isReducedSteps;return isReducedSteps?fitParent?"center":"start":"center"},function(_ref2){var isReducedSteps=_ref2.isReducedSteps;return isReducedSteps?"0":"12px"},function(_ref3){var isReducedSteps=_ref3.isReducedSteps;return isReducedSteps?"column":"row"},function(_ref4){var fullWidth=_ref4.fullWidth;return fullWidth?"width: 100%;":"width: fit-content;"},function(_ref5){var fitParent=_ref5.fitParent,isReducedSteps=_ref5.isReducedSteps;return isReducedSteps?fitParent?"row":"column":"row"});exports.StepsContainer=StepsContainer;var StepsCircle=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 32px;\n  height: 32px;\n  min-width: 32px;\n  min-height: 32px;\n  border-radius: 99999px;\n\n  ","\n\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 1.125rem;\n\n  ","\n\n  & svg {\n    stroke: ",";\n    stroke-width: 2px;\n  }\n"])),function(_ref6){var theme=_ref6.theme;return(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    @media screen and (min-width: ",") {\n      width: 42px;\n      height: 42px;\n      min-width: 42px;\n      min-height: 42px;\n    }\n  "])),theme.breakpoints.md)},function(_ref7){var theme=_ref7.theme,activeColor=_ref7.activeColor,isFinished=_ref7.isFinished,isCurrent=_ref7.isCurrent;return theme.colors[activeColor]&&"\n    background-color: ".concat(isFinished?theme.colors[activeColor].default:isCurrent?"error"===activeColor?theme.colors.error.blurred:theme.colors[activeColor].disabled:"transparent",";\n    color: ").concat(isFinished?theme.colors.neutral.white:isCurrent?theme.colors.neutral.black:theme.colors.neutral.neutral3,";\n\n    ").concat(!isCurrent&&!isFinished&&"\n      border: solid 2px ".concat(theme.colors.neutral.neutral1,";\n      "),"\n  ")},function(_ref8){var theme=_ref8.theme;return theme.colors.body.light});exports.StepsCircle=StepsCircle;var StepsSeparator=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  height: 2px;\n  width: 100%;\n  min-width: 40px;\n  background-color: ",";\n"])),function(_ref9){var theme=_ref9.theme;return theme.colors.neutral.neutral1});exports.StepsSeparator=StepsSeparator;var StepsItemContainer=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  flex: ",";\n\n  gap: 8px;\n\n  &:last-of-type {\n    flex-direction: row-reverse;\n  }\n\n  ","\n"])),function(props){return props.isCurrent?1:0},function(_ref10){var theme=_ref10.theme;return(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n    @media screen and (min-width: ",") {\n      gap: 12px;\n    }\n  "])),theme.breakpoints.sm)});exports.StepsItemContainer=StepsItemContainer;var ReducedStepsContainer=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ",";\n  justify-content: ",";\n  align-items: center;\n  height: max-content;\n  width: ",";\n  margin-top: auto;\n"])),function(_ref11){var fitParent=_ref11.fitParent;return fitParent?"column-reverse":"row"},function(_ref12){var fitParent=_ref12.fitParent;return fitParent?"center":"start"},function(_ref13){var fitParent=_ref13.fitParent,fullWidth=_ref13.fullWidth;return fitParent?fullWidth?"100%":"11.25rem":"auto"});exports.ReducedStepsContainer=ReducedStepsContainer;var StepsItemsDetailsContainer=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n"])));exports.StepsItemsDetailsContainer=StepsItemsDetailsContainer;var StepsItemText=_styled.default.h3(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n  font-family: inherit;\n  font-weight: ",";\n  font-size: 1rem;\n\n  white-space: ",";\n\n  @media screen and (min-width: ",") {\n    text-align: ",";\n  }\n\n  ","\n  @media only screen and (max-width: 500px) {\n    ",";\n    white-space: normal;\n  }\n"])),function(_ref14){var isFinished=_ref14.isFinished,isReducedSteps=_ref14.isReducedSteps;return!isFinished&&isReducedSteps?"400":"600"},function(_ref15){var isReducedSteps=_ref15.isReducedSteps;return isReducedSteps?"normal":"nowrap"},function(_ref16){var theme=_ref16.theme;return theme.breakpoints.sm},function(_ref17){var isReducedSteps=_ref17.isReducedSteps,fitParent=_ref17.fitParent;return isReducedSteps&&fitParent?"center":"left"},function(_ref18){var isDisabled=_ref18.isDisabled,theme=_ref18.theme;return isDisabled?"\n        color: ".concat(theme.colors.tertiary.hover,";\n      "):"\n      color: ".concat(theme.colors.neutral.black,";\n    ")},function(_ref19){var isReducedSteps=_ref19.isReducedSteps;return isReducedSteps?"width: 100%;":""});exports.StepsItemText=StepsItemText;

package/dist/components/Steps/utils.js

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.STEP_POSITION = void 0;
-var STEP_POSITION = {
-  INITIAL: 'INITIAL',
-  INITIAL_BEFORE_UNSELECTED: 'INITIAL_BEFORE_UNSELECTED',
-  MIDDLE: 'MIDDLE',
-  MIDDLE_BEFORE_SELECTED: 'MIDDLE_BEFORE_SELECTED',
-  MIDDLE_BEFORE_UNSELECTED: 'MIDDLE_BEFORE_UNSELECTED',
-  FINAL: 'FINAL'
-};
-exports.STEP_POSITION = STEP_POSITION;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.STEP_POSITION=void 0;var STEP_POSITION={INITIAL:"INITIAL",INITIAL_BEFORE_UNSELECTED:"INITIAL_BEFORE_UNSELECTED",MIDDLE:"MIDDLE",MIDDLE_BEFORE_SELECTED:"MIDDLE_BEFORE_SELECTED",MIDDLE_BEFORE_UNSELECTED:"MIDDLE_BEFORE_UNSELECTED",FINAL:"FINAL"};exports.STEP_POSITION=STEP_POSITION;

package/dist/components/Switch/index.js

@@ -1,73 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-var SwitchInput = function SwitchInput(_ref) {
-  var disabled = _ref.disabled,
-    helperText = _ref.helperText,
-    type = _ref.type,
-    onChangeValue = _ref.onChangeValue,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked;
-  var _useState = (0, _react.useState)(checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    isActive = _useState2[0],
-    setIsActive = _useState2[1];
-  (0, _react.useEffect)(function () {
-    setIsActive(checked);
-  }, [checked]);
-  function handleOnKeyDown(e) {
-    if (disabled) return;
-    if (e.code === 'Enter' || e.code === 'Space') {
-      setIsActive(function (o) {
-        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!o);
-        return !o;
-      });
-    }
-  }
-  function handleOnClick() {
-    if (!disabled) {
-      setIsActive(function (o) {
-        onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(!o);
-        return !o;
-      });
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SwitchWrapper, {
-    "data-testid": "switch-wrapper",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Switch, {
-      role: "checkbox",
-      "data-testid": "switch",
-      onClick: handleOnClick,
-      onKeyDown: handleOnKeyDown,
-      disabled: disabled,
-      isActive: isActive,
-      tabIndex: 0,
-      type: type,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SwitchToken, {
-        className: "switch-token",
-        children: isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          name: "check"
-        })
-      })
-    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelpText, {
-      disabled: disabled,
-      children: helperText
-    })]
-  });
-};
-var _default = SwitchInput;
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}var SwitchInput=function(_ref){var disabled=_ref.disabled,helperText=_ref.helperText,type=_ref.type,onChangeValue=_ref.onChangeValue,_ref$checked=_ref.checked,checked=void 0!==_ref$checked&&_ref$checked,_useState=(0,_react.useState)(checked),_useState2=_slicedToArray(_useState,2),isActive=_useState2[0],setIsActive=_useState2[1];return(0,_react.useEffect)(function(){setIsActive(checked)},[checked]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SwitchWrapper,{"data-testid":"switch-wrapper",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Switch,{role:"checkbox","data-testid":"switch",onClick:function(){disabled||setIsActive(function(o){return null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(!o),!o})},onKeyDown:function(e){disabled||("Enter"===e.code||"Space"===e.code)&&setIsActive(function(o){return null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(!o),!o})},disabled:disabled,isActive:isActive,tabIndex:0,type:type,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SwitchToken,{className:"switch-token",children:isActive&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"check"})})}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelpText,{disabled:disabled,children:helperText})]})},_default=SwitchInput;exports.default=_default;

package/dist/components/Switch/styles.js

@@ -1,58 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SwitchWrapper = exports.SwitchToken = exports.Switch = exports.HelpText = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("@emotion/react");
-var _customColorMode = require("../../utils/customColorMode");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-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 SwitchWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n\n  font-size: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.fontSizes.xxxs;
-});
-exports.SwitchWrapper = SwitchWrapper;
-var Switch = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 2px;\n  position: relative;\n  outline: 0;\n\n  width: 40px;\n  height: 24px;\n  border-radius: 80px;\n  cursor: pointer;\n\n  border: 2px solid\n    ", ";\n\n  transition: all ease-in-out 0.2s;\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme,
-    isActive = _ref2.isActive;
-  return isActive ? theme.colors.body.light : theme.colors.neutral.neutral2;
-}, function (_ref3) {
-  var isActive = _ref3.isActive,
-    disabled = _ref3.disabled;
-  return isActive ? ActiveEffects : !disabled && SwitchEffects;
-}, function (_ref4) {
-  var disabled = _ref4.disabled;
-  return disabled && disabledStyle;
-});
-exports.Switch = Switch;
-var SwitchToken = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  border-radius: 80px;\n  transition: all ease-in-out 0.2s;\n\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: 80%;\n    height: 80%;\n  }\n\n  background-color: ", ";\n"])), function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.neutral.neutral4;
-});
-exports.SwitchToken = SwitchToken;
-var HelpText = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: all ease-in-out 0.2s;\n  color: ", ";\n"])), function (_ref6) {
-  var theme = _ref6.theme,
-    disabled = _ref6.disabled;
-  return disabled ? theme.colors.neutral.neutral2 : 'inherit';
-});
-exports.HelpText = HelpText;
-function SwitchEffects(_ref7) {
-  var theme = _ref7.theme;
-  if (!theme) return '';
-  return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    :hover {\n      border-color: ", ";\n\n      div.switch-token {\n        background-color: ", ";\n      }\n    }\n\n    :focus {\n      box-shadow: 0 0 0 2px ", ";\n      border-color: ", ";\n      div.switch-token {\n        background-color: ", ";\n      }\n    }\n  "])), theme.colors.neutral.neutral3, theme.colors.neutral.neutral4, theme.colors.neutral.neutral2, theme.colors.neutral.neutral4, theme.colors.neutral.neutral4);
-}
-function ActiveEffects(_ref8) {
-  var theme = _ref8.theme,
-    type = _ref8.type;
-  if (!theme) return '';
-  var idleColor = type ? theme.colors[type].default : theme.colors.primary.default;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n    div.switch-token {\n      transform: translateX(16px);\n      background-color: ", ";\n    }\n    svg {\n      color: ", ";\n    }\n\n    :hover {\n      filter: brightness(0.9);\n    }\n\n    :focus {\n      border-color: ", ";\n      filter: brightness(0.9);\n      box-shadow: 0 0 0 2px ", ";\n    }\n  "])), idleColor, idleColor, (0, _customColorMode.customColorMode)(theme.lightColors.neutral.white, theme.lightColors.neutral.white), idleColor, theme.colors.neutral.white, type ? theme.colors[type].blurred : theme.colors.primary.disabled);
-}
-function disabledStyle(_ref9) {
-  var theme = _ref9.theme;
-  if (!theme) return '';
-  return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n    pointer-events: none;\n    cursor: default;\n\n    div {\n      background-color: ", ";\n    }\n\n    .switch-token {\n      background-color: ", " !important;\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), theme.colors.neutral.neutral2, theme.colors.neutral.neutral1, theme.colors.neutral.neutral2, theme.colors.neutral.neutral2, theme.colors.neutral.neutral3);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SwitchWrapper=exports.SwitchToken=exports.Switch=exports.HelpText=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_customColorMode=require("../../utils/customColorMode");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 SwitchWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n\n  font-size: ",";\n"])),function(_ref){var theme=_ref.theme;return theme.fontSizes.xxxs});exports.SwitchWrapper=SwitchWrapper;var Switch=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 2px;\n  position: relative;\n  outline: 0;\n\n  width: 40px;\n  height: 24px;\n  border-radius: 80px;\n  cursor: pointer;\n\n  border: 2px solid\n    ",";\n\n  transition: all ease-in-out 0.2s;\n\n  ","\n\n  ","\n"])),function(_ref2){var theme=_ref2.theme,isActive=_ref2.isActive;return isActive?theme.colors.body.light:theme.colors.neutral.neutral2},function(_ref3){var isActive=_ref3.isActive,disabled=_ref3.disabled;return isActive?ActiveEffects:!disabled&&SwitchEffects},function(_ref4){var disabled=_ref4.disabled;return disabled&&disabledStyle});exports.Switch=Switch;var SwitchToken=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  border-radius: 80px;\n  transition: all ease-in-out 0.2s;\n\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: 80%;\n    height: 80%;\n  }\n\n  background-color: ",";\n"])),function(_ref5){var theme=_ref5.theme;return theme.colors.neutral.neutral4});exports.SwitchToken=SwitchToken;var HelpText=_styled.default.span(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  transition: all ease-in-out 0.2s;\n  color: ",";\n"])),function(_ref6){var theme=_ref6.theme,disabled=_ref6.disabled;return disabled?theme.colors.neutral.neutral2:"inherit"});exports.HelpText=HelpText;function SwitchEffects(_ref7){var theme=_ref7.theme;return theme?(0,_react.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n    :hover {\n      border-color: ",";\n\n      div.switch-token {\n        background-color: ",";\n      }\n    }\n\n    :focus {\n      box-shadow: 0 0 0 2px ",";\n      border-color: ",";\n      div.switch-token {\n        background-color: ",";\n      }\n    }\n  "])),theme.colors.neutral.neutral3,theme.colors.neutral.neutral4,theme.colors.neutral.neutral2,theme.colors.neutral.neutral4,theme.colors.neutral.neutral4):""}function ActiveEffects(_ref8){var theme=_ref8.theme,type=_ref8.type;if(!theme)return"";var idleColor=type?theme.colors[type].default:theme.colors.primary.default;return(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n    border-color: ",";\n    background-color: ",";\n    div.switch-token {\n      transform: translateX(16px);\n      background-color: ",";\n    }\n    svg {\n      color: ",";\n    }\n\n    :hover {\n      filter: brightness(0.9);\n    }\n\n    :focus {\n      border-color: ",";\n      filter: brightness(0.9);\n      box-shadow: 0 0 0 2px ",";\n    }\n  "])),idleColor,idleColor,(0,_customColorMode.customColorMode)(theme.lightColors.neutral.white,theme.lightColors.neutral.white),idleColor,theme.colors.neutral.white,type?theme.colors[type].blurred:theme.colors.primary.disabled)}function disabledStyle(_ref9){var theme=_ref9.theme;return theme?(0,_react.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n    border-color: ",";\n    background-color: ",";\n    pointer-events: none;\n    cursor: default;\n\n    div {\n      background-color: ",";\n    }\n\n    .switch-token {\n      background-color: "," !important;\n\n      svg {\n        color: ",";\n      }\n    }\n  "])),theme.colors.neutral.neutral2,theme.colors.neutral.neutral1,theme.colors.neutral.neutral2,theme.colors.neutral.neutral2,theme.colors.neutral.neutral3):""}

package/dist/components/Switch/switch.test.js

@@ -1,115 +1,2 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-var _react = require("@testing-library/react");
-require("@testing-library/jest-dom/extend-expect");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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); }
-var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-  var SwitchElement = utils.getByTestId('switch');
-  var SwitchWrapper = utils.getByTestId('switch-wrapper');
-  return _objectSpread({
-    SwitchElement: SwitchElement,
-    SwitchWrapper: SwitchWrapper
-  }, utils);
-};
-describe('Switch', function () {
-  it('Should be Rendered', function () {
-    var _setup = setup(),
-      SwitchElement = _setup.SwitchElement;
-    expect(SwitchElement).toBeInTheDocument();
-  });
-  it('Should return state in callback onChangeValue on click', function () {
-    var onChangeValue = jest.fn();
-    var _setup2 = setup({
-        onChangeValue: onChangeValue
-      }),
-      SwitchElement = _setup2.SwitchElement;
-    _react.fireEvent.click(SwitchElement);
-    expect(onChangeValue).toBeCalledWith(true);
-  });
-  it('Should be controlled with keyboard: Enter and Space toggle it', function () {
-    var onChangeValue = jest.fn();
-    var keysToTest = ['Enter', 'Space'];
-    var _setup3 = setup({
-        onChangeValue: onChangeValue
-      }),
-      SwitchElement = _setup3.SwitchElement;
-    keysToTest.forEach(function (key) {
-      _react.fireEvent.keyDown(SwitchElement, {
-        code: key
-      });
-      expect(onChangeValue).toBeCalledWith(true);
-      _react.fireEvent.keyDown(SwitchElement, {
-        code: key
-      });
-      expect(onChangeValue).toBeCalledWith(false);
-    });
-  });
-  it('Should not be controlled with keyboard: any other keys', function () {
-    var onChangeValue = jest.fn();
-    var keysToTest = ['KeyA', 'KeyB', 'ShiftRight'];
-    var _setup4 = setup({
-        onChangeValue: onChangeValue
-      }),
-      SwitchElement = _setup4.SwitchElement;
-    keysToTest.forEach(function (key) {
-      _react.fireEvent.keyDown(SwitchElement, {
-        code: key
-      });
-      expect(onChangeValue).not.toHaveBeenCalled();
-    });
-  });
-  it('Should not be used if is disabled, and Should show error', function () {
-    var onChangeValue = jest.fn();
-    var _setup5 = setup({
-        onChangeValue: onChangeValue,
-        disabled: true
-      }),
-      SwitchElement = _setup5.SwitchElement;
-    _react.fireEvent.click(SwitchElement);
-    expect(onChangeValue).not.toHaveBeenCalled();
-    var keysToTest = ['Space', 'Enter'];
-
-    // eslint-disable-next-line array-callback-return
-    keysToTest.map(function (key) {
-      _react.fireEvent.keyDown(SwitchElement, {
-        code: key
-      });
-      expect(onChangeValue).not.toHaveBeenCalled();
-    });
-  });
-  it('Should render the HelpText', function () {
-    var helperText = 'Quer batata no almoço?';
-    var _setup6 = setup({
-        helperText: helperText
-      }),
-      SwitchWrapper = _setup6.SwitchWrapper;
-    var helpTextElement = SwitchWrapper.querySelector('span');
-    expect(helpTextElement === null || helpTextElement === void 0 ? void 0 : helpTextElement.innerHTML).toEqual(helperText);
-  });
-  it('Should receive a checked state', function () {
-    var _setup7 = setup({
-        checked: true
-      }),
-      SwitchElement = _setup7.SwitchElement;
-    var checkedIcon = SwitchElement.querySelector('svg');
-    expect(checkedIcon).toBeInTheDocument();
-  });
-  it('Should receive a false checked state', function () {
-    var _setup8 = setup({
-        checked: false
-      }),
-      SwitchElement = _setup8.SwitchElement;
-    var checkedIcon = SwitchElement.querySelector('svg');
-    expect(checkedIcon).not.toBeInTheDocument();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils"),_react=require("@testing-library/react");require("@testing-library/jest-dom/extend-expect");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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)}var setup=function(props){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props))),SwitchElement=utils.getByTestId("switch"),SwitchWrapper=utils.getByTestId("switch-wrapper");return _objectSpread({SwitchElement:SwitchElement,SwitchWrapper:SwitchWrapper},utils)};describe("Switch",function(){it("Should be Rendered",function(){var _setup=setup(),SwitchElement=_setup.SwitchElement;expect(SwitchElement).toBeInTheDocument()}),it("Should return state in callback onChangeValue on click",function(){var onChangeValue=jest.fn(),_setup2=setup({onChangeValue:onChangeValue}),SwitchElement=_setup2.SwitchElement;_react.fireEvent.click(SwitchElement),expect(onChangeValue).toBeCalledWith(!0)}),it("Should be controlled with keyboard: Enter and Space toggle it",function(){var onChangeValue=jest.fn(),_setup3=setup({onChangeValue:onChangeValue}),SwitchElement=_setup3.SwitchElement;["Enter","Space"].forEach(function(key){_react.fireEvent.keyDown(SwitchElement,{code:key}),expect(onChangeValue).toBeCalledWith(!0),_react.fireEvent.keyDown(SwitchElement,{code:key}),expect(onChangeValue).toBeCalledWith(!1)})}),it("Should not be controlled with keyboard: any other keys",function(){var onChangeValue=jest.fn(),_setup4=setup({onChangeValue:onChangeValue}),SwitchElement=_setup4.SwitchElement;["KeyA","KeyB","ShiftRight"].forEach(function(key){_react.fireEvent.keyDown(SwitchElement,{code:key}),expect(onChangeValue).not.toHaveBeenCalled()})}),it("Should not be used if is disabled, and Should show error",function(){var onChangeValue=jest.fn(),_setup5=setup({onChangeValue:onChangeValue,disabled:!0}),SwitchElement=_setup5.SwitchElement;_react.fireEvent.click(SwitchElement),expect(onChangeValue).not.toHaveBeenCalled();// eslint-disable-next-line array-callback-return
+["Space","Enter"].map(function(key){_react.fireEvent.keyDown(SwitchElement,{code:key}),expect(onChangeValue).not.toHaveBeenCalled()})}),it("Should render the HelpText",function(){var helperText="Quer batata no almo\xE7o?",_setup6=setup({helperText:helperText}),SwitchWrapper=_setup6.SwitchWrapper,helpTextElement=SwitchWrapper.querySelector("span");expect(null===helpTextElement||void 0===helpTextElement?void 0:helpTextElement.innerHTML).toEqual(helperText)}),it("Should receive a checked state",function(){var _setup7=setup({checked:!0}),SwitchElement=_setup7.SwitchElement,checkedIcon=SwitchElement.querySelector("svg");expect(checkedIcon).toBeInTheDocument()}),it("Should receive a false checked state",function(){var _setup8=setup({checked:!1}),SwitchElement=_setup8.SwitchElement,checkedIcon=SwitchElement.querySelector("svg");expect(checkedIcon).not.toBeInTheDocument()})});