@salutejs/plasma-new-hope 0.174.0-canary.1452.11462555994.0 → 0.174.0-canary.1497.11480463527.0

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js

@@ -3,25 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = exports.Divider = exports.DisclosureIconWrapper = void 0;
+exports.Wrapper = exports.StyledCell = exports.Divider = exports.DisclosureIconWrapper = exports.CellWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
+var _Cell = /*#__PURE__*/require("../../../Cell");
+var _engines = /*#__PURE__*/require("../../../../engines");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var mergedCellConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig);
+var Cell = /*#__PURE__*/(0, _engines.component)(mergedCellConfig);
+var CellWrapper = exports.CellWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-0"
-})(["display:inline-flex;"]);
-var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");width:100%;"], _Cell.cellTokens.cellTitleColor, _Dropdown.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Dropdown.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Dropdown.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Dropdown.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Dropdown.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Dropdown.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Dropdown.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Dropdown.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Dropdown.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Dropdown.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Dropdown.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Dropdown.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Dropdown.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Dropdown.tokens.cellTitleLineHeight);
+var StyledCell = exports.StyledCell = /*#__PURE__*/(0, _styledComponents["default"])(Cell).withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-1"
-})(["margin-left:auto;display:inline-flex;"]);
+})([""]);
 var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-2"
-})(["line-height:0;color:var(", ");"], _Dropdown.tokens.disclosureIconColor);
-var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-3"
-})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
+})(["line-height:0;color:var(", ");"], _Dropdown.constants.disclosureIconColor);
 var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-4"
+  componentId: "plasma-new-hope__sc-hs0ek1-3"
 })(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref) {
   var variant = _ref.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginTopTight : _Dropdown.tokens.dividerMarginTop, ")");
@@ -30,18 +31,15 @@ var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.wi
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginBottomTight : _Dropdown.tokens.dividerMarginBottom, ")");
 }, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-5"
-})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref3) {
+  componentId: "plasma-new-hope__sc-hs0ek1-4"
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var(", ");user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Dropdown.tokens.itemHeight, function (_ref3) {
   var variant = _ref3.variant;
-  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTopTight : _Dropdown.tokens.itemPaddingTop, ")");
-}, _Dropdown.tokens.itemPaddingRight, function (_ref4) {
-  var variant = _ref4.variant;
-  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingBottomTight : _Dropdown.tokens.itemPaddingBottom, ")");
-}, _Dropdown.tokens.itemPaddingLeft, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.tokens.itemBackground, _Dropdown.tokens.itemColor, _Dropdown.tokens.itemBorderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.disabledOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
+  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTight : _Dropdown.tokens.itemPadding, ")");
+}, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.borderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
-  outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.tokens.focusColor, ")"),
+  outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.constants.focusColor, ")"),
   outlineRadius: /*#__PURE__*/"var(".concat(_Dropdown.tokens.itemBorderRadius, ")"),
   hasTransition: false,
-  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.tokens.focusColor, ");\n            }\n        ")
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.constants.focusColor, ");\n            }\n        ")
 }));

package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getItemByFocused = void 0;
+var getItemByFocused = exports.getItemByFocused = function getItemByFocused(focusedPath, focusedToValueMap) {
+  var focusedPathAsString = focusedPath.reduce(function (acc, n) {
+    return "".concat(acc, "/").concat(n);
+  }, '').replace(/^(\/)/, '');
+  return focusedToValueMap.get(focusedPathAsString);
+};

package/styled-components/cjs/components/Dropdown/utils/getItemId.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getItemId = void 0;
+var getItemId = exports.getItemId = function getItemId(treeId, value) {
+  return "".concat(treeId, "-").concat(value);
+};

package/styled-components/cjs/components/Dropdown/utils/getPlacement.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPlacement = void 0;
+var getPlacement = exports.getPlacement = function getPlacement(placement) {
+  if (!placement) {
+    return 'bottom-start';
+  }
+  if (placement === 'auto') {
+    return placement;
+  }
+  return "".concat(placement, "-start");
+};

package/styled-components/cjs/components/Dropdown/utils/index.js

@@ -3,8 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getValidComponent = exports.getCorrectHeight = exports.childrenWithProps = void 0;
+exports.getCorrectHeight = exports.childrenWithProps = void 0;
+Object.defineProperty(exports, "getItemByFocused", {
+  enumerable: true,
+  get: function get() {
+    return _getItemByFocused.getItemByFocused;
+  }
+});
+Object.defineProperty(exports, "getItemId", {
+  enumerable: true,
+  get: function get() {
+    return _getItemId.getItemId;
+  }
+});
+Object.defineProperty(exports, "getPlacement", {
+  enumerable: true,
+  get: function get() {
+    return _getPlacement.getPlacement;
+  }
+});
+exports.getValidComponent = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _getItemId = /*#__PURE__*/require("./getItemId");
+var _getItemByFocused = /*#__PURE__*/require("./getItemByFocused");
+var _getPlacement = /*#__PURE__*/require("./getPlacement");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }

package/styled-components/cjs/components/Slider/Slider.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sliderRoot = exports.sliderConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../utils");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _components = /*#__PURE__*/require("./components");
-var _Slider = /*#__PURE__*/require("./Slider.tokens");
 var _excluded = ["type"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -31,15 +29,9 @@ var sliderRoot = exports.sliderRoot = function sliderRoot(Root) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'single' : _ref$type,
       props = _objectWithoutProperties(_ref, _excluded);
-    if (isSingleValueProps(props, type)) {
-      return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
-        className: (0, _utils.cx)(props.orientation === 'vertical' && _Slider.classes.verticalOrientation, props.className),
-        ref: ref
-      }), /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props));
-    }
-    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({}, props, {
       ref: ref
-    }, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
+    }), isSingleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/_react["default"].createElement(_components.DoubleUncontrolled, props));
   });
 };
 var sliderConfig = exports.sliderConfig = {

package/styled-components/cjs/components/Slider/Slider.template-doc.mdx

@@ -76,29 +76,3 @@ export function App() {
     );
 }
 ```
-
-# Вертикальное отображение
-
-```tsx live
-import React from 'react';
-import { Slider  } from '@salutejs/{{ package }}';
-import { IconMic } from '@salutejs/plasma-icons';
-
-export function App() {
-    return (
-        <section>
-            <Slider
-                onChangeCommitted={() => {}}
-                min={0}
-                max={100}
-                value={30}
-                label="Громкость"
-                labelContent={<IconMic size="s" />}
-                orientation="vertical"
-                sliderAlign="center"
-                size="m"
-            />
-        </section>
-    );
-}
-```

package/styled-components/cjs/components/Slider/Slider.tokens.js

@@ -7,12 +7,6 @@ exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
   labelPlacementOuter: 'slider-label-placement-outer',
   labelPlacementInner: 'slider-label-placement-inner',
-  labelPlacementBottom: 'slider-label-placement-bottom',
-  labelAlignLeft: 'slider-label-align-left',
-  labelAlignCenter: 'slider-label-align-center',
-  labelAlignRight: 'slider-label-align-right',
-  labelAlignNone: 'slider-label-align-none',
-  labelContentReversed: 'slider-label-content-reversed',
   rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
   rangeValuesPlacementInner: 'slider-range-values-placement-inner',
   maxRangeValue: 'slider-max-range-value',
@@ -21,17 +15,13 @@ var classes = exports.classes = {
   textFieldActive: 'slider-text-field-active',
   firstTextField: 'slider-first-text-field',
   secondTextField: 'slider-second-text-field',
-  activeRangeValue: 'slider-active-range-value',
-  verticalOrientation: 'slider-vertical-orientation',
-  valuePlacementLeft: 'slider-value-placement-left',
-  reversed: 'slider-reversed'
+  activeRangeValue: 'slider-active-range-value'
 };
 var tokens = exports.tokens = {
-  size: '--plasma-slider-size',
+  height: '--plasma-slider-height',
   labelWrapperGap: '--plasma-slider-label-wrapper-gap',
   labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
   labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
-  labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
   labelColor: '--plasma-slider-label-color',
   labelFontFamily: '--plasma-slider-label-font-family',
   labelFontSize: '--plasma-slider-label-font-size',
@@ -39,27 +29,31 @@ var tokens = exports.tokens = {
   labelFontWeight: '--plasma-slider-label-font-weight',
   labelLetterSpacing: '--plasma-slider-label-letter-spacing',
   labelLineHeight: '--plasma-slider-label-line-height',
+  rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
+  rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
   rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
-  rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',
-  rangeValueHorizontalOffset: '--plasma-slider-range-value-horizontal-offset',
-  rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',
   rangeValueColor: '--plasma-slider-range-value-color',
-  valueFontFamily: '--plasma-slider-value-font-family',
-  valueFontSize: '--plasma-slider-value-font-size',
-  valueFontStyle: '--plasma-slider-value-font-style',
-  valueFontWeight: '--plasma-slider-value-font-weight',
-  valueLetterSpacing: '--plasma-slider-value-letter-spacing',
-  valueLineHeight: '--plasma-slider-value-line-height',
+  rangeValueFontFamily: '--plasma-slider-range-value-font-family',
+  rangeValueFontSize: '--plasma-slider-range-value-font-size',
+  rangeValueFontStyle: '--plasma-slider-range-value-font-style',
+  rangeValueFontWeight: '--plasma-slider-range-value-font-weight',
+  rangeValueLetterSpacing: '--plasma-slider-range-value-letter-spacing',
+  rangeValueLineHeight: '--plasma-slider-range-value-line-height',
   doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
   thumbSize: '--plasma-slider-thumb-size',
-  thumbSizeLarge: '--plasma-slider-thumb-size-large',
   thumbBorder: '--plasma-slider-thumb-border',
   thumbBorderColor: '--plasma-slider-thumb-border-color',
   thumbBackgroundColor: '--plasma-slider-thumb-background-color',
   thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
   currentValueTopOffset: '--plasma-slider-current-value-top-offset',
+  currentValueFontFamily: '--plasma-slider-current-value-font-family',
+  currentValueFontSize: '--plasma-slider-current-value-font-size',
+  currentValueFontStyle: '--plasma-slider-current-value-font-style',
+  currentValueFontWeight: '--plasma-slider-current-value-font-weight',
+  currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
+  currentValueLineHeight: '--plasma-slider-current-value-line-height',
   railBackgroundColor: '--plasma-slider-rail-background-color',
-  railThickness: '--plasma-slider-rail-thickness',
+  railHeight: '--plasma-slider-rail-height',
   railBorderRadius: '--plasma-slider-rail-border-radius',
   railIndent: '--plasma-slider-rail-indent',
   fillColor: '--plasma-slider-fill-color',

package/styled-components/cjs/components/Slider/components/Double/Double.js

@@ -13,7 +13,7 @@ var _utils2 = /*#__PURE__*/require("../../utils");
 var _Slider = /*#__PURE__*/require("../../Slider.tokens");
 var _SliderBase2 = /*#__PURE__*/require("../SliderBase/SliderBase.styles");
 var _Double = /*#__PURE__*/require("./Double.styles");
-var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "pointerSize", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -46,8 +46,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     labelContentLeft = _ref.labelContentLeft,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
-    _ref$pointerSize = _ref.pointerSize,
-    pointerSize = _ref$pointerSize === void 0 ? 'small' : _ref$pointerSize,
     onChangeCommitted = _ref.onChangeCommitted,
     onChangeTextField = _ref.onChangeTextField,
     onBlurTextField = _ref.onBlurTextField,
@@ -74,30 +72,20 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     setState = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    firstInputHovered = _useState4[0],
-    setFirstInputHovered = _useState4[1];
+    firstInputActive = _useState4[0],
+    setFirstInputActive = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    firstInputFocused = _useState6[0],
-    setFirstInputFocused = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
+    secondInputActive = _useState6[0],
+    setSecondInputActive = _useState6[1];
+  var _useState7 = (0, _react.useState)(value[0]),
     _useState8 = _slicedToArray(_useState7, 2),
-    secondInputHovered = _useState8[0],
-    setSecondInputHovered = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
+    firstValue = _useState8[0],
+    setFirstValue = _useState8[1];
+  var _useState9 = (0, _react.useState)(value[1]),
     _useState10 = _slicedToArray(_useState9, 2),
-    secondInputFocused = _useState10[0],
-    setSecondInputFocused = _useState10[1];
-  var firstInputActive = firstInputHovered || firstInputFocused;
-  var secondInputActive = secondInputHovered || secondInputFocused;
-  var _useState11 = (0, _react.useState)(value[0]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    firstValue = _useState12[0],
-    setFirstValue = _useState12[1];
-  var _useState13 = (0, _react.useState)(value[1]),
-    _useState14 = _slicedToArray(_useState13, 2),
-    secondValue = _useState14[0],
-    setSecondValue = _useState14[1];
+    secondValue = _useState10[0],
+    setSecondValue = _useState10[1];
   var firstHandleRef = (0, _react.useRef)(null);
   var secondHandleRef = (0, _react.useRef)(null);
   var firstHandleValue = (0, _react.useRef)(value[0]);
@@ -122,16 +110,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
       });
     });
   }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
-  (0, _react.useEffect)(function () {
-    var onMouseUp = function onMouseUp() {
-      setFirstInputFocused(false);
-      setSecondInputFocused(false);
-    };
-    window.addEventListener('mouseup', onMouseUp);
-    return function () {
-      window.removeEventListener('mouseup', onMouseUp);
-    };
-  }, []);
   var setStepSize = (0, _react.useCallback)(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -273,20 +251,16 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     ariaLabelLeft = _ref3[0],
     ariaLabelRight = _ref3[1];
   var currentFirstSliderValue = Math.max(state.firstValue, min);
-  var settings = _utils2.sizeData[size][pointerSize === 'large' ? 'large' : 'small'];
   return /*#__PURE__*/_react["default"].createElement(_Double.DoubleWrapper, null, hasLabelContent && /*#__PURE__*/_react["default"].createElement(_Double.LabelWrapper, null, labelContentLeft && /*#__PURE__*/_react["default"].createElement(_Double.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/_react["default"].createElement(_Double.Label, null, label)), /*#__PURE__*/_react["default"].createElement(_Double.SliderWrapper, null, /*#__PURE__*/_react["default"].createElement(_SliderBase.SliderBase, _extends({
     min: min,
     max: max,
-    size: size,
     disabled: disabled,
     setStepSize: setStepSize,
     railFillWidth: state.railFillWidth,
-    settings: settings,
-    railFillXPosition: state.railFillXPosition,
-    orientation: "horizontal"
+    settings: _utils2.sizeData[size],
+    railFillXPosition: state.railFillXPosition
   }, rest), /*#__PURE__*/_react["default"].createElement(_ui.Handler, {
     ref: firstHandleRef,
-    size: pointerSize,
     stepSize: state.stepSize,
     multipleStepSize: multipleStepSize,
     onChangeCommitted: onFirstHandleChangeCommitted,
@@ -296,23 +270,18 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     disabled: disabled,
     bounds: [min, state.secondValue],
     side: "left",
-    orientation: "horizontal",
-    position: state.xFirstHandle,
+    xPosition: state.xFirstHandle,
     zIndex: state.firstHandleZIndex,
     value: currentFirstSliderValue,
     ariaLabel: ariaLabelLeft,
-    onMouseDown: function onMouseDown() {
-      return setFirstInputFocused(true);
-    },
     onMouseEnter: function onMouseEnter() {
-      return setFirstInputHovered(true);
+      return setFirstInputActive(true);
     },
     onMouseLeave: function onMouseLeave() {
-      return setFirstInputHovered(false);
+      return setFirstInputActive(false);
     }
   }), /*#__PURE__*/_react["default"].createElement(_ui.Handler, {
     ref: secondHandleRef,
-    size: pointerSize,
     stepSize: state.stepSize,
     multipleStepSize: multipleStepSize,
     onChangeCommitted: onSecondHandleChangeCommitted,
@@ -323,19 +292,15 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     disabled: disabled,
     bounds: [state.firstValue, max],
     side: "right",
-    orientation: "horizontal",
-    position: state.xSecondHandle,
+    xPosition: state.xSecondHandle,
     zIndex: state.secondHandleZIndex,
     value: Math.max(state.secondValue, min),
     ariaLabel: ariaLabelRight,
-    onMouseDown: function onMouseDown() {
-      return setSecondInputFocused(true);
-    },
     onMouseEnter: function onMouseEnter() {
-      return setSecondInputHovered(true);
+      return setSecondInputActive(true);
     },
     onMouseLeave: function onMouseLeave() {
-      return setSecondInputHovered(false);
+      return setSecondInputActive(false);
     }
   })), /*#__PURE__*/_react["default"].createElement(_Double.InputsWrapper, null, /*#__PURE__*/_react["default"].createElement(_Double.StyledInput, {
     className: (0, _utils.cx)(_Slider.classes.firstTextField, firstInputActiveClass),