@codacy/ui-components 0.66.25 → 0.66.26

package/lib/ScrollableContent/ScrollableContent.styles.js

@@ -1,43 +1,26 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScrollableContentWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _theme = require("../theme");
-var _Flexbox = require("../Flexbox");
-var _polished = require("polished");
-var ScrollableContentWrapper = exports.ScrollableContentWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+import { transition } from '../theme';
+import { Flex } from '../Flexbox';
+import { rgba } from 'polished';
+export const ScrollableContentWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
   target: "e1rt0vwo0"
 } : {
   target: "e1rt0vwo0",
   label: "codacy"
-})("position:relative;overflow:hidden;scrollbar-color:", function (_ref) {
-  var theme = _ref.theme;
-  return "".concat(theme.colors['icon-disabled'], " ").concat(theme.colors['background-primary']);
-}, ";&>div{overflow:auto;max-height:100%;width:100%;}&:after,&:before{content:'';position:absolute;z-index:", function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.zIndices['decoration'];
-}, ";width:100%;height:", function (_ref3) {
-  var _ref3$fadeHeight = _ref3.fadeHeight,
-    fadeHeight = _ref3$fadeHeight === void 0 ? '2rem' : _ref3$fadeHeight;
-  return fadeHeight;
-}, ";left:0;transition:", function () {
-  return (0, _theme.transition)(['opacity']);
-}, ";pointer-events:none;}&:before{top:0;opacity:", function (_ref4) {
-  var moreTop = _ref4.moreTop;
-  return moreTop ? 1 : 0;
-}, ";background:", function (_ref5) {
-  var background = _ref5.background,
-    theme = _ref5.theme;
-  return "linear-gradient(0deg, ".concat((0, _polished.rgba)(theme.colors[background || 'background-primary'], 0), " 0%, ").concat((0, _polished.rgba)(theme.colors[background || 'background-primary'], 1), "  100%)");
-}, ";}&:after{bottom:0;opacity:", function (_ref6) {
-  var moreBottom = _ref6.moreBottom;
-  return moreBottom ? 1 : 0;
-}, ";background:", function (_ref7) {
-  var background = _ref7.background,
-    theme = _ref7.theme;
-  return "linear-gradient(180deg, ".concat((0, _polished.rgba)(theme.colors[background || 'background-primary'], 0), " 0%, ").concat((0, _polished.rgba)(theme.colors[background || 'background-primary'], 1), "  100%)");
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TY3JvbGxhYmxlQ29udGVudC9TY3JvbGxhYmxlQ29udGVudC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUMiLCJmaWxlIjoiLi4vLi4vc3JjL1Njcm9sbGFibGVDb250ZW50L1Njcm9sbGFibGVDb250ZW50LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBTY3JvbGxhYmxlQ29udGVudFByb3BzIH0gZnJvbSAnLi9TY3JvbGxhYmxlQ29udGVudC50eXBlcydcbmltcG9ydCB7IHJnYmEgfSBmcm9tICdwb2xpc2hlZCdcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50V3JhcHBlciA9IHN0eWxlZChGbGV4KTxcbiAgU2Nyb2xsYWJsZUNvbnRlbnRQcm9wcyAmIHsgbW9yZVRvcDogYm9vbGVhbjsgbW9yZUJvdHRvbTogYm9vbGVhbiB9XG4+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5jb2xvcnNbJ2ljb24tZGlzYWJsZWQnXX0gJHt0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtcHJpbWFyeSddfWB9O1xuXG4gICYgPiBkaXYge1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAmOmFmdGVyLFxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2RlY29yYXRpb24nXX07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAkeyh7IGZhZGVIZWlnaHQgPSAnMnJlbScgfSkgPT4gZmFkZUhlaWdodH07XG4gICAgbGVmdDogMDtcbiAgICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydvcGFjaXR5J10pfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICB0b3A6IDA7XG4gICAgb3BhY2l0eTogJHsoeyBtb3JlVG9wIH0pID0+IChtb3JlVG9wID8gMSA6IDApfTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmQsIHRoZW1lIH0pID0+XG4gICAgICBgbGluZWFyLWdyYWRpZW50KDBkZWcsICR7cmdiYSh0aGVtZS5jb2xvcnNbYmFja2dyb3VuZCB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J10sIDApfSAwJSwgJHtyZ2JhKFxuICAgICAgICB0aGVtZS5jb2xvcnNbYmFja2dyb3VuZCB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J10sXG4gICAgICAgIDFcbiAgICAgICl9ICAxMDAlKWB9O1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgYm90dG9tOiAwO1xuICAgIG9wYWNpdHk6ICR7KHsgbW9yZUJvdHRvbSB9KSA9PiAobW9yZUJvdHRvbSA/IDEgOiAwKX07XG4gICAgYmFja2dyb3VuZDogJHsoeyBiYWNrZ3JvdW5kLCB0aGVtZSB9KSA9PlxuICAgICAgYGxpbmVhci1ncmFkaWVudCgxODBkZWcsICR7cmdiYSh0aGVtZS5jb2xvcnNbYmFja2dyb3VuZCB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J10sIDApfSAwJSwgJHtyZ2JhKFxuICAgICAgICB0aGVtZS5jb2xvcnNbYmFja2dyb3VuZCB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J10sXG4gICAgICAgIDFcbiAgICAgICl9ICAxMDAlKWB9O1xuICB9XG5gXG4iXX0= */"));
+})("position:relative;overflow:hidden;scrollbar-color:", ({
+  theme
+}) => `${theme.colors['icon-disabled']} ${theme.colors['background-primary']}`, ";&>div{overflow:auto;max-height:100%;width:100%;}&:after,&:before{content:'';position:absolute;z-index:", ({
+  theme
+}) => theme.zIndices['decoration'], ";width:100%;height:", ({
+  fadeHeight = '2rem'
+}) => fadeHeight, ";left:0;transition:", () => transition(['opacity']), ";pointer-events:none;}&:before{top:0;opacity:", ({
+  moreTop
+}) => moreTop ? 1 : 0, ";background:", ({
+  background,
+  theme
+}) => `linear-gradient(0deg, ${rgba(theme.colors[background || 'background-primary'], 0)} 0%, ${rgba(theme.colors[background || 'background-primary'], 1)}  100%)`, ";}&:after{bottom:0;opacity:", ({
+  moreBottom
+}) => moreBottom ? 1 : 0, ";background:", ({
+  background,
+  theme
+}) => `linear-gradient(180deg, ${rgba(theme.colors[background || 'background-primary'], 0)} 0%, ${rgba(theme.colors[background || 'background-primary'], 1)}  100%)`, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TY3JvbGxhYmxlQ29udGVudC9TY3JvbGxhYmxlQ29udGVudC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUMiLCJmaWxlIjoiLi4vLi4vc3JjL1Njcm9sbGFibGVDb250ZW50L1Njcm9sbGFibGVDb250ZW50LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBTY3JvbGxhYmxlQ29udGVudFByb3BzIH0gZnJvbSAnLi9TY3JvbGxhYmxlQ29udGVudC50eXBlcydcbmltcG9ydCB7IHJnYmEgfSBmcm9tICdwb2xpc2hlZCdcblxuZXhwb3J0IGNvbnN0IFNjcm9sbGFibGVDb250ZW50V3JhcHBlciA9IHN0eWxlZChGbGV4KTxcbiAgU2Nyb2xsYWJsZUNvbnRlbnRQcm9wcyAmIHsgbW9yZVRvcDogYm9vbGVhbjsgbW9yZUJvdHRvbTogYm9vbGVhbiB9XG4+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHNjcm9sbGJhci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5jb2xvcnNbJ2ljb24tZGlzYWJsZWQnXX0gJHt0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtcHJpbWFyeSddfWB9O1xuXG4gICYgPiBkaXYge1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIG1heC1oZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAmOmFmdGVyLFxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2RlY29yYXRpb24nXX07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAkeyh7IGZhZGVIZWlnaHQgPSAnMnJlbScgfSkgPT4gZmFkZUhlaWdodH07XG4gICAgbGVmdDogMDtcbiAgICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydvcGFjaXR5J10pfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICB0b3A6IDA7XG4gICAgb3BhY2l0eTogJHsoeyBtb3JlVG9wIH0pID0+IChtb3JlVG9wID8gMSA6IDApfTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmQsIHRoZW1lIH0pID0+XG4gICAgICBgbGluZWFyLWdyYWRpZW50KDBkZWcsICR7cmdiYSh0aGVtZS5jb2xvcnNbYmFja2dyb3VuZCB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J10sIDApfSAwJSwgJHtyZ2JhKFxuICAgICAgICB0aGVtZS5jb2xvcnNbYmFja2dyb3VuZCB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J10sXG4gICAgICAgIDFcbiAgICAgICl9ICAxMDAlKWB9O1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgYm90dG9tOiAwO1xuICAgIG9wYWNpdHk6ICR7KHsgbW9yZUJvdHRvbSB9KSA9PiAobW9yZUJvdHRvbSA/IDEgOiAwKX07XG4gICAgYmFja2dyb3VuZDogJHsoeyBiYWNrZ3JvdW5kLCB0aGVtZSB9KSA9PlxuICAgICAgYGxpbmVhci1ncmFkaWVudCgxODBkZWcsICR7cmdiYSh0aGVtZS5jb2xvcnNbYmFja2dyb3VuZCB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J10sIDApfSAwJSwgJHtyZ2JhKFxuICAgICAgICB0aGVtZS5jb2xvcnNbYmFja2dyb3VuZCB8fCAnYmFja2dyb3VuZC1wcmltYXJ5J10sXG4gICAgICAgIDFcbiAgICAgICl9ICAxMDAlKWB9O1xuICB9XG5gXG4iXX0= */"));

package/lib/ScrollableContent/ScrollableContent.types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/ScrollableContent/index.js

@@ -1,27 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ScrollableContent = require("./ScrollableContent");
-Object.keys(_ScrollableContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ScrollableContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ScrollableContent[key];
-    }
-  });
-});
-var _useScrollContainer = require("./useScrollContainer");
-Object.keys(_useScrollContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useScrollContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useScrollContainer[key];
-    }
-  });
-});
+export * from './ScrollableContent';
+export * from './useScrollContainer';

package/lib/ScrollableContent/useScrollContainer.js

@@ -1,62 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useScrollContainer = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = require("react");
-var _lodash = require("lodash");
-var useScrollContainer = exports.useScrollContainer = function useScrollContainer() {
-  var ref = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)({
-      atTop: true,
-      atBottom: true,
-      scroll: 0,
-      height: 0
-    }),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var throttledHandler = (0, _react.useMemo)(function () {
-    return (0, _lodash.throttle)(function (scrollHeight, scrollTop, containerHeight) {
-      setState({
-        atTop: scrollHeight <= containerHeight || scrollTop <= 10,
-        atBottom: scrollHeight <= containerHeight || scrollTop >= scrollHeight - containerHeight - 10,
-        scroll: scrollTop,
-        height: containerHeight
-      });
-    }, 250);
-  }, []);
-  var resizeObserver = (0, _react.useMemo)(function () {
-    return new ResizeObserver(function (entries) {
-      if (entries.length > 0) {
-        var div = entries[0].target;
-        throttledHandler(div.scrollHeight, div.scrollTop, div.offsetHeight);
-      }
+import { useState, useCallback, useEffect, useRef, useMemo } from 'react';
+import { throttle } from 'lodash';
+export const useScrollContainer = () => {
+  const ref = useRef(null);
+  const [state, setState] = useState({
+    atTop: true,
+    atBottom: true,
+    scroll: 0,
+    height: 0
+  });
+  const throttledHandler = useMemo(() => throttle((scrollHeight, scrollTop, containerHeight) => {
+    setState({
+      atTop: scrollHeight <= containerHeight || scrollTop <= 10,
+      atBottom: scrollHeight <= containerHeight || scrollTop >= scrollHeight - containerHeight - 10,
+      scroll: scrollTop,
+      height: containerHeight
     });
-  }, [throttledHandler]);
-  var onScroll = (0, _react.useCallback)(function (event) {
-    var e = event.currentTarget;
+  }, 250), []);
+  const resizeObserver = useMemo(() => new ResizeObserver(entries => {
+    if (entries.length > 0) {
+      const div = entries[0].target;
+      throttledHandler(div.scrollHeight, div.scrollTop, div.offsetHeight);
+    }
+  }), [throttledHandler]);
+  const onScroll = useCallback(event => {
+    const e = event.currentTarget;
     throttledHandler(e.scrollHeight, e.scrollTop, e.offsetHeight);
   }, [throttledHandler]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (ref !== null && ref !== void 0 && ref.current) {
-      var div = ref.current;
+      const div = ref.current;
       throttledHandler(div.scrollHeight, div.scrollTop, div.offsetHeight);
     }
   }, [throttledHandler]);
-  (0, _react.useEffect)(function () {
-    var containerDiv = ref.current;
+  useEffect(() => {
+    const containerDiv = ref.current;
     if (containerDiv) resizeObserver.observe(containerDiv);
-    return function () {
+    return () => {
       if (containerDiv) resizeObserver.unobserve(containerDiv);
     };
   }, [resizeObserver]);
-  return (0, _objectSpread2["default"])({
-    onScroll: onScroll,
-    ref: ref
-  }, state);
+  return {
+    onScroll,
+    ref,
+    ...state
+  };
 };

package/lib/Skeleton/Skeleton.js

@@ -1,48 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Skeleton = require("./Skeleton.styles");
-var _ = require("../");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["size"],
-  _excluded2 = ["lines"];
-var CircleSkeleton = function CircleSkeleton(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? '2rem' : _ref$size,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.SkeletonPrimitive, (0, _objectSpread2["default"])({
-    variant: "circle",
-    width: size
-  }, props));
-};
-var RectSkeleton = function RectSkeleton(_ref2) {
-  var props = Object.assign({}, ((0, _objectDestructuringEmpty2["default"])(_ref2), _ref2));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.SkeletonPrimitive, (0, _objectSpread2["default"])({
-    variant: "rect"
-  }, props));
-};
-var ParagraphSkeleton = function ParagraphSkeleton(_ref3) {
-  var _ref3$lines = _ref3.lines,
-    lines = _ref3$lines === void 0 ? 3 : _ref3$lines,
-    props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Box, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    children: new Array(lines).fill('').map(function (_item, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.SkeletonPrimitive, {
-        mb: 4,
-        width: index < lines - 1 ? '100%' : '70%'
-      }, "skeleton-paragraph-".concat(index));
-    })
-  }));
-};
-var _default = exports["default"] = {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+import React from 'react';
+import { SkeletonPrimitive } from './Skeleton.styles';
+import { Box } from '../';
+const CircleSkeleton = ({
+  size = '2rem',
+  ...props
+}) => /*#__PURE__*/React.createElement(SkeletonPrimitive, _extends({
+  variant: "circle",
+  width: size
+}, props));
+const RectSkeleton = ({
+  ...props
+}) => /*#__PURE__*/React.createElement(SkeletonPrimitive, _extends({
+  variant: "rect"
+}, props));
+const ParagraphSkeleton = ({
+  lines = 3,
+  ...props
+}) => /*#__PURE__*/React.createElement(Box, props, new Array(lines).fill('').map((_item, index) => /*#__PURE__*/React.createElement(SkeletonPrimitive, {
+  mb: 4,
+  width: index < lines - 1 ? '100%' : '70%',
+  key: `skeleton-paragraph-${index}`
+})));
+export default {
   Circle: CircleSkeleton,
   Rect: RectSkeleton,
   Paragraph: ParagraphSkeleton

package/lib/Skeleton/Skeleton.styles.js

@@ -1,34 +1,37 @@
-"use strict";
+import _styled from "@emotion/styled/base";
+import { css, keyframes } from '@emotion/react';
+import { Box } from '../Flexbox';
+const animation = keyframes`
+  0% {
+    opacity: 0.4;
+  }
+
+  50% {
+    opacity: 1;
+  }
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SkeletonPrimitive = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _Flexbox = require("../Flexbox");
-var _templateObject;
-var animation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  0% {\n    opacity: 0.4;\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0.4;\n  }\n"])));
-var SkeletonPrimitive = exports.SkeletonPrimitive = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+  100% {
+    opacity: 0.4;
+  }
+`;
+export const SkeletonPrimitive = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
   target: "ejszlve0"
 } : {
   target: "ejszlve0",
   label: "codacy"
-})("background:", function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors['background-brand'];
-}, ";animation:", animation, " 1.5s ease-in-out 0.5s infinite;display:block;", function (_ref2) {
-  var variant = _ref2.variant,
-    width = _ref2.width,
-    height = _ref2.height,
-    theme = _ref2.theme;
-  var w = typeof width === 'number' ? "".concat(width, "px") : width;
-  var h = typeof height === 'number' ? "".concat(height, "px") : height;
+})("background:", ({
+  theme
+}) => theme.colors['background-brand'], ";animation:", animation, " 1.5s ease-in-out 0.5s infinite;display:block;", ({
+  variant,
+  width,
+  height,
+  theme
+}) => {
+  const w = typeof width === 'number' ? `${width}px` : width;
+  const h = typeof height === 'number' ? `${height}px` : height;
   if (variant === 'circle') {
-    return /*#__PURE__*/(0, _react.css)("border-radius:100%;width:", w || '2rem', ";height:", w || '2rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ta2VsZXRvbi9Ta2VsZXRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnQiIsImZpbGUiOiIuLi8uLi9zcmMvU2tlbGV0b24vU2tlbGV0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL1NrZWxldG9uLnR5cGVzJ1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cblxuICA1MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUHJpbWl0aXZlID0gc3R5bGVkKEJveCk8UGljazxTa2VsZXRvblByb3BzLCAndmFyaWFudCcgfCAnaGVpZ2h0JyB8ICd3aWR0aCc+PmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtYnJhbmQnXX07XG4gIGFuaW1hdGlvbjogJHthbmltYXRpb259IDEuNXMgZWFzZS1pbi1vdXQgMC41cyBpbmZpbml0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgJHsoeyB2YXJpYW50LCB3aWR0aCwgaGVpZ2h0LCB0aGVtZSB9KSA9PiB7XG4gICAgY29uc3QgdyA9IHR5cGVvZiB3aWR0aCA9PT0gJ251bWJlcicgPyBgJHt3aWR0aH1weGAgOiB3aWR0aFxuICAgIGNvbnN0IGggPSB0eXBlb2YgaGVpZ2h0ID09PSAnbnVtYmVyJyA/IGAke2hlaWdodH1weGAgOiBoZWlnaHRcblxuICAgIGlmICh2YXJpYW50ID09PSAnY2lyY2xlJykge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgICBoZWlnaHQ6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMTAwJSd9O1xuICAgICAgICBoZWlnaHQ6ICR7aCB8fCAnLjY1cmVtJ307XG4gICAgICBgXG4gICAgfVxuICB9fVxuYFxuIl19 */");
+    return /*#__PURE__*/css("border-radius:100%;width:", w || '2rem', ";height:", w || '2rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ta2VsZXRvbi9Ta2VsZXRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnQiIsImZpbGUiOiIuLi8uLi9zcmMvU2tlbGV0b24vU2tlbGV0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL1NrZWxldG9uLnR5cGVzJ1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cblxuICA1MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUHJpbWl0aXZlID0gc3R5bGVkKEJveCk8UGljazxTa2VsZXRvblByb3BzLCAndmFyaWFudCcgfCAnaGVpZ2h0JyB8ICd3aWR0aCc+PmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtYnJhbmQnXX07XG4gIGFuaW1hdGlvbjogJHthbmltYXRpb259IDEuNXMgZWFzZS1pbi1vdXQgMC41cyBpbmZpbml0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgJHsoeyB2YXJpYW50LCB3aWR0aCwgaGVpZ2h0LCB0aGVtZSB9KSA9PiB7XG4gICAgY29uc3QgdyA9IHR5cGVvZiB3aWR0aCA9PT0gJ251bWJlcicgPyBgJHt3aWR0aH1weGAgOiB3aWR0aFxuICAgIGNvbnN0IGggPSB0eXBlb2YgaGVpZ2h0ID09PSAnbnVtYmVyJyA/IGAke2hlaWdodH1weGAgOiBoZWlnaHRcblxuICAgIGlmICh2YXJpYW50ID09PSAnY2lyY2xlJykge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgICBoZWlnaHQ6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMTAwJSd9O1xuICAgICAgICBoZWlnaHQ6ICR7aCB8fCAnLjY1cmVtJ307XG4gICAgICBgXG4gICAgfVxuICB9fVxuYFxuIl19 */");
   } else {
-    return /*#__PURE__*/(0, _react.css)("border-radius:", theme.radii[1], ";width:", w || '100%', ";height:", h || '.65rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ta2VsZXRvbi9Ta2VsZXRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNnQiIsImZpbGUiOiIuLi8uLi9zcmMvU2tlbGV0b24vU2tlbGV0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL1NrZWxldG9uLnR5cGVzJ1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cblxuICA1MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUHJpbWl0aXZlID0gc3R5bGVkKEJveCk8UGljazxTa2VsZXRvblByb3BzLCAndmFyaWFudCcgfCAnaGVpZ2h0JyB8ICd3aWR0aCc+PmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtYnJhbmQnXX07XG4gIGFuaW1hdGlvbjogJHthbmltYXRpb259IDEuNXMgZWFzZS1pbi1vdXQgMC41cyBpbmZpbml0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgJHsoeyB2YXJpYW50LCB3aWR0aCwgaGVpZ2h0LCB0aGVtZSB9KSA9PiB7XG4gICAgY29uc3QgdyA9IHR5cGVvZiB3aWR0aCA9PT0gJ251bWJlcicgPyBgJHt3aWR0aH1weGAgOiB3aWR0aFxuICAgIGNvbnN0IGggPSB0eXBlb2YgaGVpZ2h0ID09PSAnbnVtYmVyJyA/IGAke2hlaWdodH1weGAgOiBoZWlnaHRcblxuICAgIGlmICh2YXJpYW50ID09PSAnY2lyY2xlJykge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgICBoZWlnaHQ6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMTAwJSd9O1xuICAgICAgICBoZWlnaHQ6ICR7aCB8fCAnLjY1cmVtJ307XG4gICAgICBgXG4gICAgfVxuICB9fVxuYFxuIl19 */");
+    return /*#__PURE__*/css("border-radius:", theme.radii[1], ";width:", w || '100%', ";height:", h || '.65rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ta2VsZXRvbi9Ta2VsZXRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNnQiIsImZpbGUiOiIuLi8uLi9zcmMvU2tlbGV0b24vU2tlbGV0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL1NrZWxldG9uLnR5cGVzJ1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cblxuICA1MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUHJpbWl0aXZlID0gc3R5bGVkKEJveCk8UGljazxTa2VsZXRvblByb3BzLCAndmFyaWFudCcgfCAnaGVpZ2h0JyB8ICd3aWR0aCc+PmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtYnJhbmQnXX07XG4gIGFuaW1hdGlvbjogJHthbmltYXRpb259IDEuNXMgZWFzZS1pbi1vdXQgMC41cyBpbmZpbml0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgJHsoeyB2YXJpYW50LCB3aWR0aCwgaGVpZ2h0LCB0aGVtZSB9KSA9PiB7XG4gICAgY29uc3QgdyA9IHR5cGVvZiB3aWR0aCA9PT0gJ251bWJlcicgPyBgJHt3aWR0aH1weGAgOiB3aWR0aFxuICAgIGNvbnN0IGggPSB0eXBlb2YgaGVpZ2h0ID09PSAnbnVtYmVyJyA/IGAke2hlaWdodH1weGAgOiBoZWlnaHRcblxuICAgIGlmICh2YXJpYW50ID09PSAnY2lyY2xlJykge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgICBoZWlnaHQ6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMTAwJSd9O1xuICAgICAgICBoZWlnaHQ6ICR7aCB8fCAnLjY1cmVtJ307XG4gICAgICBgXG4gICAgfVxuICB9fVxuYFxuIl19 */");
   }
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ta2VsZXRvbi9Ta2VsZXRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJpRyIsImZpbGUiOiIuLi8uLi9zcmMvU2tlbGV0b24vU2tlbGV0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFNrZWxldG9uUHJvcHMgfSBmcm9tICcuL1NrZWxldG9uLnR5cGVzJ1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cblxuICA1MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUHJpbWl0aXZlID0gc3R5bGVkKEJveCk8UGljazxTa2VsZXRvblByb3BzLCAndmFyaWFudCcgfCAnaGVpZ2h0JyB8ICd3aWR0aCc+PmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtYnJhbmQnXX07XG4gIGFuaW1hdGlvbjogJHthbmltYXRpb259IDEuNXMgZWFzZS1pbi1vdXQgMC41cyBpbmZpbml0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgJHsoeyB2YXJpYW50LCB3aWR0aCwgaGVpZ2h0LCB0aGVtZSB9KSA9PiB7XG4gICAgY29uc3QgdyA9IHR5cGVvZiB3aWR0aCA9PT0gJ251bWJlcicgPyBgJHt3aWR0aH1weGAgOiB3aWR0aFxuICAgIGNvbnN0IGggPSB0eXBlb2YgaGVpZ2h0ID09PSAnbnVtYmVyJyA/IGAke2hlaWdodH1weGAgOiBoZWlnaHRcblxuICAgIGlmICh2YXJpYW50ID09PSAnY2lyY2xlJykge1xuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgICBoZWlnaHQ6ICR7dyB8fCAnMnJlbSd9O1xuICAgICAgYFxuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICAgICAgd2lkdGg6ICR7dyB8fCAnMTAwJSd9O1xuICAgICAgICBoZWlnaHQ6ICR7aCB8fCAnLjY1cmVtJ307XG4gICAgICBgXG4gICAgfVxuICB9fVxuYFxuIl19 */"));

package/lib/Skeleton/Skeleton.types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/Skeleton/index.js

@@ -1,20 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton["default"];
-  }
-});
-Object.defineProperty(exports, "SkeletonPrimitive", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton2.SkeletonPrimitive;
-  }
-});
-var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-var _Skeleton2 = require("./Skeleton.styles");
+export { default as Skeleton } from './Skeleton';
+export { SkeletonPrimitive } from './Skeleton.styles';

package/lib/Slider/Slider.js

@@ -1,71 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Slider = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["onChange", "value", "markStep", "step", "min", "max"];
-var Slider = exports.Slider = function Slider(_ref) {
+import React, { useMemo } from 'react';
+import { SliderInput, StepMark, StepsWrapper, SliderWrapper, StepMarkWrapper } from './styles';
+export const Slider = ({
+  onChange,
+  value,
+  markStep,
+  step = 1,
+  min = 0,
+  max = 100,
+  ...props
+}) => {
   var _navigator;
-  var _onChange = _ref.onChange,
-    value = _ref.value,
-    markStep = _ref.markStep,
-    _ref$step = _ref.step,
-    step = _ref$step === void 0 ? 1 : _ref$step,
-    _ref$min = _ref.min,
-    min = _ref$min === void 0 ? 0 : _ref$min,
-    _ref$max = _ref.max,
-    max = _ref$max === void 0 ? 100 : _ref$max,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var range = (0, _react.useMemo)(function () {
+  const range = useMemo(() => {
     return min >= max ? {
       min: 0,
       max: 100
     } : {
-      min: min,
-      max: max
+      min,
+      max
     };
   }, [min, max]);
-  var sliderValue = (0, _react.useMemo)(function () {
-    var correctValue = value > range.max ? range.max : value < range.min ? range.min : value;
+  const sliderValue = useMemo(() => {
+    const correctValue = value > range.max ? range.max : value < range.min ? range.min : value;
     if (correctValue !== value) {
-      _onChange(correctValue);
+      onChange(correctValue);
     }
     return correctValue;
-  }, [value, range, _onChange]);
-  var steps = (0, _react.useMemo)(function () {
-    var steps = [];
-    for (var i = min + step; i <= max; i += step) {
+  }, [value, range, onChange]);
+  const steps = useMemo(() => {
+    const steps = [];
+    for (let i = min + step; i <= max; i += step) {
       steps.push(i);
     }
     return steps;
   }, [step, min, max]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
-      type: "range",
-      min: range.min,
-      max: range.max,
-      step: step,
-      value: sliderValue,
-      onChange: function onChange(e) {
-        return _onChange(Number(e.target.value));
-      }
-    }), markStep && !((_navigator = navigator) !== null && _navigator !== void 0 && _navigator.userAgent.toLowerCase().includes('firefox')) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsWrapper, {
-      children: steps.map(function (step) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepMarkWrapper, {
-          onClick: function onClick() {
-            return _onChange(step);
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepMark, {})
-        }, step);
-      })
-    })]
-  }));
+  return /*#__PURE__*/React.createElement(SliderWrapper, props, /*#__PURE__*/React.createElement(SliderInput, {
+    type: "range",
+    min: range.min,
+    max: range.max,
+    step: step,
+    value: sliderValue,
+    onChange: e => onChange(Number(e.target.value))
+  }), markStep && !((_navigator = navigator) !== null && _navigator !== void 0 && _navigator.userAgent.toLowerCase().includes('firefox')) && /*#__PURE__*/React.createElement(StepsWrapper, null, steps.map(step => /*#__PURE__*/React.createElement(StepMarkWrapper, {
+    key: step,
+    onClick: () => onChange(step)
+  }, /*#__PURE__*/React.createElement(StepMark, null)))));
 };

package/lib/Slider/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Slider = require("./Slider");
-Object.keys(_Slider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Slider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Slider[key];
-    }
-  });
-});
+export * from './Slider';