@elliemae/ds-slider 1.60.0 → 2.0.0-alpha.12

package/esm/components/Track.js

@@ -1,51 +1,59 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React, { useContext } from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
 import { getTrackBackground } from 'react-range';
 import styled from 'styled-components';
 import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import TickMarks from './TickMarks.js';
-import TickMarks$1 from './TickMarksValues.js';
+import TickMarks$1 from './TickMarks.js';
+import TickMarks from './TickMarksValues.js';
 import { SliderContext } from './context.js';
+import { jsxs, Fragment } from 'react/jsx-runtime';
 
-var Track = function Track(_ref) {
-  var children = _ref.children,
-      props = _ref.props;
+var _TickMarks, _TickMarksValues;
 
-  var _useContext = useContext(SliderContext),
-      disabled = _useContext.disabled,
-      minValue = _useContext.minValue,
-      maxValue = _useContext.maxValue,
-      rangeValues = _useContext.rangeValues,
-      withTickMarks = _useContext.withTickMarks,
-      withTickMarksValues = _useContext.withTickMarksValues,
-      withTwoHandles = _useContext.withTwoHandles;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TrackStyled, _extends({}, props, {
-    // This is needed because it's received from the library
-    disabled: disabled,
-    minValue: minValue,
-    maxValue: maxValue,
-    rangeValues: rangeValues,
-    withTwoHandles: withTwoHandles
-  }), children, withTickMarks && !disabled && /*#__PURE__*/React.createElement(TickMarks, null)), withTickMarksValues && /*#__PURE__*/React.createElement(TickMarks$1, null));
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const Track = _ref => {
+  let {
+    children,
+    props
+  } = _ref;
+  const {
+    disabled,
+    minValue,
+    maxValue,
+    rangeValues,
+    withTickMarks,
+    withTickMarksValues,
+    withTwoHandles
+  } = useContext(SliderContext);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(TrackStyled, _objectSpread(_objectSpread({}, props), {}, {
+      // This is needed because it's received from the library
+      disabled: disabled,
+      minValue: minValue,
+      maxValue: maxValue,
+      rangeValues: rangeValues,
+      withTwoHandles: withTwoHandles,
+      children: [children, withTickMarks && !disabled && (_TickMarks || (_TickMarks = /*#__PURE__*/_jsx(TickMarks$1, {})))]
+    })), withTickMarksValues && (_TickMarksValues || (_TickMarksValues = /*#__PURE__*/_jsx(TickMarks, {})))]
+  });
 };
 
-var TrackStyled = /*#__PURE__*/styled.div.withConfig({
+const TrackStyled = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-13fbuj5-0"
-})(["position:relative;height:", ";width:100%;min-width:", ";border-radius:", ";background:", ";"], function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl);
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return props.disabled ? props.theme.colors.neutral[100] : getTrackBackground({
-    values: props.rangeValues,
-    colors: props.withTwoHandles ? [props.theme.colors.neutral[100], props.theme.colors.brand[600], props.theme.colors.neutral[100]] : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],
-    min: props.minValue,
-    max: props.maxValue
-  });
-});
+})(["position:relative;height:", ";width:100%;min-width:", ";border-radius:", ";background:", ";"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.disabled ? props.theme.colors.neutral[100] : getTrackBackground({
+  values: props.rangeValues,
+  colors: props.withTwoHandles ? [props.theme.colors.neutral[100], props.theme.colors.brand[600], props.theme.colors.neutral[100]] : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],
+  min: props.minValue,
+  max: props.maxValue
+}));
 
 export { Track as default };
-//# sourceMappingURL=Track.js.map

package/esm/components/context.js

@@ -1,6 +1,5 @@
 import React from 'react';
 
-var SliderContext = /*#__PURE__*/React.createContext();
+const SliderContext = /*#__PURE__*/React.createContext();
 
 export { SliderContext };
-//# sourceMappingURL=context.js.map

package/esm/components/styled.js

@@ -3,60 +3,45 @@ import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { TooltipContainer } from '@elliemae/ds-tooltip';
 
 /* eslint-disable indent */
-var ThumbStyled = /*#__PURE__*/styled.div.withConfig({
+const ThumbStyled = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-24in0j-0"
-})(["height:20px;width:20px;background-color:", ";border-radius:10px;border:1px solid ", ";:focus{border:1px solid ", ";outline:unset;}:hover{background-color:", ";}"], function (props) {
-  return props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400];
-}, function (props) {
-  return props.theme.colors.brand[600];
-}, function (_ref) {
-  var disabled = _ref.disabled,
-      theme = _ref.theme;
+})(["height:20px;width:20px;background-color:", ";border-radius:10px;border:1px solid ", ";:focus{border:1px solid ", ";outline:unset;}:hover{background-color:", ";}"], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000'], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400], props => props.theme.colors.brand[600], _ref => {
+  let {
+    disabled,
+    theme
+  } = _ref;
   return disabled ? theme.colors.neutral[100] : theme.colors.brand[200];
 });
-var TooltipContainerStyled = /*#__PURE__*/styled(TooltipContainer).withConfig({
+const TooltipContainerStyled = /*#__PURE__*/styled(TooltipContainer).withConfig({
   componentId: "sc-24in0j-1"
-})(["position:relative;display:flex;align-items:center;flex-direction:column;top:-35px;width:max-content;left:50%;transform:translateX(-50%);visibility:", ";"], function (_ref2) {
-  var isDragged = _ref2.isDragged,
-      isHovered = _ref2.isHovered;
+})(["position:relative;display:flex;align-items:center;flex-direction:column;top:-35px;width:max-content;left:50%;transform:translateX(-50%);visibility:", ";"], _ref2 => {
+  let {
+    isDragged,
+    isHovered
+  } = _ref2;
   return isDragged || isHovered ? 'visible' : 'hidden';
 }); // TODO: didn't work with DSTooltip, see how to improve
 
-var TooltipArrow = /*#__PURE__*/styled.div.withConfig({
+const TooltipArrow = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-24in0j-2"
-})(["position:absolute;width:0;height:0;top:20px;border-left:calc(", " * 2.5) solid transparent;border-right:calc(", " * 2.5) solid transparent;border-top:calc(", " * 2.5) solid ", ";"], function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return props.theme.colors.neutral[0];
-});
-var LabelWrapper = /*#__PURE__*/styled.div.withConfig({
+})(["position:absolute;width:0;height:0;top:20px;border-left:calc(", " * 2.5) solid transparent;border-right:calc(", " * 2.5) solid transparent;border-top:calc(", " * 2.5) solid ", ";"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.theme.colors.neutral[0]);
+const LabelWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-24in0j-3"
-})(["margin-bottom:", ";max-width:100%;width:", ";"], function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return "".concat(props.width || 0, "px");
-});
-var LabelText = /*#__PURE__*/styled.span.withConfig({
+})(["margin-bottom:", ";max-width:100%;width:", ";"], props => props.theme.space.xxs, props => "".concat(props.width || 0, "px"));
+const LabelText = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-24in0j-4"
-})(["color:", ";"], function (props) {
-  return props.theme.colors.neutral[600];
-});
-var ValueText = /*#__PURE__*/styled.span.withConfig({
+})(["color:", ";"], props => props.theme.colors.neutral[600]);
+const ValueText = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-24in0j-5"
-})(["color:", ";"], function (_ref3) {
-  var disabled = _ref3.disabled,
-      theme = _ref3.theme;
+})(["color:", ";"], _ref3 => {
+  let {
+    disabled,
+    theme
+  } = _ref3;
   return theme.colors.neutral[disabled ? 500 : 800];
 });
-var StyledRangeWrapper = /*#__PURE__*/styled.div.withConfig({
+const StyledRangeWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-24in0j-6"
 })(["min-height:28px;margin:0 10px;"]);
 
 export { LabelText, LabelWrapper, StyledRangeWrapper, ThumbStyled, TooltipArrow, TooltipContainerStyled, ValueText };
-//# sourceMappingURL=styled.js.map

package/esm/components/utils.js

@@ -1,19 +1,19 @@
 import { isEmpty } from '@elliemae/ds-utilities';
 
 /* eslint-disable max-params */
-var conformedLabel = function conformedLabel(rangeValues) {
-  var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var labelWithValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var withTwoHandles = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var customTickMarksValues = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  var step = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
-  var minValue = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
-  var msg = label.trim();
-  var value = '';
+const conformedLabel = function (rangeValues) {
+  let label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let labelWithValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  let withTwoHandles = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  let customTickMarksValues = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  let step = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
+  let minValue = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
+  const msg = label.trim();
+  let value = '';
 
   if (!isEmpty(customTickMarksValues) && labelWithValue && label) {
-    var firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];
-    var secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];
+    const firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];
+    const secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];
     value = "".concat(firstValue || rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat(secondValue || rangeValues[1].toFixed(1)) : '', " ");
   } else if (labelWithValue && label) {
     var _rangeValues$;
@@ -24,15 +24,15 @@ var conformedLabel = function conformedLabel(rangeValues) {
   value = value.trim();
   return [msg, value];
 };
-var conformedThumbLabel = function conformedThumbLabel(rangeValues) {
-  var customTickMarksValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-  var minValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  var msg = "Value: ";
+const conformedThumbLabel = function (rangeValues) {
+  let customTickMarksValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  let step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  let minValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let msg = "Value: ";
 
   if (!isEmpty(customTickMarksValues)) {
-    var foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
+    const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
     msg += "".concat(foundValue || rangeValues[index].toFixed(1));
   } else {
     msg += "".concat(rangeValues[index].toFixed(1));
@@ -42,4 +42,3 @@ var conformedThumbLabel = function conformedThumbLabel(rangeValues) {
 };
 
 export { conformedLabel, conformedThumbLabel };
-//# sourceMappingURL=utils.js.map

package/esm/index.js

@@ -1,25 +1 @@
 export { DSSlider, DSSliderWithSchema, DSSlider as default } from './DSSlider.js';
-import 'react';
-import 'react-desc';
-import './components/SliderImp.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'uuid';
-import 'react-range';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-truncated-tooltip-text';
-import '@elliemae/ds-grid';
-import './components/Track.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'styled-components';
-import '@elliemae/ds-system';
-import './components/TickMarks.js';
-import './components/context.js';
-import './components/TickMarksValues.js';
-import './components/Thumb.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'prop-types';
-import '@elliemae/ds-tooltip';
-import './components/utils.js';
-import './components/styled.js';
-import './prop-types.js';
-//# sourceMappingURL=index.js.map

package/esm/prop-types.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   disabled: false,
   label: '',
@@ -8,14 +8,14 @@ var defaultProps = {
   minValue: 0,
   maxValue: 100,
   step: 5,
-  onChange: function onChange() {},
+  onChange: () => {},
   withTickMarks: false,
   withTickMarksValues: false,
   withTwoHandles: false,
   customTickMarksValues: [],
   zIndex: 0
 };
-var sliderPropTypes = {
+const sliderPropTypes = {
   /** props to inject to slider wrapper */
   containerProps: PropTypes.shape({}).description('props to inject to slider wrapper'),
 
@@ -57,4 +57,3 @@ var sliderPropTypes = {
 };
 
 export { defaultProps, sliderPropTypes };
-//# sourceMappingURL=prop-types.js.map

package/package.json

@@ -1,14 +1,70 @@
 {
   "name": "@elliemae/ds-slider",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Slider",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Slider",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./prop-types": {
+      "import": "./esm/prop-types.js",
+      "require": "./cjs/prop-types.js"
+    },
+    "./DSSlider": {
+      "import": "./esm/DSSlider.js",
+      "require": "./cjs/DSSlider.js"
+    },
+    "./components/utils": {
+      "import": "./esm/components/utils.js",
+      "require": "./cjs/components/utils.js"
+    },
+    "./components/Track": {
+      "import": "./esm/components/Track.js",
+      "require": "./cjs/components/Track.js"
+    },
+    "./components/TickMarksValues": {
+      "import": "./esm/components/TickMarksValues.js",
+      "require": "./cjs/components/TickMarksValues.js"
+    },
+    "./components/TickMarks": {
+      "import": "./esm/components/TickMarks.js",
+      "require": "./cjs/components/TickMarks.js"
+    },
+    "./components/Thumb": {
+      "import": "./esm/components/Thumb.js",
+      "require": "./cjs/components/Thumb.js"
+    },
+    "./components/styled": {
+      "import": "./esm/components/styled.js",
+      "require": "./cjs/components/styled.js"
+    },
+    "./components/SliderImp": {
+      "import": "./esm/components/SliderImp.js",
+      "require": "./cjs/components/SliderImp.js"
+    },
+    "./components/context": {
+      "import": "./esm/components/context.js",
+      "require": "./cjs/components/context.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,26 +72,27 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-grid": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
-    "@elliemae/ds-tooltip": "1.60.0",
-    "@elliemae/ds-truncated-tooltip-text": "1.60.0",
-    "@elliemae/ds-utilities": "1.60.0",
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-tooltip": "2.0.0-alpha.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2",
-    "react-range": "~1.8.6",
+    "react-desc": "~4.1.3",
+    "react-range": "~1.8.11",
     "uuid": "~8.3.2"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSSlider.d.ts

@@ -0,0 +1,107 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSSlider: {
+    (props: any): JSX.Element;
+    defaultProps: {
+        containerProps: {};
+        disabled: boolean;
+        label: string;
+        labelWithValue: boolean;
+        minValue: number;
+        maxValue: number;
+        step: number;
+        onChange: () => void;
+        withTickMarks: boolean;
+        withTickMarksValues: boolean;
+        withTwoHandles: boolean;
+        customTickMarksValues: never[];
+        zIndex: number;
+    };
+    propTypes: {
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabled: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        label: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        labelWithValue: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        minValue: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        maxValue: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        step: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withTickMarks: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withTickMarksValues: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withTwoHandles: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        customTickMarksValues: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        zIndex: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSSliderWithSchema: {
+    (props?: any): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSSlider, DSSliderWithSchema };
+export default DSSlider;

package/types/components/SliderImp.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SliderImp: (props: any) => JSX.Element;
+export default SliderImp;

package/types/components/Thumb.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const Thumb: {
+    ({ index, props, isDragged }: {
+        index: any;
+        props: any;
+        isDragged: any;
+    }): JSX.Element;
+    propTypes: {
+        index: any;
+        props: any;
+        isDragged: any;
+    };
+};
+export default Thumb;

package/types/components/TickMarks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TickMarks: () => JSX.Element;
+export default TickMarks;

package/types/components/TickMarksValues.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TickMarks: () => JSX.Element;
+export default TickMarks;

package/types/components/Track.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Track: ({ children, props }: {
+    children: any;
+    props: any;
+}) => JSX.Element;
+export default Track;

package/types/components/context.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SliderContext: React.Context<unknown>;

package/types/components/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ThumbStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TooltipContainerStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const TooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ValueText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRangeWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/components/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const conformedLabel: (rangeValues: any, label?: string, labelWithValue?: boolean, withTwoHandles?: boolean, customTickMarksValues?: never[], step?: number, minValue?: number) => string[];
+export declare const conformedThumbLabel: (rangeValues: any, customTickMarksValues?: never[], index?: number, step?: number, minValue?: number) => string;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DSSlider';
+export * from './DSSlider';