@codacy/ui-components 0.65.13 → 0.65.15

package/lib/Slider/Slider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SliderProps } from './types';
+export declare const Slider: React.FC<SliderProps>;

package/lib/Slider/Slider.js

@@ -0,0 +1,69 @@
+"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) {
+  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 () {
+    return min >= max ? {
+      min: 0,
+      max: 100
+    } : {
+      min: min,
+      max: max
+    };
+  }, [min, max]);
+  var sliderValue = (0, _react.useMemo)(function () {
+    var correctValue = value > range.max ? range.max : value < range.min ? range.min : value;
+    if (correctValue !== value) {
+      _onChange(correctValue);
+    }
+    return correctValue;
+  }, [value, range, _onChange]);
+  var steps = (0, _react.useMemo)(function () {
+    var steps = [];
+    for (var i = min; 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 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsWrapper, {
+      children: steps.map(function (step) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepMark, {
+          onClick: function onClick() {
+            return _onChange(step);
+          }
+        }, step);
+      })
+    })]
+  }));
+};

package/lib/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from './Slider';

package/lib/Slider/index.js

@@ -0,0 +1,16 @@
+"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];
+    }
+  });
+});

package/lib/Slider/styles.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { SliderProps } from './types';
+export declare const SliderWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+    fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps, {}, {}>;
+export declare const SliderInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Omit<SliderProps, "onChange">, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const StepsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+    fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps, {}, {}>;
+export declare const StepMark: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/lib/Slider/styles.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepsWrapper = exports.StepMark = exports.SliderWrapper = exports.SliderInput = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Flexbox = require("../Flexbox");
+var _polished = require("polished");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var SliderWrapper = exports.SliderWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+  target: "e1h0pgh23"
+} : {
+  target: "e1h0pgh23",
+  label: "codacy"
+})(process.env.NODE_ENV === "production" ? {
+  name: "12k6l49",
+  styles: "font-size:1rem min-height:1rem;position:relative"
+} : {
+  name: "12k6l49",
+  styles: "font-size:1rem min-height:1rem;position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TbGlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt3QyIsImZpbGUiOiIuLi8uLi9zcmMvU2xpZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94LCBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IHJnYmEgfSBmcm9tICdwb2xpc2hlZCdcbmltcG9ydCB7IFNsaWRlclByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuZXhwb3J0IGNvbnN0IFNsaWRlcldyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgZm9udC1zaXplOiAxcmVtXG4gIG1pbi1oZWlnaHQ6IDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNsaWRlcklucHV0ID0gc3R5bGVkLmlucHV0PE9taXQ8U2xpZGVyUHJvcHMsICdvbkNoYW5nZSc+PmBcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS01MCddfTtcbiAgb3V0bGluZTogbm9uZTtcbiAgaGVpZ2h0OiAwLjI1cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgd2lkdGg6IDFyZW07XG4gICAgaGVpZ2h0OiAxcmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWNjZW50LXByaW1hcnktYWN0aXZlJ119O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snYm9keSddICsgMX07XG4gICAgJjpob3ZlciB7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjI1cmVtICR7KHsgdGhlbWUgfSkgPT4gcmdiYSh0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J10sIDAuMil9O1xuICAgIH1cbiAgfVxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6ICR7KHByb3BzKSA9PiB7XG4gICAgICBjb25zdCBtYXggPSBwcm9wcy5tYXggfHwgMTAwXG4gICAgICBjb25zdCBtaW4gPSBwcm9wcy5taW4gfHwgMFxuICAgICAgY29uc3QgdmFsdWUgPSBwcm9wcy52YWx1ZSB8fCAwXG4gICAgICBjb25zdCBzdGVwID0gcHJvcHMuc3RlcCB8fCAxXG4gICAgICBjb25zdCB2YWx1ZUJ5U3RlcCA9IHZhbHVlICUgc3RlcCAhPT0gMCA/IE1hdGgucm91bmQodmFsdWUgLyBzdGVwKSAqIHN0ZXAgOiB2YWx1ZVxuICAgICAgcmV0dXJuICgodmFsdWVCeVN0ZXAgLSBtaW4pIC8gKG1heCAtIG1pbikpICogMTAwXG4gICAgfX0lO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J119O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWydib2R5J10gKyAxfTtcbiAgfVxuYFxuZXhwb3J0IGNvbnN0IFN0ZXBzV3JhcHBlciA9IHN0eWxlZChGbGV4KWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICB0b3A6IDAuN3JlbTtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snYm9keSddfTtcbmBcbmV4cG9ydCBjb25zdCBTdGVwTWFyayA9IHN0eWxlZC5zcGFuYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHdpZHRoOiAwLjI1cmVtO1xuICBoZWlnaHQ6IDAuMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfTtcbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var SliderInput = exports.SliderInput = /*#__PURE__*/(0, _base["default"])("input", process.env.NODE_ENV === "production" ? {
+  target: "e1h0pgh22"
+} : {
+  target: "e1h0pgh22",
+  label: "codacy"
+})("-webkit-appearance:none;background:", function (_ref) {
+  var theme = _ref.theme;
+  return theme.colors['blue-50'];
+}, ";outline:none;height:0.25rem;width:100%;position:relative;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.colors['accent-primary-active'];
+}, ";cursor:pointer;position:relative;z-index:", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.zIndices['body'] + 1;
+}, ";&:hover{box-shadow:0 0 0 0.25rem ", function (_ref4) {
+  var theme = _ref4.theme;
+  return (0, _polished.rgba)(theme.colors['accent-primary'], 0.2);
+}, ";}}&:before{content:'';width:", function (props) {
+  var max = props.max || 100;
+  var min = props.min || 0;
+  var value = props.value || 0;
+  var step = props.step || 1;
+  var valueByStep = value % step !== 0 ? Math.round(value / step) * step : value;
+  return (valueByStep - min) / (max - min) * 100;
+}, "%;max-width:100%;height:100%;background-color:", function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colors['accent-primary'];
+}, ";position:absolute;top:0;left:0;z-index:", function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.zIndices['body'] + 1;
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TbGlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdzRSIsImZpbGUiOiIuLi8uLi9zcmMvU2xpZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94LCBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IHJnYmEgfSBmcm9tICdwb2xpc2hlZCdcbmltcG9ydCB7IFNsaWRlclByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuZXhwb3J0IGNvbnN0IFNsaWRlcldyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgZm9udC1zaXplOiAxcmVtXG4gIG1pbi1oZWlnaHQ6IDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNsaWRlcklucHV0ID0gc3R5bGVkLmlucHV0PE9taXQ8U2xpZGVyUHJvcHMsICdvbkNoYW5nZSc+PmBcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS01MCddfTtcbiAgb3V0bGluZTogbm9uZTtcbiAgaGVpZ2h0OiAwLjI1cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgd2lkdGg6IDFyZW07XG4gICAgaGVpZ2h0OiAxcmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWNjZW50LXByaW1hcnktYWN0aXZlJ119O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snYm9keSddICsgMX07XG4gICAgJjpob3ZlciB7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjI1cmVtICR7KHsgdGhlbWUgfSkgPT4gcmdiYSh0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J10sIDAuMil9O1xuICAgIH1cbiAgfVxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6ICR7KHByb3BzKSA9PiB7XG4gICAgICBjb25zdCBtYXggPSBwcm9wcy5tYXggfHwgMTAwXG4gICAgICBjb25zdCBtaW4gPSBwcm9wcy5taW4gfHwgMFxuICAgICAgY29uc3QgdmFsdWUgPSBwcm9wcy52YWx1ZSB8fCAwXG4gICAgICBjb25zdCBzdGVwID0gcHJvcHMuc3RlcCB8fCAxXG4gICAgICBjb25zdCB2YWx1ZUJ5U3RlcCA9IHZhbHVlICUgc3RlcCAhPT0gMCA/IE1hdGgucm91bmQodmFsdWUgLyBzdGVwKSAqIHN0ZXAgOiB2YWx1ZVxuICAgICAgcmV0dXJuICgodmFsdWVCeVN0ZXAgLSBtaW4pIC8gKG1heCAtIG1pbikpICogMTAwXG4gICAgfX0lO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J119O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWydib2R5J10gKyAxfTtcbiAgfVxuYFxuZXhwb3J0IGNvbnN0IFN0ZXBzV3JhcHBlciA9IHN0eWxlZChGbGV4KWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICB0b3A6IDAuN3JlbTtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snYm9keSddfTtcbmBcbmV4cG9ydCBjb25zdCBTdGVwTWFyayA9IHN0eWxlZC5zcGFuYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHdpZHRoOiAwLjI1cmVtO1xuICBoZWlnaHQ6IDAuMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfTtcbmBcbiJdfQ== */"));
+var StepsWrapper = exports.StepsWrapper = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
+  target: "e1h0pgh21"
+} : {
+  target: "e1h0pgh21",
+  label: "codacy"
+})("position:absolute;display:flex;justify-content:space-between;width:100%;top:0.7rem;left:0;z-index:", function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.zIndices['body'];
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TbGlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ed0MiLCJmaWxlIjoiLi4vLi4vc3JjL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCwgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyByZ2JhIH0gZnJvbSAncG9saXNoZWQnXG5pbXBvcnQgeyBTbGlkZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkKEJveClgXG4gIGZvbnQtc2l6ZTogMXJlbVxuICBtaW4taGVpZ2h0OiAxcmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJJbnB1dCA9IHN0eWxlZC5pbnB1dDxPbWl0PFNsaWRlclByb3BzLCAnb25DaGFuZ2UnPj5gXG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNTAnXX07XG4gIG91dGxpbmU6IG5vbmU7XG4gIGhlaWdodDogMC4yNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJjo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIHdpZHRoOiAxcmVtO1xuICAgIGhlaWdodDogMXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5LWFjdGl2ZSddfTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2JvZHknXSArIDF9O1xuICAgICY6aG92ZXIge1xuICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4yNXJlbSAkeyh7IHRoZW1lIH0pID0+IHJnYmEodGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddLCAwLjIpfTtcbiAgICB9XG4gIH1cbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICAgICAgY29uc3QgbWF4ID0gcHJvcHMubWF4IHx8IDEwMFxuICAgICAgY29uc3QgbWluID0gcHJvcHMubWluIHx8IDBcbiAgICAgIGNvbnN0IHZhbHVlID0gcHJvcHMudmFsdWUgfHwgMFxuICAgICAgY29uc3Qgc3RlcCA9IHByb3BzLnN0ZXAgfHwgMVxuICAgICAgY29uc3QgdmFsdWVCeVN0ZXAgPSB2YWx1ZSAlIHN0ZXAgIT09IDAgPyBNYXRoLnJvdW5kKHZhbHVlIC8gc3RlcCkgKiBzdGVwIDogdmFsdWVcbiAgICAgIHJldHVybiAoKHZhbHVlQnlTdGVwIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMFxuICAgIH19JTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddfTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snYm9keSddICsgMX07XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBTdGVwc1dyYXBwZXIgPSBzdHlsZWQoRmxleClgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgdG9wOiAwLjdyZW07XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2JvZHknXX07XG5gXG5leHBvcnQgY29uc3QgU3RlcE1hcmsgPSBzdHlsZWQuc3BhbmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICB3aWR0aDogMC4yNXJlbTtcbiAgaGVpZ2h0OiAwLjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX07XG5gXG4iXX0= */"));
+var StepMark = exports.StepMark = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
+  target: "e1h0pgh20"
+} : {
+  target: "e1h0pgh20",
+  label: "codacy"
+})("cursor:pointer;border-radius:100%;width:0.25rem;height:0.25rem;background-color:", function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.colors['blue-400'];
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TbGlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREbUMiLCJmaWxlIjoiLi4vLi4vc3JjL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCwgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyByZ2JhIH0gZnJvbSAncG9saXNoZWQnXG5pbXBvcnQgeyBTbGlkZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkKEJveClgXG4gIGZvbnQtc2l6ZTogMXJlbVxuICBtaW4taGVpZ2h0OiAxcmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJJbnB1dCA9IHN0eWxlZC5pbnB1dDxPbWl0PFNsaWRlclByb3BzLCAnb25DaGFuZ2UnPj5gXG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNTAnXX07XG4gIG91dGxpbmU6IG5vbmU7XG4gIGhlaWdodDogMC4yNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJjo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIHdpZHRoOiAxcmVtO1xuICAgIGhlaWdodDogMXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5LWFjdGl2ZSddfTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2JvZHknXSArIDF9O1xuICAgICY6aG92ZXIge1xuICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4yNXJlbSAkeyh7IHRoZW1lIH0pID0+IHJnYmEodGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddLCAwLjIpfTtcbiAgICB9XG4gIH1cbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICAgICAgY29uc3QgbWF4ID0gcHJvcHMubWF4IHx8IDEwMFxuICAgICAgY29uc3QgbWluID0gcHJvcHMubWluIHx8IDBcbiAgICAgIGNvbnN0IHZhbHVlID0gcHJvcHMudmFsdWUgfHwgMFxuICAgICAgY29uc3Qgc3RlcCA9IHByb3BzLnN0ZXAgfHwgMVxuICAgICAgY29uc3QgdmFsdWVCeVN0ZXAgPSB2YWx1ZSAlIHN0ZXAgIT09IDAgPyBNYXRoLnJvdW5kKHZhbHVlIC8gc3RlcCkgKiBzdGVwIDogdmFsdWVcbiAgICAgIHJldHVybiAoKHZhbHVlQnlTdGVwIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMFxuICAgIH19JTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddfTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snYm9keSddICsgMX07XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBTdGVwc1dyYXBwZXIgPSBzdHlsZWQoRmxleClgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgdG9wOiAwLjdyZW07XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2JvZHknXX07XG5gXG5leHBvcnQgY29uc3QgU3RlcE1hcmsgPSBzdHlsZWQuc3BhbmBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICB3aWR0aDogMC4yNXJlbTtcbiAgaGVpZ2h0OiAwLjI1cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYmx1ZS00MDAnXX07XG5gXG4iXX0= */"));

package/lib/Slider/types.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from '../types';
+import { BoxProps } from '../Flexbox';
+export interface SliderProps extends BoxProps, ComponentProps {
+    value: number;
+    onChange: (value: number) => void;
+    step?: number;
+    markStep?: boolean;
+    min?: number;
+    max?: number;
+}

package/lib/Slider/types.js

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

package/lib/index.d.ts

@@ -42,3 +42,4 @@ export * from './hooks';
 export * from './types';
 export * from './system-props';
 export * from './ProgressBar';
+export * from './Slider';

package/lib/index.js

@@ -486,4 +486,15 @@ Object.keys(_ProgressBar).forEach(function (key) {
       return _ProgressBar[key];
     }
   });
+});
+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];
+    }
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.65.13",
+  "version": "0.65.15",
   "description": "",
   "license": "ISC",
   "author": "",