@codacy/ui-components 0.65.12 → 0.65.14

package/lib/MoreInfo/MoreInfo.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Tooltip = require("../Tooltip");
 var _ = require("..");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["helpContent", "textAlignment", "placement"];
+var _excluded = ["helpContent", "textAlignment", "placement", "tooltipMaxWidth"];
 var HelpIcon = function HelpIcon() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -42,11 +42,13 @@ var MoreInfo = exports.MoreInfo = function MoreInfo(_ref) {
   var helpContent = _ref.helpContent,
     textAlignment = _ref.textAlignment,
     placement = _ref.placement,
+    tooltipMaxWidth = _ref.tooltipMaxWidth,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
     content: helpContent,
     textAlignment: textAlignment,
     placement: placement,
+    maxWidth: tooltipMaxWidth,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, (0, _objectSpread2["default"])({
       icon: HelpIcon,
       color: "icon-primary",

package/lib/MoreInfo/types.d.ts

@@ -1,5 +1,6 @@
 import { TooltipContentProps, TooltipPositionProps } from '../Tooltip/types';
 import { IconProps } from '../Icon/Icon.types';
 export interface MoreInfoProps extends TooltipPositionProps, Omit<IconProps, 'icon'> {
+    tooltipMaxWidth?: string;
     helpContent: TooltipContentProps['content'];
 }

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,65 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+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 _useState = (0, _react.useState)(value),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    sliderValue = _useState2[0],
+    setSliderValue = _useState2[1];
+  var handleChange = (0, _react.useCallback)(function (event) {
+    var newValue = Number(event.target.value);
+    setSliderValue(newValue);
+    onChange(newValue);
+  }, [onChange]);
+  var handleStepClick = (0, _react.useCallback)(function (value) {
+    setSliderValue(value);
+    onChange(value);
+  }, [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: min,
+      max: max,
+      step: step,
+      value: sliderValue,
+      onChange: handleChange
+    }), markStep && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsWrapper, {
+      children: steps.map(function (step) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepMark, {
+          onClick: function onClick() {
+            return handleStepClick(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,25 @@
+/// <reference types="react" />
+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;
+}, 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,70 @@
+"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: "6cfi2d",
+  styles: "min-height:1rem;position:relative"
+} : {
+  name: "6cfi2d",
+  styles: "min-height:1rem;position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TbGlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl3QyIsImZpbGUiOiIuLi8uLi9zcmMvU2xpZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94LCBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IHJnYmEgfSBmcm9tICdwb2xpc2hlZCdcblxuZXhwb3J0IGNvbnN0IFNsaWRlcldyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgbWluLWhlaWdodDogMXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5leHBvcnQgY29uc3QgU2xpZGVySW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNTAnXX07XG4gIG91dGxpbmU6IG5vbmU7XG4gIGhlaWdodDogMC4yNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJjo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIHdpZHRoOiAxcmVtO1xuICAgIGhlaWdodDogMXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5LWFjdGl2ZSddfTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2JvZHknXSArIDF9O1xuICAgICY6aG92ZXIge1xuICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4yNXJlbSAkeyh7IHRoZW1lIH0pID0+IHJnYmEodGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddLCAwLjIpfTtcbiAgICB9XG4gIH1cbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICAgICAgY29uc3QgbWF4ID0gTnVtYmVyKHByb3BzLm1heCkgfHwgMTAwXG4gICAgICByZXR1cm4gcHJvcHMudmFsdWUgPyAoTnVtYmVyKHByb3BzLnZhbHVlKSAvIG1heCkgKiAxMDAgOiAwXG4gICAgfX0lO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWNjZW50LXByaW1hcnknXX07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2JvZHknXSArIDF9O1xuICB9XG5gXG5leHBvcnQgY29uc3QgU3RlcHNXcmFwcGVyID0gc3R5bGVkKEZsZXgpYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIHRvcDogMC43cmVtO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWydib2R5J119O1xuYFxuZXhwb3J0IGNvbnN0IFN0ZXBNYXJrID0gc3R5bGVkLnNwYW5gXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgd2lkdGg6IDAuMjVyZW07XG4gIGhlaWdodDogMC4yNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNDAwJ119O1xuYFxuIl19 */",
+  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 = Number(props.max) || 100;
+  return props.value ? Number(props.value) / max * 100 : 0;
+}, "%;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TbGlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN1QyIsImZpbGUiOiIuLi8uLi9zcmMvU2xpZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94LCBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IHJnYmEgfSBmcm9tICdwb2xpc2hlZCdcblxuZXhwb3J0IGNvbnN0IFNsaWRlcldyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgbWluLWhlaWdodDogMXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5leHBvcnQgY29uc3QgU2xpZGVySW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNTAnXX07XG4gIG91dGxpbmU6IG5vbmU7XG4gIGhlaWdodDogMC4yNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJjo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIHdpZHRoOiAxcmVtO1xuICAgIGhlaWdodDogMXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5LWFjdGl2ZSddfTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2JvZHknXSArIDF9O1xuICAgICY6aG92ZXIge1xuICAgICAgYm94LXNoYWRvdzogMCAwIDAgMC4yNXJlbSAkeyh7IHRoZW1lIH0pID0+IHJnYmEodGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeSddLCAwLjIpfTtcbiAgICB9XG4gIH1cbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAkeyhwcm9wcykgPT4ge1xuICAgICAgY29uc3QgbWF4ID0gTnVtYmVyKHByb3BzLm1heCkgfHwgMTAwXG4gICAgICByZXR1cm4gcHJvcHMudmFsdWUgPyAoTnVtYmVyKHByb3BzLnZhbHVlKSAvIG1heCkgKiAxMDAgOiAwXG4gICAgfX0lO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWNjZW50LXByaW1hcnknXX07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHotaW5kZXg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuekluZGljZXNbJ2JvZHknXSArIDF9O1xuICB9XG5gXG5leHBvcnQgY29uc3QgU3RlcHNXcmFwcGVyID0gc3R5bGVkKEZsZXgpYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIHRvcDogMC43cmVtO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWydib2R5J119O1xuYFxuZXhwb3J0IGNvbnN0IFN0ZXBNYXJrID0gc3R5bGVkLnNwYW5gXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgd2lkdGg6IDAuMjVyZW07XG4gIGhlaWdodDogMC4yNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JsdWUtNDAwJ119O1xuYFxuIl19 */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TbGlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDd0MiLCJmaWxlIjoiLi4vLi4vc3JjL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCwgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyByZ2JhIH0gZnJvbSAncG9saXNoZWQnXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkKEJveClgXG4gIG1pbi1oZWlnaHQ6IDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNsaWRlcklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTUwJ119O1xuICBvdXRsaW5lOiBub25lO1xuICBoZWlnaHQ6IDAuMjVyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICB3aWR0aDogMXJlbTtcbiAgICBoZWlnaHQ6IDFyZW07XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeS1hY3RpdmUnXX07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWydib2R5J10gKyAxfTtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDAuMjVyZW0gJHsoeyB0aGVtZSB9KSA9PiByZ2JhKHRoZW1lLmNvbG9yc1snYWNjZW50LXByaW1hcnknXSwgMC4yKX07XG4gICAgfVxuICB9XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB3aWR0aDogJHsocHJvcHMpID0+IHtcbiAgICAgIGNvbnN0IG1heCA9IE51bWJlcihwcm9wcy5tYXgpIHx8IDEwMFxuICAgICAgcmV0dXJuIHByb3BzLnZhbHVlID8gKE51bWJlcihwcm9wcy52YWx1ZSkgLyBtYXgpICogMTAwIDogMFxuICAgIH19JTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J119O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWydib2R5J10gKyAxfTtcbiAgfVxuYFxuZXhwb3J0IGNvbnN0IFN0ZXBzV3JhcHBlciA9IHN0eWxlZChGbGV4KWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICB0b3A6IDAuN3JlbTtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snYm9keSddfTtcbmBcbmV4cG9ydCBjb25zdCBTdGVwTWFyayA9IHN0eWxlZC5zcGFuYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHdpZHRoOiAwLjI1cmVtO1xuICBoZWlnaHQ6IDAuMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfTtcbmBcbiJdfQ== */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TbGlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEbUMiLCJmaWxlIjoiLi4vLi4vc3JjL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCwgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyByZ2JhIH0gZnJvbSAncG9saXNoZWQnXG5cbmV4cG9ydCBjb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkKEJveClgXG4gIG1pbi1oZWlnaHQ6IDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNsaWRlcklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTUwJ119O1xuICBvdXRsaW5lOiBub25lO1xuICBoZWlnaHQ6IDAuMjVyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICB3aWR0aDogMXJlbTtcbiAgICBoZWlnaHQ6IDFyZW07XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydhY2NlbnQtcHJpbWFyeS1hY3RpdmUnXX07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWydib2R5J10gKyAxfTtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDAuMjVyZW0gJHsoeyB0aGVtZSB9KSA9PiByZ2JhKHRoZW1lLmNvbG9yc1snYWNjZW50LXByaW1hcnknXSwgMC4yKX07XG4gICAgfVxuICB9XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB3aWR0aDogJHsocHJvcHMpID0+IHtcbiAgICAgIGNvbnN0IG1heCA9IE51bWJlcihwcm9wcy5tYXgpIHx8IDEwMFxuICAgICAgcmV0dXJuIHByb3BzLnZhbHVlID8gKE51bWJlcihwcm9wcy52YWx1ZSkgLyBtYXgpICogMTAwIDogMFxuICAgIH19JTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FjY2VudC1wcmltYXJ5J119O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB6LWluZGV4OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnpJbmRpY2VzWydib2R5J10gKyAxfTtcbiAgfVxuYFxuZXhwb3J0IGNvbnN0IFN0ZXBzV3JhcHBlciA9IHN0eWxlZChGbGV4KWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICB0b3A6IDAuN3JlbTtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snYm9keSddfTtcbmBcbmV4cG9ydCBjb25zdCBTdGVwTWFyayA9IHN0eWxlZC5zcGFuYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIHdpZHRoOiAwLjI1cmVtO1xuICBoZWlnaHQ6IDAuMjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydibHVlLTQwMCddfTtcbmBcbiJdfQ== */"));

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.12",
+  "version": "0.65.14",
   "description": "",
   "license": "ISC",
   "author": "",