@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/Slider/index.js

@@ -1,137 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _formatNumber = require("../../shared/formatters/format-number");
-var _Flex = _interopRequireDefault(require("../Flex"));
-var _SliderSelector = require("./components/SliderSelector");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["valueSlider", "onChangeSlider", "step", "maxValue", "minValue", "fullSize", "direction", "valueLabelDisplay", "minMaxFormat"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var valueSlider = _ref.valueSlider,
-    onChangeSlider = _ref.onChangeSlider,
-    _ref$step = _ref.step,
-    step = _ref$step === void 0 ? 1 : _ref$step,
-    _ref$maxValue = _ref.maxValue,
-    maxValue = _ref$maxValue === void 0 ? 100 : _ref$maxValue,
-    _ref$minValue = _ref.minValue,
-    minValue = _ref$minValue === void 0 ? 0 : _ref$minValue,
-    fullSize = _ref.fullSize,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
-    _ref$valueLabelDispla = _ref.valueLabelDisplay,
-    valueLabelDisplay = _ref$valueLabelDispla === void 0 ? 'off' : _ref$valueLabelDispla,
-    _ref$minMaxFormat = _ref.minMaxFormat,
-    minMaxFormat = _ref$minMaxFormat === void 0 ? 'number' : _ref$minMaxFormat,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(valueSlider),
-    _useState2 = _slicedToArray(_useState, 2),
-    sliderValue = _useState2[0],
-    setSliderValue = _useState2[1];
-  var sliderRef = (0, _react.useRef)(null);
-  function handleChangeValue(percent, index) {
-    var _sliderRef$current;
-    var value = Math.round((percent * (maxValue - minValue) + minValue) / step) * step;
-    var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
-    if (Array.isArray(sliderValue)) {
-      var _nativeInputValueSett;
-      var newValues = _toConsumableArray(sliderValue);
-      newValues[index || 0] = value > maxValue ? maxValue : value < minValue ? minValue : value;
-      setSliderValue(newValues);
-      onChangeSlider === null || onChangeSlider === void 0 ? void 0 : onChangeSlider(newValues);
-      nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett = nativeInputValueSetter.set) === null || _nativeInputValueSett === void 0 ? void 0 : _nativeInputValueSett.call(sliderRef.current, newValues);
-    } else {
-      var _nativeInputValueSett2;
-      setSliderValue(value > maxValue ? maxValue : value < minValue ? minValue : value);
-      nativeInputValueSetter === null || nativeInputValueSetter === void 0 ? void 0 : (_nativeInputValueSett2 = nativeInputValueSetter.set) === null || _nativeInputValueSett2 === void 0 ? void 0 : _nativeInputValueSett2.call(sliderRef.current, value);
-      onChangeSlider === null || onChangeSlider === void 0 ? void 0 : onChangeSlider(value);
-    }
-    var event = new Event('input', {
-      bubbles: true
-    });
-    sliderRef === null || sliderRef === void 0 ? void 0 : (_sliderRef$current = sliderRef.current) === null || _sliderRef$current === void 0 ? void 0 : _sliderRef$current.dispatchEvent(event);
-  }
-  (0, _react.useEffect)(function () {
-    setSliderValue(valueSlider);
-  }, [valueSlider]);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return sliderRef.current;
-  });
-  var minMaxFormatter = function minMaxFormatter() {
-    switch (minMaxFormat) {
-      case 'currency-BRL':
-        return {
-          min: (0, _formatNumber.formatCurrency)({
-            amount: minValue
-          }),
-          max: (0, _formatNumber.formatCurrency)({
-            amount: maxValue
-          })
-        };
-      case 'percentage':
-        return {
-          min: "".concat(minValue, "%"),
-          max: "".concat(maxValue, "%")
-        };
-      default:
-        return {
-          min: minValue,
-          max: maxValue
-        };
-    }
-  };
-  var _minMaxFormatter = minMaxFormatter(),
-    formattedMin = _minMaxFormatter.min,
-    formattedMax = _minMaxFormatter.max;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderContent, {
-    direction: direction,
-    fullSize: fullSize,
-    size: rest.sizeSlider,
-    disabled: rest.disabled,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-      direction: direction === 'vertical' ? 'column-reverse' : 'row',
-      justifyContent: "space-between",
-      alignItems: "flex-end",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderExtremesText, {
-        children: formattedMin
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderExtremesText, {
-        children: formattedMax
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderSelector.SliderSelector, _objectSpread({
-      ref: sliderRef,
-      valueSliderSelector: sliderValue,
-      minValue: minValue,
-      maxValue: maxValue,
-      step: step,
-      onChangeSliderSelector: handleChangeValue,
-      direction: direction,
-      valueLabelDisplay: valueLabelDisplay
-    }, rest))]
-  });
-});
-var _default = Slider;
-exports.default = _default;
-Slider.displayName = 'Slider';
+"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.default=void 0;var _react=require("react"),_formatNumber=require("../../shared/formatters/format-number"),_Flex=_interopRequireDefault(require("../Flex")),_SliderSelector=require("./components/SliderSelector"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["valueSlider","onChangeSlider","step","maxValue","minValue","fullSize","direction","valueLabelDisplay","minMaxFormat"];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 _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}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}var Slider=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var valueSlider=_ref.valueSlider,onChangeSlider=_ref.onChangeSlider,_ref$step=_ref.step,step=void 0===_ref$step?1:_ref$step,_ref$maxValue=_ref.maxValue,maxValue=void 0===_ref$maxValue?100:_ref$maxValue,_ref$minValue=_ref.minValue,minValue=void 0===_ref$minValue?0:_ref$minValue,fullSize=_ref.fullSize,_ref$direction=_ref.direction,direction=void 0===_ref$direction?"horizontal":_ref$direction,_ref$valueLabelDispla=_ref.valueLabelDisplay,valueLabelDisplay=void 0===_ref$valueLabelDispla?"off":_ref$valueLabelDispla,_ref$minMaxFormat=_ref.minMaxFormat,minMaxFormat=void 0===_ref$minMaxFormat?"number":_ref$minMaxFormat,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(valueSlider),_useState2=_slicedToArray(_useState,2),sliderValue=_useState2[0],setSliderValue=_useState2[1],sliderRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){setSliderValue(valueSlider)},[valueSlider]),(0,_react.useImperativeHandle)(ref,function(){return sliderRef.current});var _minMaxFormatter=function minMaxFormatter(){return"currency-BRL"===minMaxFormat?{min:(0,_formatNumber.formatCurrency)({amount:minValue}),max:(0,_formatNumber.formatCurrency)({amount:maxValue})}:"percentage"===minMaxFormat?{min:"".concat(minValue,"%"),max:"".concat(maxValue,"%")}:{min:minValue,max:maxValue}}(),formattedMin=_minMaxFormatter.min,formattedMax=_minMaxFormatter.max;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderContent,{direction:direction,fullSize:fullSize,size:rest.sizeSlider,disabled:rest.disabled,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"vertical"===direction?"column-reverse":"row",justifyContent:"space-between",alignItems:"flex-end",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderExtremesText,{children:formattedMin}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderExtremesText,{children:formattedMax})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_SliderSelector.SliderSelector,_objectSpread({ref:sliderRef,valueSliderSelector:sliderValue,minValue:minValue,maxValue:maxValue,step:step,onChangeSliderSelector:function(percent,index){var _sliderRef$current,value=Math.round((percent*(maxValue-minValue)+minValue)/step)*step,nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value");if(Array.isArray(sliderValue)){var _nativeInputValueSett,newValues=_toConsumableArray(sliderValue);newValues[index||0]=value>maxValue?maxValue:value<minValue?minValue:value,setSliderValue(newValues),null===onChangeSlider||void 0===onChangeSlider?void 0:onChangeSlider(newValues),null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(sliderRef.current,newValues)}else{var _nativeInputValueSett2;setSliderValue(value>maxValue?maxValue:value<minValue?minValue:value),null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett2=nativeInputValueSetter.set)||void 0===_nativeInputValueSett2?void 0:_nativeInputValueSett2.call(sliderRef.current,value),null===onChangeSlider||void 0===onChangeSlider?void 0:onChangeSlider(value)}var event=new Event("input",{bubbles:!0});null===sliderRef||void 0===sliderRef||null===(_sliderRef$current=sliderRef.current)||void 0===_sliderRef$current?void 0:_sliderRef$current.dispatchEvent(event)},direction:direction,valueLabelDisplay:valueLabelDisplay},rest))]})}),_default=Slider;exports.default=_default,Slider.displayName="Slider";

package/dist/components/Slider/slider.test.js

@@ -1,121 +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) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-  return utils;
-};
-describe('Slider', function () {
-  it('should it render the slider component', function () {
-    var _setup = setup({
-        valueSlider: 50,
-        onChangeSlider: jest.fn(),
-        minValue: 0,
-        maxValue: 100
-      }),
-      container = _setup.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the slider component with multiply values', function () {
-    var _setup2 = setup({
-        valueSlider: [50, 100],
-        onChangeSlider: jest.fn(),
-        minValue: 0,
-        maxValue: 100
-      }),
-      container = _setup2.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the slider component with different pointer', function () {
-    var _setup3 = setup({
-        valueSlider: 50,
-        onChangeSlider: jest.fn(),
-        minValue: 0,
-        maxValue: 100,
-        thumbType: 'pointer'
-      }),
-      container = _setup3.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the slider component with different colors', function () {
-    var _setup4 = setup({
-        valueSlider: 50,
-        onChangeSlider: jest.fn(),
-        minValue: 0,
-        maxValue: 100,
-        trackColor: 'primary.alert',
-        thumbColor: 'tertiary.default'
-      }),
-      container = _setup4.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the slider component with different sizes', function () {
-    var small = setup({
-      valueSlider: 50,
-      onChangeSlider: jest.fn(),
-      minValue: 0,
-      maxValue: 100,
-      sizeSlider: 'sm'
-    });
-    var medium = setup({
-      valueSlider: 50,
-      onChangeSlider: jest.fn(),
-      minValue: 0,
-      maxValue: 100,
-      sizeSlider: 'md'
-    });
-    var large = setup({
-      valueSlider: 50,
-      onChangeSlider: jest.fn(),
-      minValue: 0,
-      maxValue: 100,
-      sizeSlider: 'lg'
-    });
-    expect(small.container).toBeInTheDocument();
-    expect(medium.container).toBeInTheDocument();
-    expect(large.container).toBeInTheDocument();
-  });
-  it('should it render the slider component with label', function () {
-    var _setup5 = setup({
-        valueSlider: 50,
-        onChangeSlider: jest.fn(),
-        minValue: 0,
-        maxValue: 100,
-        valueLabelDisplay: 'auto'
-      }),
-      container = _setup5.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the slider component with custom label', function () {
-    var _setup6 = setup({
-        valueSlider: 50,
-        onChangeSlider: jest.fn(),
-        minValue: 0,
-        maxValue: 100,
-        valueLabelDisplay: 'Teste'
-      }),
-      container = _setup6.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the slider component with multiply value and different pointer', function () {
-    var _setup7 = setup({
-        valueSlider: [50, 100],
-        onChangeSlider: jest.fn(),
-        minValue: 0,
-        maxValue: 100,
-        thumbType: 'pointer'
-      }),
-      container = _setup7.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){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props)));return utils};describe("Slider",function(){it("should it render the slider component",function(){var _setup=setup({valueSlider:50,onChangeSlider:jest.fn(),minValue:0,maxValue:100}),container=_setup.container;expect(container).toBeInTheDocument()}),it("should it render the slider component with multiply values",function(){var _setup2=setup({valueSlider:[50,100],onChangeSlider:jest.fn(),minValue:0,maxValue:100}),container=_setup2.container;expect(container).toBeInTheDocument()}),it("should it render the slider component with different pointer",function(){var _setup3=setup({valueSlider:50,onChangeSlider:jest.fn(),minValue:0,maxValue:100,thumbType:"pointer"}),container=_setup3.container;expect(container).toBeInTheDocument()}),it("should it render the slider component with different colors",function(){var _setup4=setup({valueSlider:50,onChangeSlider:jest.fn(),minValue:0,maxValue:100,trackColor:"primary.alert",thumbColor:"tertiary.default"}),container=_setup4.container;expect(container).toBeInTheDocument()}),it("should it render the slider component with different sizes",function(){var small=setup({valueSlider:50,onChangeSlider:jest.fn(),minValue:0,maxValue:100,sizeSlider:"sm"}),medium=setup({valueSlider:50,onChangeSlider:jest.fn(),minValue:0,maxValue:100,sizeSlider:"md"}),large=setup({valueSlider:50,onChangeSlider:jest.fn(),minValue:0,maxValue:100,sizeSlider:"lg"});expect(small.container).toBeInTheDocument(),expect(medium.container).toBeInTheDocument(),expect(large.container).toBeInTheDocument()}),it("should it render the slider component with label",function(){var _setup5=setup({valueSlider:50,onChangeSlider:jest.fn(),minValue:0,maxValue:100,valueLabelDisplay:"auto"}),container=_setup5.container;expect(container).toBeInTheDocument()}),it("should it render the slider component with custom label",function(){var _setup6=setup({valueSlider:50,onChangeSlider:jest.fn(),minValue:0,maxValue:100,valueLabelDisplay:"Teste"}),container=_setup6.container;expect(container).toBeInTheDocument()}),it("should it render the slider component with multiply value and different pointer",function(){var _setup7=setup({valueSlider:[50,100],onChangeSlider:jest.fn(),minValue:0,maxValue:100,thumbType:"pointer"}),container=_setup7.container;expect(container).toBeInTheDocument()})});

package/dist/components/Slider/styles.js

@@ -1,69 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SliderTrack = exports.SliderThumb = exports.SliderRailContainer = exports.SliderPointerIcon = exports.SliderPointerContainer = exports.SliderLabel = exports.SliderInput = exports.SliderExtremesText = exports.SliderContent = exports.SliderContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colorCheck = require("./../../utils/colorCheck");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-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 SliderContent = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 4px;\n  flex-direction: ", ";\n\n  ", "\n\n  & [role='slider'] {\n    pointer-events: ", ";\n\n    ", "\n  }\n"])), function (props) {
-  return props.direction === 'vertical' ? 'row' : 'column';
-}, function (props) {
-  return props.direction === 'vertical' ? "\n      height: ".concat(props.fullSize ? '100%' : props.size === 'sm' ? '200px' : props.size === 'lg' ? '580px' : '296px', ";\n    ") : "\n    max-width: ".concat(props.fullSize ? '100%' : props.size === 'sm' ? '200px' : props.size === 'lg' ? '580px' : '296px', ";\n  ");
-}, function (props) {
-  return props.disabled ? 'none' : 'auto';
-}, function (props) {
-  return props.direction === 'vertical' ? "\n      width: ".concat(props.size === 'sm' ? '10px' : props.size === 'lg' ? '14px' : '12px', ";\n      height: 100%;\n    ") : "\n      height: ".concat(props.size === 'sm' ? '10px' : props.size === 'lg' ? '14px' : '12px', ";\n      width: 100%;\n    ");
-});
-exports.SliderContent = SliderContent;
-var SliderExtremesText = _styled.default.p(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: 'Poppins', sans-serif;\n  font-size: 1.25rem;\n  margin: 0;\n  color: ", ";\n"])), function (props) {
-  return props.theme.colors.neutral.neutral4;
-});
-exports.SliderExtremesText = SliderExtremesText;
-var SliderContainer = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-exports.SliderContainer = SliderContainer;
-var SliderRailContainer = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n  background: ", ";\n  border-radius: 8px;\n  cursor: pointer;\n"])), function (props) {
-  return (0, _colorCheck.stripThemeColors)(props.trackColor || '', props.theme.colors) || props.theme.colors.tertiary.default;
-});
-exports.SliderRailContainer = SliderRailContainer;
-var SliderTrack = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  border-radius: 8px;\n  ", "\n\n  transform: ", ";\n  width: 100%;\n  height: 100%;\n  background: ", ";\n"])), function (props) {
-  return props.direction === 'vertical' ? 'bottom: 0;' : 'top: 50%;';
-}, function (props) {
-  return props.direction === 'vertical' ? '' : 'translateY(-50%)';
-}, function (props) {
-  return !props.disabled ? (0, _colorCheck.stripThemeColors)(props.thumbColor || '', props.theme.colors) || props.theme.colors.primary.default : props.theme.colors.neutral.neutral4;
-});
-exports.SliderTrack = SliderTrack;
-var SliderInput = _styled.default.input(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  visibility: hidden;\n  width: 100%;\n  pointer-events: none;\n"])));
-exports.SliderInput = SliderInput;
-var SliderThumb = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: absolute;\n  ", "\n\n  ", "\n\n  background: ", ";\n  pointer-events: ", ";\n\n  cursor: pointer;\n"])), function (props) {
-  return props.direction === 'vertical' ? "\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n  " : "\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  ";
-}, function (props) {
-  return props.thumbType !== 'pointer' ? "\n      width: ".concat(props.size === 'sm' ? '20px' : '25px', ";\n      height: ").concat(props.size === 'sm' ? '20px' : '25px', ";\n      border-radius: 999999px;\n\n\n      transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n      &::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        height: 100%;\n        border-radius: 999999px;\n        box-shadow: ").concat(props.theme.shadow.level2, ";\n        border: 2px solid ").concat(props.theme.colors.neutral.neutral2, ";\n      }\n\n      &:hover {\n        box-shadow: 0 0 0 10px\n          ").concat((0, _colorCheck.parseHexColorToRgba)((0, _colorCheck.stripThemeColors)(props.thumbColor || '', props.theme.colors) || props.theme.colors.primary.default, 0.15), ";\n      }\n\n      &:active,\n      &:focus {\n        box-shadow: 0 0 0 15px\n          ").concat((0, _colorCheck.parseHexColorToRgba)((0, _colorCheck.stripThemeColors)(props.thumbColor || '', props.theme.colors) || props.theme.colors.primary.default, 0.15), ";\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        & span {\n          transform: ").concat(props.direction === 'vertical' ? 'translate(100%, -50%)' : 'translate(-50%, -100%)', " scale(1);\n        }\n      }\n    ") : "\n      width: ".concat(props.direction === 'vertical' ? '100%' : '5px', ";\n      height: ").concat(props.direction === 'vertical' ? '5px' : '100%', ";\n    ");
-}, function (props) {
-  if (props.disabled) return props.theme.colors.neutral.neutral6;
-  if (props.thumbType !== 'pointer') return props.theme.colors.neutral.white;
-  return props.theme.colors.neutral.white;
-}, function (props) {
-  return props.disabled ? 'none' : 'auto';
-});
-exports.SliderThumb = SliderThumb;
-var SliderPointerContainer = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: absolute;\n  ", "\n\n  & > svg {\n    fill: ", ";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])), function (props) {
-  return props.direction === 'vertical' ? "\n    top: 50%;\n    left: 34px;\n    transform: translateY(-50%) rotate(-90deg);\n  " : "\n    top: 34px;\n    left: 50%;\n    transform: translateX(-50%);\n  ";
-}, function (props) {
-  return (0, _colorCheck.stripThemeColors)(props.thumbColor || '', props.theme.colors) || props.theme.colors.primary.default;
-});
-exports.SliderPointerContainer = SliderPointerContainer;
-var SliderPointerIcon = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  top: 3px;\n  opacity: 0.2;\n"])));
-exports.SliderPointerIcon = SliderPointerIcon;
-var SliderLabel = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: absolute;\n\n  font-family: inherit;\n  white-space: nowrap;\n\n  background-color: ", ";\n  color: ", ";\n\n  padding: 0.25rem 0.75rem;\n\n  font-weight: 500;\n  font-size: 0.875rem;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 4px;\n\n  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n  ", "\n"])), function (props) {
-  return props.theme.colors.neutral.neutral5;
-}, function (props) {
-  return props.theme.colors.neutral.white;
-}, function (props) {
-  return props.direction === 'horizontal' ? "\n    top: -10px;\n    left: 50%;\n\n    transform: translate(-50%, -100%) scale(0);\n    transform-origin: bottom center;\n\n    &::after {\n      position: absolute;\n      content: '';\n      width: 8px;\n      height: 8px;\n      bottom: 0;\n      left: 50%;\n      transform: translate(-50%, 50%) rotate(45deg);\n      background-color: inherit;\n    }\n  " : "\n    top: 50%;\n    right: -10px;\n\n    transform: translate(100%, -50%) scale(0);\n    transform-origin: left center;\n\n    &::after {\n      position: absolute;\n      content: '';\n      width: 8px;\n      height: 8px;\n      top: 50%;\n      left: -8px;\n      transform: translate(50%, -50%) rotate(45deg);\n      background-color: inherit;\n    }\n  ";
-});
-exports.SliderLabel = SliderLabel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderTrack=exports.SliderThumb=exports.SliderRailContainer=exports.SliderPointerIcon=exports.SliderPointerContainer=exports.SliderLabel=exports.SliderInput=exports.SliderExtremesText=exports.SliderContent=exports.SliderContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("./../../utils/colorCheck");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 SliderContent=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  gap: 4px;\n  flex-direction: ",";\n\n  ","\n\n  & [role='slider'] {\n    pointer-events: ",";\n\n    ","\n  }\n"])),function(props){return"vertical"===props.direction?"row":"column"},function(props){return"vertical"===props.direction?"\n      height: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n    "):"\n    max-width: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n  ")},function(props){return props.disabled?"none":"auto"},function(props){return"vertical"===props.direction?"\n      width: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n      height: 100%;\n    "):"\n      height: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n      width: 100%;\n    ")});exports.SliderContent=SliderContent;var SliderExtremesText=_styled.default.p(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'Poppins', sans-serif;\n  font-size: 1.25rem;\n  margin: 0;\n  color: ",";\n"])),function(props){return props.theme.colors.neutral.neutral4});exports.SliderExtremesText=SliderExtremesText;var SliderContainer=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  position: relative;\n"])));exports.SliderContainer=SliderContainer;var SliderRailContainer=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  position: relative;\n  background: ",";\n  border-radius: 8px;\n  cursor: pointer;\n"])),function(props){return(0,_colorCheck.stripThemeColors)(props.trackColor||"",props.theme.colors)||props.theme.colors.tertiary.default});exports.SliderRailContainer=SliderRailContainer;var SliderTrack=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  position: absolute;\n  border-radius: 8px;\n  ","\n\n  transform: ",";\n  width: 100%;\n  height: 100%;\n  background: ",";\n"])),function(props){return"vertical"===props.direction?"bottom: 0;":"top: 50%;"},function(props){return"vertical"===props.direction?"":"translateY(-50%)"},function(props){return props.disabled?props.theme.colors.neutral.neutral4:(0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default});exports.SliderTrack=SliderTrack;var SliderInput=_styled.default.input(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  visibility: hidden;\n  width: 100%;\n  pointer-events: none;\n"])));exports.SliderInput=SliderInput;var SliderThumb=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  position: absolute;\n  ","\n\n  ","\n\n  background: ",";\n  pointer-events: ",";\n\n  cursor: pointer;\n"])),function(props){return"vertical"===props.direction?"\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n  ":"\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  "},function(props){return"pointer"===props.thumbType?"\n      width: ".concat("vertical"===props.direction?"100%":"5px",";\n      height: ").concat("vertical"===props.direction?"5px":"100%",";\n    "):"\n      width: ".concat("sm"===props.size?"20px":"25px",";\n      height: ").concat("sm"===props.size?"20px":"25px",";\n      border-radius: 999999px;\n\n\n      transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n      &::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        height: 100%;\n        border-radius: 999999px;\n        box-shadow: ").concat(props.theme.shadow.level2,";\n        border: 2px solid ").concat(props.theme.colors.neutral.neutral2,";\n      }\n\n      &:hover {\n        box-shadow: 0 0 0 10px\n          ").concat((0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,.15),";\n      }\n\n      &:active,\n      &:focus {\n        box-shadow: 0 0 0 15px\n          ").concat((0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,.15),";\n      }\n\n      &:hover,\n      &:focus,\n      &:active {\n        & span {\n          transform: ").concat("vertical"===props.direction?"translate(100%, -50%)":"translate(-50%, -100%)"," scale(1);\n        }\n      }\n    ")},function(props){return props.disabled?props.theme.colors.neutral.neutral6:"pointer"===props.thumbType?props.theme.colors.neutral.white:props.theme.colors.neutral.white},function(props){return props.disabled?"none":"auto"});exports.SliderThumb=SliderThumb;var SliderPointerContainer=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  position: absolute;\n  ","\n\n  & > svg {\n    fill: ",";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])),function(props){return"vertical"===props.direction?"\n    top: 50%;\n    left: 34px;\n    transform: translateY(-50%) rotate(-90deg);\n  ":"\n    top: 34px;\n    left: 50%;\n    transform: translateX(-50%);\n  "},function(props){return(0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default});exports.SliderPointerContainer=SliderPointerContainer;var SliderPointerIcon=_styled.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  top: 3px;\n  opacity: 0.2;\n"])));exports.SliderPointerIcon=SliderPointerIcon;var SliderLabel=_styled.default.span(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n  position: absolute;\n\n  font-family: inherit;\n  white-space: nowrap;\n\n  background-color: ",";\n  color: ",";\n\n  padding: 0.25rem 0.75rem;\n\n  font-weight: 500;\n  font-size: 0.875rem;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 4px;\n\n  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n  ","\n"])),function(props){return props.theme.colors.neutral.neutral5},function(props){return props.theme.colors.neutral.white},function(props){return"horizontal"===props.direction?"\n    top: -10px;\n    left: 50%;\n\n    transform: translate(-50%, -100%) scale(0);\n    transform-origin: bottom center;\n\n    &::after {\n      position: absolute;\n      content: '';\n      width: 8px;\n      height: 8px;\n      bottom: 0;\n      left: 50%;\n      transform: translate(-50%, 50%) rotate(45deg);\n      background-color: inherit;\n    }\n  ":"\n    top: 50%;\n    right: -10px;\n\n    transform: translate(100%, -50%) scale(0);\n    transform-origin: left center;\n\n    &::after {\n      position: absolute;\n      content: '';\n      width: 8px;\n      height: 8px;\n      top: 50%;\n      left: -8px;\n      transform: translate(50%, -50%) rotate(45deg);\n      background-color: inherit;\n    }\n  "});exports.SliderLabel=SliderLabel;

package/dist/components/Spinner/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var Spinner = function Spinner(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'primary.default' : _ref$color,
-    emptyColor = _ref.emptyColor,
-    thickness = _ref.thickness,
-    speed = _ref.speed;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledSpinner, {
-    size: size,
-    color: color,
-    emptyColor: emptyColor,
-    thickness: thickness,
-    speed: speed
-  });
-};
-var _default = Spinner;
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),Spinner=function(_ref){var _ref$size=_ref.size,size=void 0===_ref$size?"md":_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"primary.default":_ref$color,emptyColor=_ref.emptyColor,thickness=_ref.thickness,speed=_ref.speed;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledSpinner,{size:size,color:color,emptyColor:emptyColor,thickness:thickness,speed:speed})},_default=Spinner;exports.default=_default;

package/dist/components/Spinner/spinner.test.js

@@ -1,45 +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) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-  return utils;
-};
-describe('Spinner', function () {
-  it('should it render the spinner component', function () {
-    var _setup = setup({}),
-      container = _setup.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the spinner with size', function () {
-    var _setup2 = setup({
-        size: 'lg'
-      }),
-      container = _setup2.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the spinner with color', function () {
-    var _setup3 = setup({
-        color: 'warning.default'
-      }),
-      container = _setup3.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('shoult it render the spinner with empty space color', function () {
-    var _setup4 = setup({
-        emptyColor: 'warning.default'
-      }),
-      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){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props)));return utils};describe("Spinner",function(){it("should it render the spinner component",function(){var _setup=setup({}),container=_setup.container;expect(container).toBeInTheDocument()}),it("should it render the spinner with size",function(){var _setup2=setup({size:"lg"}),container=_setup2.container;expect(container).toBeInTheDocument()}),it("should it render the spinner with color",function(){var _setup3=setup({color:"warning.default"}),container=_setup3.container;expect(container).toBeInTheDocument()}),it("shoult it render the spinner with empty space color",function(){var _setup4=setup({emptyColor:"warning.default"}),container=_setup4.container;expect(container).toBeInTheDocument()})});

package/dist/components/Spinner/styles.js

@@ -1,23 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSpinner = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _getColorValue = require("../../utils/getColorValue");
-var _colorCheck = require("../../utils/colorCheck");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledSpinner = _styled.default.div(function (_ref) {
-  var size = _ref.size,
-    theme = _ref.theme,
-    color = _ref.color,
-    emptyColor = _ref.emptyColor,
-    thickness = _ref.thickness,
-    speed = _ref.speed;
-  var spinnerEmptyColor = (0, _getColorValue.getColorValue)(emptyColor || 'transparent', theme, 'transparent');
-  var modifiedSize = size === 'sm' ? '16px' : size === 'md' ? '24px' : size === 'lg' ? '32px' : size === 'xl' ? '48px' : '24px';
-  var borderColor = spinnerEmptyColor === 'currentColor' ? 'transparent' : theme.colors.neutral.neutral1;
-  return "\n    display: inline-block;\n    width: ".concat(modifiedSize, ";\n    height: ").concat(modifiedSize, ";\n    border: ").concat(thickness || '4px', " solid ").concat(color ? (0, _colorCheck.stripThemeColors)(color || '', theme.colors) || color : theme.colors.primary.default, ";\n    border-radius: 9999999px;\n    border-left-color: ").concat(borderColor, ";\n    border-bottom-color: ").concat(borderColor, ";\n    animation: spin ").concat(speed || '0.45s', " linear infinite;\n\n    @keyframes spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n  ");
-});
-exports.StyledSpinner = StyledSpinner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledSpinner=void 0;var _styled=_interopRequireDefault(require("@emotion/styled")),_getColorValue=require("../../utils/getColorValue"),_colorCheck=require("../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var StyledSpinner=_styled.default.div(function(_ref){var size=_ref.size,theme=_ref.theme,color=_ref.color,emptyColor=_ref.emptyColor,thickness=_ref.thickness,speed=_ref.speed,spinnerEmptyColor=(0,_getColorValue.getColorValue)(emptyColor||"transparent",theme,"transparent"),modifiedSize="sm"===size?"16px":"md"===size?"24px":"lg"===size?"32px":"xl"===size?"48px":"24px",borderColor="currentColor"===spinnerEmptyColor?"transparent":theme.colors.neutral.neutral1;return"\n    display: inline-block;\n    width: ".concat(modifiedSize,";\n    height: ").concat(modifiedSize,";\n    border: ").concat(thickness||"4px"," solid ").concat(color?(0,_colorCheck.stripThemeColors)(color||"",theme.colors)||color:theme.colors.primary.default,";\n    border-radius: 9999999px;\n    border-left-color: ").concat(borderColor,";\n    border-bottom-color: ").concat(borderColor,";\n    animation: spin ").concat(speed||"0.45s"," linear infinite;\n\n    @keyframes spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n  ")});exports.StyledSpinner=StyledSpinner;

package/dist/components/Steps/components/StepIcon/index.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StepIcon = StepIcon;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function StepIcon(_ref) {
-  var _ref$activeColor = _ref.activeColor,
-    activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
-    isFirstStep = _ref.isFirstStep,
-    isLastStep = _ref.isLastStep,
-    isChecked = _ref.isChecked,
-    isSelectedStep = _ref.isSelectedStep,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'row' : _ref$direction;
-  var theme = (0, _react.useTheme)();
-  var strokeColor = theme.colors[activeColor].default;
-  var neutralStrokeColor = theme.colors.neutral.neutral1;
-  var selectedColor = isChecked ? strokeColor : neutralStrokeColor;
-  var stepsOpacity = (0, _utils.getStepHexOpacity)(isSelectedStep, isFirstStep, isLastStep);
-  var isColumn = direction === 'column';
-  var gradientDirection = isColumn ? 'to bottom' : 'to right';
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StepIconContainer, {
-    isColumn: isColumn,
-    alignItems: "center",
-    direction: direction,
-    style: {
-      width: isColumn ? '36px' : '100%',
-      height: isColumn ? '78px' : 'auto'
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepStart, {
-      className: "stepLine",
-      color: selectedColor,
-      opacity: stepsOpacity.start,
-      gradientDirection: gradientDirection
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepCenter, {
-      isChecked: isChecked,
-      color: selectedColor
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepEnd, {
-      className: "stepLine",
-      color: selectedColor,
-      opacity: stepsOpacity.end,
-      gradientDirection: gradientDirection
-    })]
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepIcon=StepIcon;var _react=require("@emotion/react"),_styles=require("./styles"),_utils=require("./utils"),_jsxRuntime=require("react/jsx-runtime");function StepIcon(_ref){var _ref$activeColor=_ref.activeColor,activeColor=void 0===_ref$activeColor?"primary":_ref$activeColor,isFirstStep=_ref.isFirstStep,isLastStep=_ref.isLastStep,isChecked=_ref.isChecked,isSelectedStep=_ref.isSelectedStep,_ref$direction=_ref.direction,direction=void 0===_ref$direction?"row":_ref$direction,theme=(0,_react.useTheme)(),strokeColor=theme.colors[activeColor].default,neutralStrokeColor=theme.colors.neutral.neutral1,selectedColor=isChecked?strokeColor:neutralStrokeColor,stepsOpacity=(0,_utils.getStepHexOpacity)(isSelectedStep,isFirstStep,isLastStep),isColumn="column"===direction,gradientDirection=isColumn?"to bottom":"to right";return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.StepIconContainer,{isColumn:isColumn,alignItems:"center",direction:direction,style:{width:isColumn?"36px":"100%",height:isColumn?"78px":"auto"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StepStart,{className:"stepLine",color:selectedColor,opacity:stepsOpacity.start,gradientDirection:gradientDirection}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StepCenter,{isChecked:isChecked,color:selectedColor}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StepEnd,{className:"stepLine",color:selectedColor,opacity:stepsOpacity.end,gradientDirection:gradientDirection})]})}

package/dist/components/Steps/components/StepIcon/styles.js

@@ -1,42 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StepStart = exports.StepIconContainer = exports.StepEnd = exports.StepCenter = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Flex = _interopRequireDefault(require("../../../Flex"));
-var _colorCheck = require("../../../../utils/colorCheck");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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 StepIconContainer = (0, _styled.default)(_Flex.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .stepLine {\n    height: ", ";\n    flex-grow: 2;\n    min-width: ", ";\n  }\n"])), function (_ref) {
-  var isColumn = _ref.isColumn;
-  return isColumn ? 'auto' : '0.125rem';
-}, function (_ref2) {
-  var isColumn = _ref2.isColumn;
-  return isColumn ? '0.188rem' : '5.188rem';
-});
-exports.StepIconContainer = StepIconContainer;
-var StepStart = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n"])), function (_ref3) {
-  var color = _ref3.color,
-    opacity = _ref3.opacity,
-    gradientDirection = _ref3.gradientDirection;
-  return "linear-gradient(".concat(gradientDirection, ", ").concat((0, _colorCheck.parseHexColorToRgba)(color, opacity), ", ").concat(color, ")");
-});
-exports.StepStart = StepStart;
-var StepCenter = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 0.875rem;\n  height: 0.875rem;\n  flex-shrink: 0;\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", ";\n  border-radius: 50%;\n"])), function (_ref4) {
-  var isChecked = _ref4.isChecked;
-  return isChecked ? '0.313rem' : '0.125rem';
-}, function (_ref5) {
-  var color = _ref5.color;
-  return color;
-});
-exports.StepCenter = StepCenter;
-var StepEnd = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background: ", ";\n"])), function (_ref6) {
-  var color = _ref6.color,
-    opacity = _ref6.opacity,
-    gradientDirection = _ref6.gradientDirection;
-  return "linear-gradient(".concat(gradientDirection, ", ").concat(color, ", ").concat((0, _colorCheck.parseHexColorToRgba)(color, opacity), ")");
-});
-exports.StepEnd = StepEnd;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StepStart=exports.StepIconContainer=exports.StepEnd=exports.StepCenter=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styled=_interopRequireDefault(require("@emotion/styled")),_Flex=_interopRequireDefault(require("../../../Flex")),_colorCheck=require("../../../../utils/colorCheck");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 StepIconContainer=(0,_styled.default)(_Flex.default)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .stepLine {\n    height: ",";\n    flex-grow: 2;\n    min-width: ",";\n  }\n"])),function(_ref){var isColumn=_ref.isColumn;return isColumn?"auto":"0.125rem"},function(_ref2){var isColumn=_ref2.isColumn;return isColumn?"0.188rem":"5.188rem"});exports.StepIconContainer=StepIconContainer;var StepStart=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  background: ",";\n"])),function(_ref3){var color=_ref3.color,opacity=_ref3.opacity,gradientDirection=_ref3.gradientDirection;return"linear-gradient(".concat(gradientDirection,", ").concat((0,_colorCheck.parseHexColorToRgba)(color,opacity),", ").concat(color,")")});exports.StepStart=StepStart;var StepCenter=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  width: 0.875rem;\n  height: 0.875rem;\n  flex-shrink: 0;\n  border-width: ",";\n  border-style: solid;\n  border-color: ",";\n  border-radius: 50%;\n"])),function(_ref4){var isChecked=_ref4.isChecked;return isChecked?"0.313rem":"0.125rem"},function(_ref5){var color=_ref5.color;return color});exports.StepCenter=StepCenter;var StepEnd=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  background: ",";\n"])),function(_ref6){var color=_ref6.color,opacity=_ref6.opacity,gradientDirection=_ref6.gradientDirection;return"linear-gradient(".concat(gradientDirection,", ").concat(color,", ").concat((0,_colorCheck.parseHexColorToRgba)(color,opacity),")")});exports.StepEnd=StepEnd;

package/dist/components/Steps/components/StepIcon/utils.js

@@ -1,22 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getStepHexOpacity = getStepHexOpacity;
-function getStepHexOpacity(isCurrentStep, isFirstStep, isLastStep) {
-  var stepsOpacity = {
-    start: 1,
-    end: 1
-  };
-  if (isFirstStep) {
-    stepsOpacity.start = 0.07;
-  }
-  if (isLastStep) {
-    stepsOpacity.end = 0.07;
-  }
-  if (isCurrentStep && !isLastStep) {
-    stepsOpacity.end = 0.15;
-  }
-  return stepsOpacity;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getStepHexOpacity=getStepHexOpacity;function getStepHexOpacity(isCurrentStep,isFirstStep,isLastStep){var stepsOpacity={start:1,end:1};return isFirstStep&&(stepsOpacity.start=.07),isLastStep&&(stepsOpacity.end=.07),isCurrentStep&&!isLastStep&&(stepsOpacity.end=.15),stepsOpacity}