@pedidopago/ui 1.0.8 → 1.1.2

package/dist/components/Rating/components/RatingWithSingleValue/RatingWithSingleValue.js

@@ -11,6 +11,8 @@ var _icons = require("./icons");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -49,21 +51,23 @@ function RatingWithSingleValue(_ref) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, _icons.icons.map(function (icon) {
-    icon.icon.props.width = size;
-    icon.icon.props.height = size;
-
-    icon.icon.props.onClick = function () {
-      return handleClick(icon.id);
-    };
-
-    return /*#__PURE__*/React.createElement(_styles.RatingWrapper, {
-      key: icon.id,
-      disabled: disabled,
-      "data-testid": "rating-wrapper",
-      active: icon.id === currentValue,
-      primaryColor: primaryColor,
-      secondaryColor: secondaryColor
-    }, icon.icon);
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: _icons.icons.map(function (icon) {
+      icon.icon.props.width = size;
+      icon.icon.props.height = size;
+
+      icon.icon.props.onClick = function () {
+        return handleClick(icon.id);
+      };
+
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.RatingWrapper, {
+        disabled: disabled,
+        "data-testid": "rating-wrapper",
+        active: icon.id === currentValue,
+        primaryColor: primaryColor,
+        secondaryColor: secondaryColor,
+        children: icon.icon
+      }, icon.id);
+    })
+  });
 }

package/dist/components/Rating/index.js

@@ -13,6 +13,8 @@ var _RatingWithMultipleValues = require("./components/RatingWithMultipleValues/R
 
 var _RatingWithSingleValue = require("./components/RatingWithSingleValue/RatingWithSingleValue");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var RatingComponent = function RatingComponent(_ref) {
   var _ref$precision = _ref.precision,
       precision = _ref$precision === void 0 ? '0.5' : _ref$precision,
@@ -40,32 +42,33 @@ var RatingComponent = function RatingComponent(_ref) {
       theme = _useTheme.theme;
 
   var parsedSize = size === 'small' ? '16px' : size === 'medium' ? '24px' : size === 'large' ? '32px' : size;
-  return /*#__PURE__*/React.createElement(_react.ThemeProvider, {
-    theme: theme
-  }, name !== 'satisfaction' ? /*#__PURE__*/React.createElement(_RatingWithMultipleValues.RatingWithMultipleValues, {
-    name: name,
-    defaultValue: defaultValue,
-    disabled: disabled,
-    iconsQuantity: iconsQuantity,
-    precision: precision,
-    readOnly: readOnly,
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor,
-    strokeColor: strokeColor,
-    value: value,
-    size: parsedSize,
-    onChangeValue: onChangeValue,
-    onChange: onChange
-  }) : /*#__PURE__*/React.createElement(_RatingWithSingleValue.RatingWithSingleValue, {
-    disabled: disabled,
-    size: parsedSize,
-    onChange: onChange,
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor,
-    strokeColor: strokeColor,
-    onChangeValue: onChangeValue,
-    readOnly: readOnly
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ThemeProvider, {
+    theme: theme,
+    children: name !== 'satisfaction' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RatingWithMultipleValues.RatingWithMultipleValues, {
+      name: name,
+      defaultValue: defaultValue,
+      disabled: disabled,
+      iconsQuantity: iconsQuantity,
+      precision: precision,
+      readOnly: readOnly,
+      primaryColor: primaryColor,
+      secondaryColor: secondaryColor,
+      strokeColor: strokeColor,
+      value: value,
+      size: parsedSize,
+      onChangeValue: onChangeValue,
+      onChange: onChange
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RatingWithSingleValue.RatingWithSingleValue, {
+      disabled: disabled,
+      size: parsedSize,
+      onChange: onChange,
+      primaryColor: primaryColor,
+      secondaryColor: secondaryColor,
+      strokeColor: strokeColor,
+      onChangeValue: onChangeValue,
+      readOnly: readOnly
+    })
+  });
 };
 
 var _default = RatingComponent;

package/dist/components/Rating/rating.test.js

@@ -8,6 +8,8 @@ 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 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; }
@@ -18,7 +20,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var setup = function setup() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   var RatingWrapper = utils.getByTestId('rating-wrapper');
   var RatingIcon = utils.getByTestId('rating-icon-0');
   return _objectSpread({

package/dist/components/SelectInput/components/OptionsArea/index.js

@@ -9,6 +9,8 @@ var _react = require("react");
 
 var _OptionsArea = require("./OptionsArea");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -102,41 +104,44 @@ function OptionsArea(_ref) {
         break;
     }
   }, [setShowOptionsArea]);
-  return /*#__PURE__*/React.createElement(_OptionsArea.OptionsAreaWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OptionsArea.OptionsAreaWrapper, {
     "data-testid": "options-area",
     selectType: inputAlert,
     itensLength: dataToShow.length,
     onKeyDown: keyDownHandler,
-    onScroll: scrollHandler
-  }, AutoComplete && /*#__PURE__*/React.createElement(_OptionsArea.AutoCompleteInput, {
-    type: "text",
-    autoFocus: true,
-    ref: AutoCompleteRef,
-    value: AutoCompleteState,
-    selectType: inputAlert,
-    onChange: function onChange(e) {
-      return setAutoCompleteState(e.target.value);
-    }
-  }), dataToShow.map(function (option, index) {
-    return /*#__PURE__*/React.createElement(_OptionsArea.OptionItem, {
-      ref: !AutoComplete && index === chosenItem ? OptionRef : null,
-      onFocus: function onFocus() {
-        return setChosenItem(index);
-      },
-      onMouseEnter: function onMouseEnter() {
-        return setChosenItem(index);
-      },
-      "data-testid": "options-area--option-item",
-      active: index === chosenItem,
-      tabIndex: 0,
+    onScroll: scrollHandler,
+    children: [AutoComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsArea.AutoCompleteInput, {
+      type: "text",
+      autoFocus: true,
+      ref: AutoCompleteRef,
+      value: AutoCompleteState,
       selectType: inputAlert,
-      onClick: function onClick(e) {
-        return chooseOption(option);
-      },
-      onKeyDown: function onKeyDown(e) {
-        return e.key === 'Enter' && chooseOption(option);
-      },
-      key: "".concat(option.name).concat(index)
-    }, option.value);
-  }), AutoCompleteState.length > 0 && dataToShow.length === 0 && /*#__PURE__*/React.createElement(_OptionsArea.Span, null, "Sem Resultados"));
+      onChange: function onChange(e) {
+        return setAutoCompleteState(e.target.value);
+      }
+    }), dataToShow.map(function (option, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsArea.OptionItem, {
+        ref: !AutoComplete && index === chosenItem ? OptionRef : null,
+        onFocus: function onFocus() {
+          return setChosenItem(index);
+        },
+        onMouseEnter: function onMouseEnter() {
+          return setChosenItem(index);
+        },
+        "data-testid": "options-area--option-item",
+        active: index === chosenItem,
+        tabIndex: 0,
+        selectType: inputAlert,
+        onClick: function onClick(e) {
+          return chooseOption(option);
+        },
+        onKeyDown: function onKeyDown(e) {
+          return e.key === 'Enter' && chooseOption(option);
+        },
+        children: option.value
+      }, "".concat(option.name).concat(index));
+    }), AutoCompleteState.length > 0 && dataToShow.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsArea.Span, {
+      children: "Sem Resultados"
+    })]
+  });
 }

package/dist/components/SelectInput/components/SelectArea/index.js

@@ -15,6 +15,8 @@ var _ButtonsArea = require("./ButtonsArea");
 
 var _Icon = _interopRequireDefault(require("../../../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function SelectArea(_ref) {
@@ -28,44 +30,54 @@ function SelectArea(_ref) {
       selectedOptions = _ref.selectedOptions,
       setSelectedOptions = _ref.setSelectedOptions,
       dropDownIcon = _ref.dropDownIcon;
-  return /*#__PURE__*/React.createElement(_SelectAreaWrapper.SelectAreaWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SelectAreaWrapper.SelectAreaWrapper, {
     "data-testid": "select-area",
     onKeyDown: function onKeyDown(e) {
       return e.key === 'ArrowDown' && setShowOptionsArea(true);
     },
     disabled: disabled,
     onClick: toggleOptionsAreaView,
-    selectType: inputAlert
-  }, /*#__PURE__*/React.createElement(_Label.Label, {
-    animate: selectedOptions.length > 0
-  }, label), /*#__PURE__*/React.createElement(_SelectedOptionsArea.SelectedOptionsArea, null, selectedOptions.map(function (option) {
-    return /*#__PURE__*/React.createElement(_SelectedOptionsArea.SelectedOption, {
-      "data-testid": "select-area--selected-option",
-      key: option.name,
-      disabled: disabled,
-      onClick: function onClick(e) {
-        return removeSelectedOption(e, option);
-      }
-    }, /*#__PURE__*/React.createElement(_SelectedOptionsArea.SelectedOptionText, null, option.value), /*#__PURE__*/React.createElement(_Icon.default, {
-      name: "x-circle",
-      size: "12px"
-    }));
-  })), /*#__PURE__*/React.createElement(_ButtonsArea.ButtonsArea, null, /*#__PURE__*/React.createElement(_ButtonsArea.Button, {
-    tabIndex: 0,
-    disabled: disabled,
-    show: selectedOptions.length > 0,
-    onClick: function onClick() {
-      return setSelectedOptions([]);
-    }
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "x",
-    size: "20px"
-  })), /*#__PURE__*/React.createElement(_ButtonsArea.Button, {
-    show: true,
-    tabIndex: 0,
-    disabled: disabled,
-    onClick: toggleOptionsAreaView
-  }, dropDownIcon || /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "chevron-down"
-  }))));
+    selectType: inputAlert,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
+      animate: selectedOptions.length > 0,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionsArea, {
+      children: selectedOptions.map(function (option) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SelectedOptionsArea.SelectedOption, {
+          "data-testid": "select-area--selected-option",
+          disabled: disabled,
+          onClick: function onClick(e) {
+            return removeSelectedOption(e, option);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionText, {
+            children: option.value
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "x-circle",
+            size: "12px"
+          })]
+        }, option.name);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonsArea.ButtonsArea, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonsArea.Button, {
+        tabIndex: 0,
+        disabled: disabled,
+        show: selectedOptions.length > 0,
+        onClick: function onClick() {
+          return setSelectedOptions([]);
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "x",
+          size: "20px"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonsArea.Button, {
+        show: true,
+        tabIndex: 0,
+        disabled: disabled,
+        onClick: toggleOptionsAreaView,
+        children: dropDownIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "chevron-down"
+        })
+      })]
+    })]
+  });
 }

package/dist/components/SelectInput/index.js

@@ -9,6 +9,8 @@ var _react = require("react");
 
 var _components = require("./components");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["width", "fullWidth", "disabled", "multiple", "AutoComplete", "maxSelects", "onChangeValue", "onChangeSearch", "onFinished", "label", "selectType", "data", "children", "formRegister", "dropDownIcon", "defaultSelectedOptions"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -145,31 +147,32 @@ var SelectInput = function SelectInput(_ref) {
       setShowOptionsArea(false);
     }
   }, [selectedOptions, multiple, setSelectedOptions, maxSelects]);
-  return /*#__PURE__*/React.createElement(_components.InputWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.InputWrapper, {
     ref: InputWrapperRef,
     width: width,
-    fullWidth: fullWidth
-  }, /*#__PURE__*/React.createElement(_components.SelectArea, {
-    disabled: disabled,
-    label: label,
-    setShowOptionsArea: setShowOptionsArea,
-    removeSelectedOption: removeSelectedOption,
-    selectedOptions: selectedOptions,
-    setSelectedOptions: setSelectedOptions,
-    toggleOptionsAreaView: toggleOptionsAreaView,
-    inputAlert: inputAlert,
-    dropDownIcon: dropDownIcon
-  }), showOptionsArea && /*#__PURE__*/React.createElement(_components.OptionsArea, {
-    AutoComplete: AutoComplete,
-    setShowOptionsArea: setShowOptionsArea,
-    inputAlert: inputAlert,
-    chooseOption: chooseOption,
-    selectedOptions: selectedOptions,
-    data: data,
-    scrollHandler: scrollHandler,
-    showOptionsArea: showOptionsArea,
-    onChangeSearch: onChangeSearch
-  }));
+    fullWidth: fullWidth,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectArea, {
+      disabled: disabled,
+      label: label,
+      setShowOptionsArea: setShowOptionsArea,
+      removeSelectedOption: removeSelectedOption,
+      selectedOptions: selectedOptions,
+      setSelectedOptions: setSelectedOptions,
+      toggleOptionsAreaView: toggleOptionsAreaView,
+      inputAlert: inputAlert,
+      dropDownIcon: dropDownIcon
+    }), showOptionsArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.OptionsArea, {
+      AutoComplete: AutoComplete,
+      setShowOptionsArea: setShowOptionsArea,
+      inputAlert: inputAlert,
+      chooseOption: chooseOption,
+      selectedOptions: selectedOptions,
+      data: data,
+      scrollHandler: scrollHandler,
+      showOptionsArea: showOptionsArea,
+      onChangeSearch: onChangeSearch
+    })]
+  });
 };
 
 var _default = SelectInput;

package/dist/components/SelectInput/selectInput.test.js

@@ -10,13 +10,19 @@ var _ = _interopRequireDefault(require("."));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var doIt = function doIt(func, times) {
   for (var i = 0; i < times; i++) {
@@ -50,7 +56,7 @@ var setup = function setup(props) {
     name: 'batata08',
     value: 'Batata08'
   }];
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, _extends({
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
     "data-testid": "select-input-component",
     data: mockData
   }, props)));
@@ -291,13 +297,13 @@ describe('SelectInput', function () {
     var _IconRender$baseEleme, _selectArea$parentEle;
 
     var _setup11 = setup({
-      dropDownIcon: /*#__PURE__*/React.createElement(_Icon.default, {
+      dropDownIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: "search"
       })
     }),
         selectArea = _setup11.selectArea;
 
-    var IconRender = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_Icon.default, {
+    var IconRender = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: "search"
     }));
     var IconInner = (_IconRender$baseEleme = IconRender.baseElement.querySelectorAll('svg')[1]) === null || _IconRender$baseEleme === void 0 ? void 0 : _IconRender$baseEleme.innerHTML;

package/dist/components/Skeleton/index.js

@@ -9,8 +9,16 @@ var _react = require("react");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["children", "isLoaded"];
 
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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; }
@@ -20,7 +28,9 @@ var Skeleton = function Skeleton(_ref) {
       isLoaded = _ref.isLoaded,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, isLoaded ? children : /*#__PURE__*/React.createElement(_styles.SkeletonElement, rest));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+    children: isLoaded ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SkeletonElement, _objectSpread({}, rest))
+  });
 };
 
 var _default = Skeleton;

package/dist/components/Skeleton/skeleton.test.js

@@ -6,6 +6,8 @@ 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 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; }
@@ -15,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   return _objectSpread({}, utils);
 };
 

package/dist/components/Slider/components/SliderPointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderPointer.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderPointer.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,aAAa,8BAA+B,mBAAmB,gBAS3E,CAAC"}
+{"version":3,"file":"SliderPointer.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderPointer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,aAAa,8BAA+B,mBAAmB,gBAsB3E,CAAC"}

package/dist/components/Slider/components/SliderPointer.js

@@ -7,22 +7,37 @@ exports.SliderPointer = void 0;
 
 var _Icon = _interopRequireDefault(require("../../Icon"));
 
-var _pointer = require("../icons/pointer.svg");
-
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var SliderPointer = function SliderPointer(_ref) {
   var direction = _ref.direction,
       thumbColor = _ref.thumbColor;
-  return /*#__PURE__*/React.createElement(_styles.SliderPointerContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderPointerContainer, {
     thumbColor: thumbColor,
-    direction: direction
-  }, /*#__PURE__*/React.createElement(_pointer.ReactComponent, null), /*#__PURE__*/React.createElement(_styles.SliderPointerIcon, null, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "code",
-    size: "20px"
-  })));
+    direction: direction,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      width: "40",
+      height: "50",
+      viewBox: "0 0 40 50",
+      fill: "inherit",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M40 29.6552C39.998 29.6004 39.9958 29.5457 39.9934 29.491C39.9724 28.6775 39.901 27.8763 39.7824 27.0903C37.9437 13.2559 25.8236 3.35911 19.6491 0C13.632 3.39038 1.76695 13.4408 0.163142 27.4777C0.0775457 28.1344 0.0249225 28.8012 0.00695625 29.4765C0.00444922 29.536 0.00213009 29.5956 0 29.6552H0.00301594C0.00100805 29.7699 0 29.8848 0 30C0 40.8553 8.95431 49.6552 20 49.6552C31.0457 49.6552 40 40.8553 40 30C40 29.8848 39.999 29.7699 39.997 29.6552H40Z",
+        fill: "inherit"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderPointerIcon, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        name: "code",
+        size: "20px"
+      })
+    })]
+  });
 };
 
 exports.SliderPointer = SliderPointer;

package/dist/components/Slider/components/SliderRail.js

@@ -11,9 +11,15 @@ var _useEventCallback = require("../hooks/useEventCallback");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["step", "max", "onChange", "trackColor", "direction"];
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -128,7 +134,7 @@ var Rail = function Rail(_ref) {
   (0, _react.useEffect)(function () {
     return toggleMoveEvent;
   }, [toggleMoveEvent]);
-  return /*#__PURE__*/React.createElement(_styles.SliderRailContainer, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderRailContainer, _objectSpread({
     ref: trackRef,
     onTouchStart: handleMoveStart,
     onMouseDown: handleMoveStart,