@orfium/ictinus 4.46.0 → 4.48.0

package/README.md

@@ -6,6 +6,8 @@ An internal UI kit library that is opinionated. Primary focus is to solve UI dup
 
 ![npm](https://img.shields.io/npm/v/@orfium/ictinus)
 [![pan](https://github.com/Orfium/orfium-ictinus/workflows/CI/badge.svg)](https://github.com/Orfium/orfium-ictinus/actions)
+![min size](https://img.shields.io/bundlephobia/min/@orfium/ictinus)
+![minzip size](https://img.shields.io/bundlephobia/minzip/@orfium/ictinus)
 
 ## 📦 Installation
 

package/dist/components/Loader/Loader.utils.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const loaderTypes: readonly ["dots", "indeterminate", "spinner"];
 export declare const getLoader: (type?: "spinner" | "dots" | "indeterminate" | undefined, dataTestId?: string | undefined, color?: string | undefined) => JSX.Element | null;

package/dist/components/SearchField/SearchField.d.ts

@@ -11,5 +11,6 @@ declare const SearchField: React.ForwardRefExoticComponent<Props & {
     onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onInput?: ((event: any) => void) | undefined;
+    hasMinWidthCompat?: boolean | undefined;
 } & import("components/TextInputBase").Props & TestProps & React.RefAttributes<HTMLInputElement>>;
 export default SearchField;

package/dist/components/SearchField/SearchFieldShowcase.d.ts

@@ -8,6 +8,7 @@ declare const SearchFieldShowcase: ({ disabled, placeholder, initialValue, }: Pa
     onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onInput?: ((event: any) => void) | undefined;
+    hasMinWidthCompat?: boolean | undefined;
 } & import("../TextInputBase").Props> & {
     initialValue?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.d.ts

@@ -80,5 +80,6 @@ declare const Select: React.ForwardRefExoticComponent<{
     onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onInput?: ((event: any) => void) | undefined;
+    hasMinWidthCompat?: boolean | undefined;
 } & import("../TextInputBase").Props & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
 export default Select;

package/dist/components/Select/components/SelectMenu/SelectMenu.style.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { Props } from './SelectMenu';
@@ -14,5 +15,6 @@ export declare const optionStyle: ({ selected, size, noResultsExist, }: {
     onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     onInput?: ((event: any) => void) | undefined;
+    hasMinWidthCompat?: boolean | undefined;
 } & import("../../../TextInputBase").Props) => (theme: Theme) => SerializedStyles;
 export declare const menuStyle: ({ status, size, isVirtualized }: Props & TextFieldProps) => (theme: Theme) => SerializedStyles;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TestProps } from '../../utils/types';
+declare type CommonProps = {
+    /** Determines if the Slider is disabled or not */
+    disabled?: boolean;
+    /** Determines if the Slider will show increments along its track */
+    hasIncrements?: boolean;
+    /** Called when a thumb is moved, provides new values */
+    onChange: (values: number[]) => void;
+    /** Called when a change is finished (mouse/touch up, or keyup), provides current values.
+     * Use this event when you have to make for example ajax request with new values. */
+    onFinalChange?: (values: number[]) => void;
+    /** Determines the position of the rendered thumbs and the type of the Slider. 1 value means it's a Selector,
+     * while 2 values mean it's a Range. Defaults to [0, 100] */
+    values: [number] | [number, number];
+};
+export declare const STEP_WITH_INCREMENTS = 20;
+export declare const MIN = 0;
+export declare const MAX = 100;
+declare const Slider: React.FC<CommonProps & TestProps>;
+export default Slider;

package/dist/components/Slider/Slider.js

@@ -0,0 +1,178 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.MAX = exports.MIN = exports.STEP_WITH_INCREMENTS = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRange = require("react-range");
+
+var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
+
+var _TextField = _interopRequireDefault(require("../TextField"));
+
+var _SliderMark = _interopRequireDefault(require("./components/SliderMark"));
+
+var _SliderThumb = _interopRequireDefault(require("./components/SliderThumb"));
+
+var _SliderTrack = _interopRequireDefault(require("./components/SliderTrack"));
+
+var _Slider = require("./Slider.style");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var STEP = 1;
+var STEP_WITH_INCREMENTS = 20;
+exports.STEP_WITH_INCREMENTS = STEP_WITH_INCREMENTS;
+var MIN = 0;
+exports.MIN = MIN;
+var MAX = 100;
+exports.MAX = MAX;
+
+var Slider = function Slider(_ref) {
+  var values = _ref.values,
+      _onChange = _ref.onChange,
+      onFinalChange = _ref.onFinalChange,
+      _ref$hasIncrements = _ref.hasIncrements,
+      hasIncrements = _ref$hasIncrements === void 0 ? false : _ref$hasIncrements,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      dataTestPrefixId = _ref.dataTestPrefixId;
+  var theme = (0, _useTheme["default"])();
+  var initialValueRef = (0, _react.useRef)(values);
+  var isSelector = initialValueRef.current.length === 1;
+
+  if (isSelector && values.length !== 1) {
+    throw new Error('The Selector type Slider can only accept one initial value in the array, since it only has one thumb. Try changing the `values` prop.');
+  }
+
+  if (!isSelector && values.length !== 2) {
+    throw new Error('The Range type Slider only accepts two initial values in the array, since it has two thumbs. Try changing the `values` prop.');
+  }
+
+  var sanitizeValues = function sanitizeValues(value) {
+    if (value < MIN) {
+      return 0;
+    }
+
+    if (value > MAX) {
+      return 100;
+    }
+
+    return value;
+  };
+
+  var handleRenderMark = function handleRenderMark(_ref2) {
+    var props = _ref2.props,
+        index = _ref2.index;
+
+    /** We don't show marks for the first and last increments of the Slider (0%, 100%) */
+    var isNotFirstOrLastMark = isSelector ? index > MIN : index > MIN && index < MAX / STEP_WITH_INCREMENTS;
+    return hasIncrements && isNotFirstOrLastMark && (0, _react2.jsx)(_SliderMark["default"], {
+      key: "mark_" + index,
+      dataTestPrefixId: dataTestPrefixId,
+      restProps: props,
+      values: values,
+      index: index,
+      isSelector: isSelector,
+      disabled: disabled
+    });
+  };
+
+  var handleRenderTrack = function handleRenderTrack(_ref3) {
+    var props = _ref3.props,
+        children = _ref3.children;
+    return (0, _react2.jsx)(_SliderTrack["default"], {
+      dataTestPrefixId: dataTestPrefixId,
+      isSelector: isSelector,
+      restProps: props,
+      values: values,
+      disabled: disabled
+    }, children);
+  };
+
+  var handleRenderThumb = function handleRenderThumb(_ref4) {
+    var _initialValueRef$curr;
+
+    var props = _ref4.props,
+        value = _ref4.value,
+        index = _ref4.index;
+    return (0, _react2.jsx)(_SliderThumb["default"], {
+      key: "thumb_" + index,
+      dataTestId: (dataTestPrefixId != null ? dataTestPrefixId : '') + "thumb_" + index,
+      restProps: props,
+      disabled: disabled,
+      value: value,
+      initialValue: (_initialValueRef$curr = initialValueRef.current) == null ? void 0 : _initialValueRef$curr[index]
+    });
+  };
+
+  return (0, _react2.jsx)(_Slider.Container, {
+    "data-testid": (dataTestPrefixId != null ? dataTestPrefixId : '') + "slider_component"
+  }, (0, _react2.jsx)(_reactRange.Range, {
+    step: hasIncrements ? STEP_WITH_INCREMENTS : STEP,
+    min: MIN,
+    max: MAX,
+    disabled: disabled,
+    values: values,
+    onChange: _onChange,
+    onFinalChange: onFinalChange,
+    renderMark: handleRenderMark,
+    renderTrack: handleRenderTrack,
+    renderThumb: handleRenderThumb
+  }), !isSelector && !hasIncrements && values.length === 2 && (0, _react2.jsx)(_Slider.InputsContainer, null, (0, _react2.jsx)(_Slider.InputContainer, null, (0, _react2.jsx)(_TextField["default"], {
+    disabled: disabled,
+    hasMinWidthCompat: false,
+    size: 'sm',
+    value: values[0],
+    onChange: function onChange(e) {
+      var sanitizedValue = sanitizeValues(parseInt((e == null ? void 0 : e.target.value) || '0'));
+
+      _onChange([sanitizedValue, values[1]]);
+    },
+    onBlur: function onBlur(e) {
+      if (onFinalChange) {
+        var sanitizedValue = sanitizeValues(parseInt((e == null ? void 0 : e.target.value) || '0'));
+        onFinalChange([sanitizedValue, values[1]]);
+      }
+    },
+    rightIcon: (0, _react2.jsx)(_react["default"].Fragment, null, "%"),
+    sx: {
+      textField: {
+        color: theme.utils.getColor('lightGrey', 650)
+      }
+    }
+  })), (0, _react2.jsx)(_Slider.InputContainer, null, (0, _react2.jsx)(_TextField["default"], {
+    disabled: disabled,
+    hasMinWidthCompat: false,
+    size: 'sm',
+    value: values[1],
+    onChange: function onChange(e) {
+      var sanitizedValue = sanitizeValues(parseInt((e == null ? void 0 : e.target.value) || '100'));
+
+      _onChange([values[0], sanitizedValue]);
+    },
+    onBlur: function onBlur(e) {
+      if (onFinalChange) {
+        var sanitizedValue = sanitizeValues(parseInt((e == null ? void 0 : e.target.value) || '100'));
+        onFinalChange([values[0], sanitizedValue]);
+      }
+    },
+    rightIcon: (0, _react2.jsx)(_react["default"].Fragment, null, "%"),
+    sx: {
+      textField: {
+        color: theme.utils.getColor('lightGrey', 650)
+      }
+    }
+  }))));
+};
+
+Slider.displayName = 'Slider';
+var _default = Slider;
+exports["default"] = _default;

package/dist/components/Slider/Slider.style.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Slider/Slider.style.js

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.InputContainer = exports.InputsContainer = exports.Container = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _polished = require("polished");
+
+var _functions = require("../../theme/functions");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Container = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ems0q502"
+} : {
+  target: "ems0q502",
+  label: "Container"
+})(_functions.flex, ";flex-direction:column;gap:", (0, _polished.rem)(22), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NsaWRlci9TbGlkZXIuc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUttQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TbGlkZXIvU2xpZGVyLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcblxuaW1wb3J0IHsgZmxleCB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAke2ZsZXh9O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7cmVtKDIyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtmbGV4fTtcbiAgbWFyZ2luLWxlZnQ6ICR7cmVtKC03KX07XG4gIG1hcmdpbi1yaWdodDogJHtyZW0oLTcpfTtcbiAgZ2FwOiAke3JlbSgyMCl9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtyZW0oODApfTtcbmA7XG4iXX0= */"));
+exports.Container = Container;
+var InputsContainer = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ems0q501"
+} : {
+  target: "ems0q501",
+  label: "InputsContainer"
+})(_functions.flex, ";margin-left:", (0, _polished.rem)(-7), ";margin-right:", (0, _polished.rem)(-7), ";gap:", (0, _polished.rem)(20), ";align-items:center;justify-content:space-between;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NsaWRlci9TbGlkZXIuc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd5QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TbGlkZXIvU2xpZGVyLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcblxuaW1wb3J0IHsgZmxleCB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAke2ZsZXh9O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7cmVtKDIyKX07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtmbGV4fTtcbiAgbWFyZ2luLWxlZnQ6ICR7cmVtKC03KX07XG4gIG1hcmdpbi1yaWdodDogJHtyZW0oLTcpfTtcbiAgZ2FwOiAke3JlbSgyMCl9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtyZW0oODApfTtcbmA7XG4iXX0= */"));
+exports.InputsContainer = InputsContainer;
+var InputContainer = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ems0q500"
+} : {
+  target: "ems0q500",
+  label: "InputContainer"
+})("width:", (0, _polished.rem)(80), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NsaWRlci9TbGlkZXIuc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5cbmltcG9ydCB7IGZsZXggfSBmcm9tICcuLi8uLi90aGVtZS9mdW5jdGlvbnMnO1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtmbGV4fTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3JlbSgyMil9O1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0c0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7ZmxleH07XG4gIG1hcmdpbi1sZWZ0OiAke3JlbSgtNyl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7cmVtKC03KX07XG4gIGdhcDogJHtyZW0oMjApfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7cmVtKDgwKX07XG5gO1xuIl19 */"));
+exports.InputContainer = InputContainer;

package/dist/components/Slider/components/SliderMark/SliderMark.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { IMarkProps } from 'react-range/lib/types';
+import { TestProps } from '../../../../utils/types';
+declare type Props = {
+    values: number[];
+    disabled: boolean;
+    index: number;
+    isSelector: boolean;
+    restProps: IMarkProps;
+};
+declare const SliderMark: FC<Props & TestProps>;
+export default SliderMark;

package/dist/components/Slider/components/SliderMark/SliderMark.js

@@ -0,0 +1,56 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _useTheme = _interopRequireDefault(require("../../../../hooks/useTheme"));
+
+var _Slider = require("../../Slider");
+
+var _SliderMark = require("./SliderMark.style");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+var SliderMark = function SliderMark(_ref) {
+  var values = _ref.values,
+      index = _ref.index,
+      disabled = _ref.disabled,
+      isSelector = _ref.isSelector,
+      _ref$dataTestPrefixId = _ref.dataTestPrefixId,
+      dataTestPrefixId = _ref$dataTestPrefixId === void 0 ? '' : _ref$dataTestPrefixId,
+      restProps = _ref.restProps;
+  var theme = (0, _useTheme["default"])();
+  var backgroundStyle = (0, React.useMemo)(function () {
+    if (!isSelector) {
+      return index * 20 < values[0] || index * 20 > values[1] ? theme.utils.getColor('blue', disabled ? 250 : 150) : theme.utils.getColor('blue', disabled ? 250 : 500);
+    }
+
+    return index * 20 > values[0] ? theme.utils.getColor('blue', disabled ? 250 : 150) : theme.utils.getColor('blue', disabled ? 250 : 500);
+  }, [disabled, index, isSelector, theme.utils, values]);
+  var labelValue = (0, React.useMemo)(function () {
+    return (_Slider.STEP_WITH_INCREMENTS * index).toString();
+  }, [index]);
+  return (0, _react2.jsx)(_SliderMark.Mark, _extends({
+    "data-testid": dataTestPrefixId + "mark_" + index
+  }, restProps, {
+    disabled: disabled,
+    labelValue: labelValue ? labelValue + "%" : ' ',
+    restStyleProps: restProps.style,
+    background: backgroundStyle
+  }), (0, _react2.jsx)(_SliderMark.MarkHoverCircle, {
+    disabled: disabled
+  }));
+};
+
+var _default = SliderMark;
+exports["default"] = _default;

package/dist/components/Slider/components/SliderMark/SliderMark.style.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+export declare const Mark: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    background: string;
+    disabled: boolean;
+    labelValue: string;
+    restStyleProps: CSSProperties;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MarkHoverCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Slider/components/SliderMark/SliderMark.style.js

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MarkHoverCircle = exports.Mark = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _polished = require("polished");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Mark = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ekzqro1"
+} : {
+  target: "ekzqro1",
+  label: "Mark"
+})("height:", (0, _polished.rem)(7), ";width:", (0, _polished.rem)(7), ";border-radius:100%;background:", function (_ref) {
+  var background = _ref.background;
+  return background;
+}, ";position:relative;cursor:", function (_ref2) {
+  var disabled = _ref2.disabled;
+  return disabled ? 'not-allowed' : 'unset';
+}, ";:hover{background:", function (_ref3) {
+  var theme = _ref3.theme,
+      disabled = _ref3.disabled;
+  return !disabled ? theme.utils.getColor('blue', 600) : undefined;
+}, ";::before{content:'", function (_ref4) {
+  var labelValue = _ref4.labelValue;
+  return labelValue;
+}, "';color:white;display:", function (_ref5) {
+  var disabled = _ref5.disabled;
+  return disabled ? 'none' : 'flex';
+}, ";justify-content:center;font-size:", function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.typography.fontSizes[11];
+}, ";background:black;position:absolute;padding:", function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.spacing.sm;
+}, ";box-sizing:border-box;top:", (0, _polished.rem)(-35), ";left:", (0, _polished.rem)(-14.5), ";width:", (0, _polished.rem)(35), ";height:", (0, _polished.rem)(27), ";border-radius:2px;}::after{content:' ';display:", function (_ref8) {
+  var disabled = _ref8.disabled;
+  return disabled ? 'none' : 'unset';
+}, ";position:absolute;top:", (0, _polished.rem)(-10), ";left:", (0, _polished.rem)(-2.5), ";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NsaWRlci9jb21wb25lbnRzL1NsaWRlck1hcmsvU2xpZGVyTWFyay5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2xpZGVyL2NvbXBvbmVudHMvU2xpZGVyTWFyay9TbGlkZXJNYXJrLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHJlbSwgcmdiYSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBNYXJrID0gc3R5bGVkLmRpdjx7XG4gIGJhY2tncm91bmQ6IHN0cmluZztcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG4gIGxhYmVsVmFsdWU6IHN0cmluZztcbiAgcmVzdFN0eWxlUHJvcHM6IENTU1Byb3BlcnRpZXM7XG59PmBcbiAgaGVpZ2h0OiAke3JlbSg3KX07XG4gIHdpZHRoOiAke3JlbSg3KX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZCB9KSA9PiBiYWNrZ3JvdW5kfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICd1bnNldCcpfTtcblxuICA6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGRpc2FibGVkIH0pID0+XG4gICAgICAhZGlzYWJsZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDYwMCkgOiB1bmRlZmluZWR9O1xuXG4gICAgOjpiZWZvcmUge1xuICAgICAgY29udGVudDogJyR7KHsgbGFiZWxWYWx1ZSB9KSA9PiBsYWJlbFZhbHVlfSc7XG4gICAgICBjb2xvcjogd2hpdGU7XG4gICAgICBkaXNwbGF5OiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub25lJyA6ICdmbGV4Jyl9O1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbMTFdfTtcbiAgICAgIGJhY2tncm91bmQ6IGJsYWNrO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0b3A6ICR7cmVtKC0zNSl9O1xuICAgICAgbGVmdDogJHtyZW0oLTE0LjUpfTtcbiAgICAgIHdpZHRoOiAke3JlbSgzNSl9O1xuICAgICAgaGVpZ2h0OiAke3JlbSgyNyl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIH1cblxuICAgIDo6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyAnO1xuICAgICAgZGlzcGxheTogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm9uZScgOiAndW5zZXQnKX07XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6ICR7cmVtKC0xMCl9O1xuICAgICAgbGVmdDogJHtyZW0oLTIuNSl9O1xuICAgICAgd2lkdGg6IDA7XG4gICAgICBoZWlnaHQ6IDA7XG4gICAgICBib3JkZXItbGVmdDogNnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgICAgYm9yZGVyLXJpZ2h0OiA2cHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXItdG9wOiA2cHggc29saWQgIzAwMDtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNYXJrSG92ZXJDaXJjbGUgPSBzdHlsZWQuZGl2PHsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gIDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcgJztcblxuICAgIGhlaWdodDogJHtyZW0oNyl9O1xuICAgIHdpZHRoOiAke3JlbSg3KX07XG5cbiAgICBib3JkZXI6IDRweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDBweDtcblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6ICR7cmVtKC00KX07XG4gICAgbGVmdDogJHtyZW0oLTQpfTtcbiAgfVxuXG4gIDpob3ZlciB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IGRpc2FibGVkIH0pID0+ICghZGlzYWJsZWQgPyByZ2JhKDE0LCAxNCwgMjMsIDAuMSkgOiB1bmRlZmluZWQpfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */"));
+exports.Mark = Mark;
+var MarkHoverCircle = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ekzqro0"
+} : {
+  target: "ekzqro0",
+  label: "MarkHoverCircle"
+})("::after{content:' ';height:", (0, _polished.rem)(7), ";width:", (0, _polished.rem)(7), ";border:4px solid transparent;border-radius:100px;position:absolute;top:", (0, _polished.rem)(-4), ";left:", (0, _polished.rem)(-4), ";}:hover{&::after{border-color:", function (_ref9) {
+  var disabled = _ref9.disabled;
+  return !disabled ? (0, _polished.rgba)(14, 14, 23, 0.1) : undefined;
+}, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NsaWRlci9jb21wb25lbnRzL1NsaWRlck1hcmsvU2xpZGVyTWFyay5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TbGlkZXIvY29tcG9uZW50cy9TbGlkZXJNYXJrL1NsaWRlck1hcmsuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgcmVtLCByZ2JhIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IE1hcmsgPSBzdHlsZWQuZGl2PHtcbiAgYmFja2dyb3VuZDogc3RyaW5nO1xuICBkaXNhYmxlZDogYm9vbGVhbjtcbiAgbGFiZWxWYWx1ZTogc3RyaW5nO1xuICByZXN0U3R5bGVQcm9wczogQ1NTUHJvcGVydGllcztcbn0+YFxuICBoZWlnaHQ6ICR7cmVtKDcpfTtcbiAgd2lkdGg6ICR7cmVtKDcpfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgYmFja2dyb3VuZDogJHsoeyBiYWNrZ3JvdW5kIH0pID0+IGJhY2tncm91bmR9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3Vuc2V0Jyl9O1xuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICAgICFkaXNhYmxlZCA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNjAwKSA6IHVuZGVmaW5lZH07XG5cbiAgICA6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnJHsoeyBsYWJlbFZhbHVlIH0pID0+IGxhYmVsVmFsdWV9JztcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgIGRpc3BsYXk6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKGRpc2FibGVkID8gJ25vbmUnIDogJ2ZsZXgnKX07XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1sxMV19O1xuICAgICAgYmFja2dyb3VuZDogYmxhY2s7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmcuc219O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHRvcDogJHtyZW0oLTM1KX07XG4gICAgICBsZWZ0OiAke3JlbSgtMTQuNSl9O1xuICAgICAgd2lkdGg6ICR7cmVtKDM1KX07XG4gICAgICBoZWlnaHQ6ICR7cmVtKDI3KX07XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgfVxuXG4gICAgOjphZnRlciB7XG4gICAgICBjb250ZW50OiAnICc7XG4gICAgICBkaXNwbGF5OiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub25lJyA6ICd1bnNldCcpfTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogJHtyZW0oLTEwKX07XG4gICAgICBsZWZ0OiAke3JlbSgtMi41KX07XG4gICAgICB3aWR0aDogMDtcbiAgICAgIGhlaWdodDogMDtcbiAgICAgIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXItcmlnaHQ6IDZweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgIGJvcmRlci10b3A6IDZweCBzb2xpZCAjMDAwO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE1hcmtIb3ZlckNpcmNsZSA9IHN0eWxlZC5kaXY8eyBkaXNhYmxlZDogYm9vbGVhbiB9PmBcbiAgOjphZnRlciB7XG4gICAgY29udGVudDogJyAnO1xuXG4gICAgaGVpZ2h0OiAke3JlbSg3KX07XG4gICAgd2lkdGg6ICR7cmVtKDcpfTtcblxuICAgIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogJHtyZW0oLTQpfTtcbiAgICBsZWZ0OiAke3JlbSgtNCl9O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKCFkaXNhYmxlZCA/IHJnYmEoMTQsIDE0LCAyMywgMC4xKSA6IHVuZGVmaW5lZCl9O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */"));
+exports.MarkHoverCircle = MarkHoverCircle;

package/dist/components/Slider/components/SliderMark/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SliderMark';

package/dist/components/Slider/components/SliderMark/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _SliderMark = _interopRequireDefault(require("./SliderMark"));
+
+exports["default"] = _SliderMark["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Slider/components/SliderThumb/SliderThumb.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { IThumbProps } from 'react-range/lib/types';
+import { TestProps } from '../../../../utils/types';
+interface ThumbProps {
+    disabled: boolean;
+    value: number;
+    initialValue: number | undefined;
+    restProps: IThumbProps;
+}
+declare const SliderThumb: FC<ThumbProps & TestProps>;
+export default SliderThumb;

package/dist/components/Slider/components/SliderThumb/SliderThumb.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _SliderThumb = require("./SliderThumb.style");
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+var SliderThumb = function SliderThumb(_ref) {
+  var disabled = _ref.disabled,
+      value = _ref.value,
+      initialValue = _ref.initialValue,
+      dataTestId = _ref.dataTestId,
+      restProps = _ref.restProps;
+  var isChanged = (0, React.useMemo)(function () {
+    return initialValue !== value;
+  }, [initialValue, value]);
+  return (0, _react2.jsx)(_SliderThumb.Thumb, _extends({
+    "data-testid": dataTestId
+  }, restProps, {
+    isChanged: isChanged,
+    disabled: disabled,
+    restStyleProps: restProps.style
+  }));
+};
+
+var _default = SliderThumb;
+exports["default"] = _default;

package/dist/components/Slider/components/SliderThumb/SliderThumb.style.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export declare const Thumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled: boolean;
+    isChanged: boolean;
+    restStyleProps: CSSProperties;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Slider/components/SliderThumb/SliderThumb.style.js

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Thumb = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _polished = require("polished");
+
+var _functions = require("../../../../theme/functions");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var Thumb = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "e76yl4h0"
+} : {
+  target: "e76yl4h0",
+  label: "Thumb"
+})("height:", (0, _polished.rem)(16), ";width:", (0, _polished.rem)(16), ";border-radius:100px;background-color:", function (_ref) {
+  var theme = _ref.theme,
+      isChanged = _ref.isChanged;
+  return isChanged ? theme.utils.getColor('blue', 500) : '#fff';
+}, ";border:2px solid ", function (_ref2) {
+  var theme = _ref2.theme,
+      disabled = _ref2.disabled;
+  return theme.utils.getColor('blue', disabled ? 250 : 500);
+}, ";", function (_ref3) {
+  var restStyleProps = _ref3.restStyleProps;
+  return _extends({}, restStyleProps);
+}, ";box-sizing:border-box;cursor:", function (_ref4) {
+  var disabled = _ref4.disabled;
+  return disabled ? 'not-allowed' : 'unset';
+}, "!important;&::after{content:'';height:", (0, _polished.rem)(16), ";width:", (0, _polished.rem)(16), ";border:8px solid transparent;border-radius:100px;position:absolute;top:", (0, _polished.rem)(-10), ";left:", (0, _polished.rem)(-10), ";", (0, _functions.transition)(0.15), ";}:hover{&::after{border-color:", function (_ref5) {
+  var disabled = _ref5.disabled;
+  return !disabled ? (0, _polished.rgba)(14, 14, 23, 0.1) : undefined;
+}, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NsaWRlci9jb21wb25lbnRzL1NsaWRlclRodW1iL1NsaWRlclRodW1iLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TbGlkZXIvY29tcG9uZW50cy9TbGlkZXJUaHVtYi9TbGlkZXJUaHVtYi5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0sIHJnYmEgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IFRodW1iID0gc3R5bGVkLmRpdjx7XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICBpc0NoYW5nZWQ6IGJvb2xlYW47XG4gIHJlc3RTdHlsZVByb3BzOiBDU1NQcm9wZXJ0aWVzO1xufT5gXG4gIGhlaWdodDogJHtyZW0oMTYpfTtcbiAgd2lkdGg6ICR7cmVtKDE2KX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0NoYW5nZWQgfSkgPT5cbiAgICBpc0NoYW5nZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwMCkgOiAnI2ZmZid9O1xuICBib3JkZXI6IDJweCBzb2xpZCAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIGRpc2FibGVkID8gMjUwIDogNTAwKX07XG4gICR7KHsgcmVzdFN0eWxlUHJvcHMgfSkgPT4gKHsgLi4ucmVzdFN0eWxlUHJvcHMgfSl9O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBjdXJzb3I6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICd1bnNldCcpfSAhaW1wb3J0YW50O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcblxuICAgIGhlaWdodDogJHtyZW0oMTYpfTtcbiAgICB3aWR0aDogJHtyZW0oMTYpfTtcblxuICAgIGJvcmRlcjogOHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogJHtyZW0oLTEwKX07XG4gICAgbGVmdDogJHtyZW0oLTEwKX07XG5cbiAgICAke3RyYW5zaXRpb24oMC4xNSl9O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKCFkaXNhYmxlZCA/IHJnYmEoMTQsIDE0LCAyMywgMC4xKSA6IHVuZGVmaW5lZCl9O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */"));
+exports.Thumb = Thumb;

package/dist/components/Slider/components/SliderThumb/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SliderThumb';

package/dist/components/Slider/components/SliderThumb/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _SliderThumb = _interopRequireDefault(require("./SliderThumb"));
+
+exports["default"] = _SliderThumb["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Slider/components/SliderTrack/SliderTrack.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ITrackProps } from 'react-range/lib/types';
+import { TestProps } from '../../../../utils/types';
+declare type Props = {
+    values: number[];
+    disabled: boolean;
+    isSelector: boolean;
+    restProps: ITrackProps;
+};
+declare const SliderTrack: FC<Props & TestProps>;
+export default SliderTrack;