@react-spectrum/slider - npm Package Compare versions

Comparing version 3.0.0-nightly.2490 to 3.0.0-nightly.2492

dist/main.js

@@ -0,1 +1,3 @@
+var _babelRuntimeHelpersInteropRequireDefault = $parcel$interopDefault(require("@babel/runtime/helpers/interopRequireDefault"));
+
 var {
@@ -10,2 +12,6 @@ VisuallyHidden
 var {
+  FocusRing
+} = require("@react-aria/focus");
+
+var {
   useSlider,
@@ -21,3 +27,4 @@ useSliderThumb
   useNumberFormatter,
-  useLocale
+  useLocale,
+  useMessageFormatter
 } = require("@react-aria/i18n");
@@ -40,6 +47,2 @@
 var {
-  FocusRing
-} = require("@react-aria/focus");
-
-var {
   classNames,
@@ -110,3 +113,2 @@ useFocusableRef,
     isDisabled,
-    count,
     children,
@@ -120,3 +122,3 @@ classes,
   } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isDisabled", "count", "children", "classes", "style", "labelPosition", "valueLabel", "showValueLabel", "formatOptions"]);
+      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isDisabled", "children", "classes", "style", "labelPosition", "valueLabel", "showValueLabel", "formatOptions"]);
 
@@ -147,4 +149,5 @@ let {
 
-  let state = useSliderState(_babelRuntimeHelpersExtends({}, props, {
-    formatOptions
+  const formatter = useNumberFormatter(formatOptions);
+  const state = useSliderState(_babelRuntimeHelpersExtends({}, props, {
+    numberFormatter: formatter
   }));
@@ -155,24 +158,7 @@ let trackRef = useRef();
     trackProps,
-    labelProps
+    labelProps,
+    outputProps
   } = useSlider(props, state, trackRef);
-  let inputRefs = [];
-  let thumbProps = [];
-  let inputProps = [];
-
-  for (let i = 0; i < count; i++) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    inputRefs[i] = useRef(); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    let v = useSliderThumb({
-      index: i,
-      isDisabled: props.isDisabled,
-      trackRef,
-      inputRef: inputRefs[i]
-    }, state);
-    inputProps[i] = v.inputProps;
-    thumbProps[i] = v.thumbProps;
-  }
-
-  let domRef = useFocusableRef(ref, inputRefs[0]);
-  let formatter = useNumberFormatter(formatOptions);
+  let inputRef = useRef();
+  let domRef = useFocusableRef(ref, inputRef);
   let displayValue = valueLabel;
@@ -193,3 +179,3 @@ let maxLabelLength = undefined;
         // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393
-        displayValue = state.getThumbValueLabel(0) + " - " + state.getThumbValueLabel(1);
+        displayValue = state.getThumbValueLabel(0) + " \u2013 " + state.getThumbValueLabel(1);
         maxLabelLength = 2 + 2 * Math.max(maxLabelLength, [...formatter.format(state.getThumbMinValue(1))].length, [...formatter.format(state.getThumbMaxValue(1))].length);
@@ -207,8 +193,4 @@ break;
 
-  let valueNode = /*#__PURE__*/_react.createElement("div", {
-    className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-value') // TODO really?
-    ,
-    role: "textbox",
-    "aria-readonly": "true",
-    "aria-labelledby": labelProps.id,
+  let valueNode = /*#__PURE__*/_react.createElement("output", _babelRuntimeHelpersExtends({}, outputProps, {
+    className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-value'),
     style: maxLabelLength && {
@@ -218,3 +200,3 @@ width: maxLabelLength + "ch",
     }
-  }, displayValue);
+  }), displayValue);
 
@@ -237,5 +219,4 @@ return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({
   }), children({
-    inputRefs,
-    thumbProps,
-    inputProps,
+    trackRef,
+    inputRef,
     state
@@ -250,2 +231,44 @@ })), labelPosition === 'side' && /*#__PURE__*/_react.createElement("div", {
 
+function $d5bef0bb79767419ec0237e591b28$export$SliderThumb(props) {
+  let {
+    index,
+    inputRef,
+    state
+  } = props;
+  let backupRef = useRef();
+  inputRef = inputRef || backupRef;
+  let {
+    thumbProps,
+    inputProps
+  } = useSliderThumb(_babelRuntimeHelpersExtends({}, props, {
+    inputRef
+  }), state);
+  let {
+    hoverProps,
+    isHovered
+  } = useHover({});
+  let {
+    direction
+  } = useLocale();
+  let cssDirection = direction === 'rtl' ? 'right' : 'left';
+  return /*#__PURE__*/_react.createElement(FocusRing, {
+    within: true,
+    focusRingClass: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'is-focused')
+  }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({
+    className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-handle', {
+      'is-hovered': isHovered,
+      'is-dragged': state.isThumbDragging(index),
+      'is-tophandle': state.focusedThumb === index
+    }),
+    style: {
+      [cssDirection]: state.getThumbPercent(index) * 100 + "%"
+    }
+  }, mergeProps(thumbProps, hoverProps), {
+    role: "presentation"
+  }), /*#__PURE__*/_react.createElement(VisuallyHidden, null, /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersExtends({
+    className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-input'),
+    ref: inputRef
+  }, inputProps)))));
+}
+
 function $de4e99e1d6ad6d61a9bc95d4631$var$Slider(props, ref) {
@@ -263,3 +286,2 @@ let {
   let baseProps = _babelRuntimeHelpersExtends({}, otherProps, {
-    count: 1,
     // Normalize `value: number[]` to `value: number`
@@ -278,6 +300,2 @@ value: value != null ? [value] : undefined,
   } = useLocale();
-  let {
-    isHovered,
-    hoverProps
-  } = useHover({});
   return /*#__PURE__*/_react.createElement($e14249f20430d37bc9376d3f2ea9af72$export$SliderBase, _babelRuntimeHelpersExtends({}, baseProps, {
@@ -294,5 +312,4 @@ ref: ref,
     let {
-      inputRefs: [inputRef],
-      thumbProps: [thumbProps],
-      inputProps: [inputProps],
+      trackRef,
+      inputRef,
       state
@@ -328,17 +345,2 @@ } = _ref;
 
-    let handle = /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({
-      className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-handle', {
-        'is-hovered': isHovered,
-        'is-dragged': state.isThumbDragging(0)
-      }),
-      style: {
-        [cssDirection]: state.getThumbPercent(0) * 100 + "%"
-      }
-    }, mergeProps(thumbProps, hoverProps), {
-      role: "presentation"
-    }), /*#__PURE__*/_react.createElement(VisuallyHidden, null, /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersExtends({
-      className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-input'),
-      ref: inputRef
-    }, inputProps))));
-
     let filledTrack = null;
@@ -361,6 +363,9 @@
 
-    return /*#__PURE__*/_react.createElement(_react.Fragment, null, lowerTrack, /*#__PURE__*/_react.createElement(FocusRing, {
-      within: true,
-      focusRingClass: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'is-focused')
-    }, handle), upperTrack, filledTrack);
+    return /*#__PURE__*/_react.createElement(_react.Fragment, null, lowerTrack, /*#__PURE__*/_react.createElement($d5bef0bb79767419ec0237e591b28$export$SliderThumb, {
+      index: 0,
+      isDisabled: props.isDisabled,
+      trackRef: trackRef,
+      inputRef: inputRef,
+      state: state
+    }), upperTrack, filledTrack);
   });
@@ -372,2 +377,133 @@ }
 exports.Slider = Slider;
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ar-AE.json
+var $d78e0b50ed86b529de1ea5a9c2e5e3a0$exports = {};
+$d78e0b50ed86b529de1ea5a9c2e5e3a0$exports = JSON.parse("{\"maximum\":\"الحد الأقصى\",\"minimum\":\"الحد الأدنى\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/bg-BG.json
+var $b8053210c821c3657151d27d3a03aba$exports = {};
+$b8053210c821c3657151d27d3a03aba$exports = JSON.parse("{\"maximum\":\"Максимум\",\"minimum\":\"Минимум\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/cs-CZ.json
+var $b3123d5771edb4be28c66dce211c946$exports = {};
+$b3123d5771edb4be28c66dce211c946$exports = JSON.parse("{\"maximum\":\"Maximum\",\"minimum\":\"Minimální\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/da-DK.json
+var $afd096174a90c8a61a0f8ed18$exports = {};
+$afd096174a90c8a61a0f8ed18$exports = JSON.parse("{\"maximum\":\"Maksimum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/de-DE.json
+var $ae2c9e4bda6c39a90d65a27f5c556788$exports = {};
+$ae2c9e4bda6c39a90d65a27f5c556788$exports = JSON.parse("{\"maximum\":\"Maximal\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/el-GR.json
+var $a105026d6afa9e6267d2ddbcfd39a$exports = {};
+$a105026d6afa9e6267d2ddbcfd39a$exports = JSON.parse("{\"maximum\":\"Το μέγιστο\",\"minimum\":\"Ελάχιστο\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/en-US.json
+var $fe0427bf71697a80afe363fd174c3d2$exports = {};
+$fe0427bf71697a80afe363fd174c3d2$exports = JSON.parse("{\"minimum\":\"Minimum\",\"maximum\":\"Maximum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/es-ES.json
+var $ebe61748ec02536aa113857af1f4e72$exports = {};
+$ebe61748ec02536aa113857af1f4e72$exports = JSON.parse("{\"maximum\":\"Máximo\",\"minimum\":\"Mínimo\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/et-EE.json
+var $e9a9a4dcf098fc49e73a17fe63b$exports = {};
+$e9a9a4dcf098fc49e73a17fe63b$exports = JSON.parse("{\"maximum\":\"Maksimaalne\",\"minimum\":\"Minimaalne\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/fi-FI.json
+var $ad34360a22b458ec27cdfc71d13e23$exports = {};
+$ad34360a22b458ec27cdfc71d13e23$exports = JSON.parse("{\"maximum\":\"Maksimi\",\"minimum\":\"Minimi\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/fr-FR.json
+var $d8b4689d285edca7cf57f1be30cad1d$exports = {};
+$d8b4689d285edca7cf57f1be30cad1d$exports = JSON.parse("{\"maximum\":\"Maximum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/he-IL.json
+var $c2ccacfd828d16a0780a500ec6f2b3e$exports = {};
+$c2ccacfd828d16a0780a500ec6f2b3e$exports = JSON.parse("{\"maximum\":\"מַקסִימוּם\",\"minimum\":\"מִינִימוּם\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/hu-HU.json
+var $c4df3691058a446ced0dd150dfe$exports = {};
+$c4df3691058a446ced0dd150dfe$exports = JSON.parse("{\"maximum\":\"Maximális\",\"minimum\":\"Minimális\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/it-IT.json
+var $f4bcae96d6025c3425150015e7c1$exports = {};
+$f4bcae96d6025c3425150015e7c1$exports = JSON.parse("{\"maximum\":\"Massimo\",\"minimum\":\"Minimo\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ja-JP.json
+var $ce4641ff9c7f6cd81880de9ec4aea1$exports = {};
+$ce4641ff9c7f6cd81880de9ec4aea1$exports = JSON.parse("{\"maximum\":\"最大\",\"minimum\":\"最小\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ko-KR.json
+var $fc7f2dc28877fe5ef711423f43ab4ec$exports = {};
+$fc7f2dc28877fe5ef711423f43ab4ec$exports = JSON.parse("{\"maximum\":\"최대\",\"minimum\":\"최소\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/lt-LT.json
+var $e9780606fc2786708924a487ef051090$exports = {};
+$e9780606fc2786708924a487ef051090$exports = JSON.parse("{\"maximum\":\"Maksimalus\",\"minimum\":\"Minimumas\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/lv-LV.json
+var $f78f2303da5064e404af9736fac047$exports = {};
+$f78f2303da5064e404af9736fac047$exports = JSON.parse("{\"maximum\":\"Maksimums\",\"minimum\":\"Minimālais\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/nb-NO.json
+var $cee5ad394707cc520a38ce3ba3cf$exports = {};
+$cee5ad394707cc520a38ce3ba3cf$exports = JSON.parse("{\"maximum\":\"Maksimum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/nl-NL.json
+var $cb082e87d27553826af25629e5be5497$exports = {};
+$cb082e87d27553826af25629e5be5497$exports = JSON.parse("{\"maximum\":\"Maximaal\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/pl-PL.json
+var $c157e78f7f989ea301b76269c14e187$exports = {};
+$c157e78f7f989ea301b76269c14e187$exports = JSON.parse("{\"maximum\":\"Maksimum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/pt-BR.json
+var $b8a8c2b158e59b4a0c2e03bc13ca6d$exports = {};
+$b8a8c2b158e59b4a0c2e03bc13ca6d$exports = JSON.parse("{\"maximum\":\"Máximo\",\"minimum\":\"Mínimo\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ro-RO.json
+var $b4afde306c2e45ef13d84f99c1f9$exports = {};
+$b4afde306c2e45ef13d84f99c1f9$exports = JSON.parse("{\"maximum\":\"Maxim\",\"minimum\":\"Minim\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ru-RU.json
+var $f70785a191c1047fe82970e3e4ca90a$exports = {};
+$f70785a191c1047fe82970e3e4ca90a$exports = JSON.parse("{\"maximum\":\"Максимум\",\"minimum\":\"Минимум\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/sk-SK.json
+var $d9f1e67ea22a6278ecf4429d8d6404b7$exports = {};
+$d9f1e67ea22a6278ecf4429d8d6404b7$exports = JSON.parse("{\"maximum\":\"Maximum\",\"minimum\":\"Minimálne\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/sl-SI.json
+var $d935f82244fe405429542f38796$exports = {};
+$d935f82244fe405429542f38796$exports = JSON.parse("{\"maximum\":\"Največ\",\"minimum\":\"Najmanj\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/sr-SP.json
+var $f34be9f827d85a700494af98057c32$exports = {};
+$f34be9f827d85a700494af98057c32$exports = JSON.parse("{\"maximum\":\"Максимум\",\"minimum\":\"Минимум\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/sv-SE.json
+var $d5bc44175c568de085b694f2193a7616$exports = {};
+$d5bc44175c568de085b694f2193a7616$exports = JSON.parse("{\"maximum\":\"Maximal\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/tr-TR.json
+var $eebf5c30d8cd80b9b3f852c78275c4f1$exports = {};
+$eebf5c30d8cd80b9b3f852c78275c4f1$exports = JSON.parse("{\"maximum\":\"Maksimum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/uk-UA.json
+var $cac4b10af9ebf64a6b9df2e9a4d$exports = {};
+$cac4b10af9ebf64a6b9df2e9a4d$exports = JSON.parse("{\"maximum\":\"Максимум\",\"minimum\":\"Мінімум\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/zh-CN.json
+var $b2d7ef1e8161e192c7a2a26b282f26e$exports = {};
+$b2d7ef1e8161e192c7a2a26b282f26e$exports = JSON.parse("{\"maximum\":\"最大\",\"minimum\":\"最小\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/zh-TW.json
+var $d8c66ddb465b487c64522ffc49e44c8$exports = {};
+$d8c66ddb465b487c64522ffc49e44c8$exports = JSON.parse("{\"maximum\":\"最大值\",\"minimum\":\"最小值\"}");
+// @ts-ignore
+const $b7614884795b0b78874e0b09da85cc36$var$intlMessages = {
+  "ar-AE": _babelRuntimeHelpersInteropRequireDefault($d78e0b50ed86b529de1ea5a9c2e5e3a0$exports).default,
+  "bg-BG": _babelRuntimeHelpersInteropRequireDefault($b8053210c821c3657151d27d3a03aba$exports).default,
+  "cs-CZ": _babelRuntimeHelpersInteropRequireDefault($b3123d5771edb4be28c66dce211c946$exports).default,
+  "da-DK": _babelRuntimeHelpersInteropRequireDefault($afd096174a90c8a61a0f8ed18$exports).default,
+  "de-DE": _babelRuntimeHelpersInteropRequireDefault($ae2c9e4bda6c39a90d65a27f5c556788$exports).default,
+  "el-GR": _babelRuntimeHelpersInteropRequireDefault($a105026d6afa9e6267d2ddbcfd39a$exports).default,
+  "en-US": _babelRuntimeHelpersInteropRequireDefault($fe0427bf71697a80afe363fd174c3d2$exports).default,
+  "es-ES": _babelRuntimeHelpersInteropRequireDefault($ebe61748ec02536aa113857af1f4e72$exports).default,
+  "et-EE": _babelRuntimeHelpersInteropRequireDefault($e9a9a4dcf098fc49e73a17fe63b$exports).default,
+  "fi-FI": _babelRuntimeHelpersInteropRequireDefault($ad34360a22b458ec27cdfc71d13e23$exports).default,
+  "fr-FR": _babelRuntimeHelpersInteropRequireDefault($d8b4689d285edca7cf57f1be30cad1d$exports).default,
+  "he-IL": _babelRuntimeHelpersInteropRequireDefault($c2ccacfd828d16a0780a500ec6f2b3e$exports).default,
+  "hu-HU": _babelRuntimeHelpersInteropRequireDefault($c4df3691058a446ced0dd150dfe$exports).default,
+  "it-IT": _babelRuntimeHelpersInteropRequireDefault($f4bcae96d6025c3425150015e7c1$exports).default,
+  "ja-JP": _babelRuntimeHelpersInteropRequireDefault($ce4641ff9c7f6cd81880de9ec4aea1$exports).default,
+  "ko-KR": _babelRuntimeHelpersInteropRequireDefault($fc7f2dc28877fe5ef711423f43ab4ec$exports).default,
+  "lt-LT": _babelRuntimeHelpersInteropRequireDefault($e9780606fc2786708924a487ef051090$exports).default,
+  "lv-LV": _babelRuntimeHelpersInteropRequireDefault($f78f2303da5064e404af9736fac047$exports).default,
+  "nb-NO": _babelRuntimeHelpersInteropRequireDefault($cee5ad394707cc520a38ce3ba3cf$exports).default,
+  "nl-NL": _babelRuntimeHelpersInteropRequireDefault($cb082e87d27553826af25629e5be5497$exports).default,
+  "pl-PL": _babelRuntimeHelpersInteropRequireDefault($c157e78f7f989ea301b76269c14e187$exports).default,
+  "pt-BR": _babelRuntimeHelpersInteropRequireDefault($b8a8c2b158e59b4a0c2e03bc13ca6d$exports).default,
+  "ro-RO": _babelRuntimeHelpersInteropRequireDefault($b4afde306c2e45ef13d84f99c1f9$exports).default,
+  "ru-RU": _babelRuntimeHelpersInteropRequireDefault($f70785a191c1047fe82970e3e4ca90a$exports).default,
+  "sk-SK": _babelRuntimeHelpersInteropRequireDefault($d9f1e67ea22a6278ecf4429d8d6404b7$exports).default,
+  "sl-SI": _babelRuntimeHelpersInteropRequireDefault($d935f82244fe405429542f38796$exports).default,
+  "sr-SP": _babelRuntimeHelpersInteropRequireDefault($f34be9f827d85a700494af98057c32$exports).default,
+  "sv-SE": _babelRuntimeHelpersInteropRequireDefault($d5bc44175c568de085b694f2193a7616$exports).default,
+  "tr-TR": _babelRuntimeHelpersInteropRequireDefault($eebf5c30d8cd80b9b3f852c78275c4f1$exports).default,
+  "uk-UA": _babelRuntimeHelpersInteropRequireDefault($cac4b10af9ebf64a6b9df2e9a4d$exports).default,
+  "zh-CN": _babelRuntimeHelpersInteropRequireDefault($b2d7ef1e8161e192c7a2a26b282f26e$exports).default,
+  "zh-TW": _babelRuntimeHelpersInteropRequireDefault($d8c66ddb465b487c64522ffc49e44c8$exports).default
+};
 
@@ -385,3 +521,2 @@ function $b7614884795b0b78874e0b09da85cc36$var$RangeSlider(props, ref) {
   let baseProps = _babelRuntimeHelpersExtends({}, otherProps, {
-    count: 2,
     value: value != null ? [value.start, value.end] : undefined,
@@ -400,6 +535,6 @@ defaultValue: defaultValue != null ? [defaultValue.start, defaultValue.end] // make sure that useSliderState knows we have two handles
 
+  let formatter = useMessageFormatter($b7614884795b0b78874e0b09da85cc36$var$intlMessages);
   let {
     direction
   } = useLocale();
-  let hovers = [useHover({}), useHover({})];
   return /*#__PURE__*/_react.createElement($e14249f20430d37bc9376d3f2ea9af72$export$SliderBase, _babelRuntimeHelpersExtends({}, baseProps, {
@@ -410,10 +545,8 @@ classes: 'spectrum-Slider--range',
     let {
-      state,
-      thumbProps,
-      inputRefs,
-      inputProps
+      trackRef,
+      inputRef,
+      state
     } = _ref;
     let cssDirection = direction === 'rtl' ? 'right' : 'left';
-
-    let lowerTrack = /*#__PURE__*/_react.createElement("div", {
+    return /*#__PURE__*/_react.createElement(_react.Fragment, null, /*#__PURE__*/_react.createElement("div", {
       className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-track'),
@@ -423,5 +556,10 @@ style: {
       }
-    });
-
-    let middleTrack = /*#__PURE__*/_react.createElement("div", {
+    }), /*#__PURE__*/_react.createElement($d5bef0bb79767419ec0237e591b28$export$SliderThumb, {
+      index: 0,
+      "aria-label": formatter('minimum'),
+      isDisabled: props.isDisabled,
+      trackRef: trackRef,
+      inputRef: inputRef,
+      state: state
+    }), /*#__PURE__*/_react.createElement("div", {
       className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-track'),
@@ -432,5 +570,9 @@ style: {
       }
-    });
-
-    let upperTrack = /*#__PURE__*/_react.createElement("div", {
+    }), /*#__PURE__*/_react.createElement($d5bef0bb79767419ec0237e591b28$export$SliderThumb, {
+      index: 1,
+      "aria-label": formatter('maximum'),
+      isDisabled: props.isDisabled,
+      trackRef: trackRef,
+      state: state
+    }), /*#__PURE__*/_react.createElement("div", {
       className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-track'),
@@ -441,25 +583,3 @@ style: {
       }
-    });
-
-    let handles = [0, 1].map(i => /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({
-      className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-handle', {
-        'is-hovered': hovers[i].isHovered,
-        'is-dragged': state.isThumbDragging(i)
-      }),
-      style: {
-        [cssDirection]: state.getThumbPercent(i) * 100 + "%"
-      }
-    }, mergeProps(thumbProps[i], hovers[i].hoverProps), {
-      role: "presentation"
-    }), /*#__PURE__*/_react.createElement(VisuallyHidden, null, /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersExtends({
-      className: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'spectrum-Slider-input'),
-      ref: inputRefs[i]
-    }, inputProps[i])))));
-    return /*#__PURE__*/_react.createElement(_react.Fragment, null, lowerTrack, /*#__PURE__*/_react.createElement(FocusRing, {
-      within: true,
-      focusRingClass: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'is-focused')
-    }, handles[0]), middleTrack, /*#__PURE__*/_react.createElement(FocusRing, {
-      within: true,
-      focusRingClass: classNames($c8f0b01c76499f8ceef39abc1b587900$$interop$default, 'is-focused')
-    }, handles[1]), upperTrack);
+    }));
   });
@@ -466,0 +586,0 @@ }

dist/module.js

@@ -0,9 +1,10 @@
+import _babelRuntimeHelpersEsmInteropRequireDefault from "@babel/runtime/helpers/esm/interopRequireDefault";
 import { VisuallyHidden } from "@react-aria/visually-hidden";
 import { useHover } from "@react-aria/interactions";
+import { FocusRing } from "@react-aria/focus";
 import { useSlider, useSliderThumb } from "@react-aria/slider";
 import { useProviderProps } from "@react-spectrum/provider";
-import { useNumberFormatter, useLocale } from "@react-aria/i18n";
+import { useNumberFormatter, useLocale, useMessageFormatter } from "@react-aria/i18n";
 import { useSliderState, DEFAULT_MAX_VALUE, DEFAULT_MIN_VALUE } from "@react-stately/slider";
 import _react, { useRef } from "react";
-import { FocusRing } from "@react-aria/focus";
 import { classNames, useFocusableRef, useStyleProps } from "@react-spectrum/utils";
@@ -64,3 +65,2 @@ import { clamp, mergeProps } from "@react-aria/utils";
     isDisabled,
-    count,
     children,
@@ -74,3 +74,3 @@ classes,
   } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isDisabled", "count", "children", "classes", "style", "labelPosition", "valueLabel", "showValueLabel", "formatOptions"]);
+      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isDisabled", "children", "classes", "style", "labelPosition", "valueLabel", "showValueLabel", "formatOptions"]);
 
@@ -101,4 +101,5 @@ let {
 
-  let state = useSliderState(_babelRuntimeHelpersEsmExtends({}, props, {
-    formatOptions
+  const formatter = useNumberFormatter(formatOptions);
+  const state = useSliderState(_babelRuntimeHelpersEsmExtends({}, props, {
+    numberFormatter: formatter
   }));
@@ -109,24 +110,7 @@ let trackRef = useRef();
     trackProps,
-    labelProps
+    labelProps,
+    outputProps
   } = useSlider(props, state, trackRef);
-  let inputRefs = [];
-  let thumbProps = [];
-  let inputProps = [];
-
-  for (let i = 0; i < count; i++) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    inputRefs[i] = useRef(); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    let v = useSliderThumb({
-      index: i,
-      isDisabled: props.isDisabled,
-      trackRef,
-      inputRef: inputRefs[i]
-    }, state);
-    inputProps[i] = v.inputProps;
-    thumbProps[i] = v.thumbProps;
-  }
-
-  let domRef = useFocusableRef(ref, inputRefs[0]);
-  let formatter = useNumberFormatter(formatOptions);
+  let inputRef = useRef();
+  let domRef = useFocusableRef(ref, inputRef);
   let displayValue = valueLabel;
@@ -147,3 +131,3 @@ let maxLabelLength = undefined;
         // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393
-        displayValue = state.getThumbValueLabel(0) + " - " + state.getThumbValueLabel(1);
+        displayValue = state.getThumbValueLabel(0) + " \u2013 " + state.getThumbValueLabel(1);
         maxLabelLength = 2 + 2 * Math.max(maxLabelLength, [...formatter.format(state.getThumbMinValue(1))].length, [...formatter.format(state.getThumbMaxValue(1))].length);
@@ -161,8 +145,4 @@ break;
 
-  let valueNode = /*#__PURE__*/_react.createElement("div", {
-    className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-value') // TODO really?
-    ,
-    role: "textbox",
-    "aria-readonly": "true",
-    "aria-labelledby": labelProps.id,
+  let valueNode = /*#__PURE__*/_react.createElement("output", _babelRuntimeHelpersEsmExtends({}, outputProps, {
+    className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-value'),
     style: maxLabelLength && {
@@ -172,3 +152,3 @@ width: maxLabelLength + "ch",
     }
-  }, displayValue);
+  }), displayValue);
 
@@ -191,5 +171,4 @@ return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({
   }), children({
-    inputRefs,
-    thumbProps,
-    inputProps,
+    trackRef,
+    inputRef,
     state
@@ -204,2 +183,44 @@ })), labelPosition === 'side' && /*#__PURE__*/_react.createElement("div", {
 
+function $cdd2e1d7a72464bc66c894fc90d9514$export$SliderThumb(props) {
+  let {
+    index,
+    inputRef,
+    state
+  } = props;
+  let backupRef = useRef();
+  inputRef = inputRef || backupRef;
+  let {
+    thumbProps,
+    inputProps
+  } = useSliderThumb(_babelRuntimeHelpersEsmExtends({}, props, {
+    inputRef
+  }), state);
+  let {
+    hoverProps,
+    isHovered
+  } = useHover({});
+  let {
+    direction
+  } = useLocale();
+  let cssDirection = direction === 'rtl' ? 'right' : 'left';
+  return /*#__PURE__*/_react.createElement(FocusRing, {
+    within: true,
+    focusRingClass: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'is-focused')
+  }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({
+    className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-handle', {
+      'is-hovered': isHovered,
+      'is-dragged': state.isThumbDragging(index),
+      'is-tophandle': state.focusedThumb === index
+    }),
+    style: {
+      [cssDirection]: state.getThumbPercent(index) * 100 + "%"
+    }
+  }, mergeProps(thumbProps, hoverProps), {
+    role: "presentation"
+  }), /*#__PURE__*/_react.createElement(VisuallyHidden, null, /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersEsmExtends({
+    className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-input'),
+    ref: inputRef
+  }, inputProps)))));
+}
+
 function $d5011716cff08c69e3bb71328d5$var$Slider(props, ref) {
@@ -217,3 +238,2 @@ let {
   let baseProps = _babelRuntimeHelpersEsmExtends({}, otherProps, {
-    count: 1,
     // Normalize `value: number[]` to `value: number`
@@ -232,6 +252,2 @@ value: value != null ? [value] : undefined,
   } = useLocale();
-  let {
-    isHovered,
-    hoverProps
-  } = useHover({});
   return /*#__PURE__*/_react.createElement($f2a839d60b7d0475c1a8405c5f55c59$export$SliderBase, _babelRuntimeHelpersEsmExtends({}, baseProps, {
@@ -248,5 +264,4 @@ ref: ref,
     let {
-      inputRefs: [inputRef],
-      thumbProps: [thumbProps],
-      inputProps: [inputProps],
+      trackRef,
+      inputRef,
       state
@@ -282,17 +297,2 @@ } = _ref;
 
-    let handle = /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({
-      className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-handle', {
-        'is-hovered': isHovered,
-        'is-dragged': state.isThumbDragging(0)
-      }),
-      style: {
-        [cssDirection]: state.getThumbPercent(0) * 100 + "%"
-      }
-    }, mergeProps(thumbProps, hoverProps), {
-      role: "presentation"
-    }), /*#__PURE__*/_react.createElement(VisuallyHidden, null, /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersEsmExtends({
-      className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-input'),
-      ref: inputRef
-    }, inputProps))));
-
     let filledTrack = null;
@@ -315,6 +315,9 @@
 
-    return /*#__PURE__*/_react.createElement(_react.Fragment, null, lowerTrack, /*#__PURE__*/_react.createElement(FocusRing, {
-      within: true,
-      focusRingClass: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'is-focused')
-    }, handle), upperTrack, filledTrack);
+    return /*#__PURE__*/_react.createElement(_react.Fragment, null, lowerTrack, /*#__PURE__*/_react.createElement($cdd2e1d7a72464bc66c894fc90d9514$export$SliderThumb, {
+      index: 0,
+      isDisabled: props.isDisabled,
+      trackRef: trackRef,
+      inputRef: inputRef,
+      state: state
+    }), upperTrack, filledTrack);
   });
@@ -324,2 +327,133 @@ }
 export const Slider = _react.forwardRef($d5011716cff08c69e3bb71328d5$var$Slider);
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ar-AE.json
+var $d27687b4831e94119715757040fc89$exports = {};
+$d27687b4831e94119715757040fc89$exports = JSON.parse("{\"maximum\":\"الحد الأقصى\",\"minimum\":\"الحد الأدنى\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/bg-BG.json
+var $c83745ea9effa482a53979007e74e9$exports = {};
+$c83745ea9effa482a53979007e74e9$exports = JSON.parse("{\"maximum\":\"Максимум\",\"minimum\":\"Минимум\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/cs-CZ.json
+var $a5408019d06b7a0d17fa68ab878f23$exports = {};
+$a5408019d06b7a0d17fa68ab878f23$exports = JSON.parse("{\"maximum\":\"Maximum\",\"minimum\":\"Minimální\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/da-DK.json
+var $c37c656790028961fe725e155cdbf4ad$exports = {};
+$c37c656790028961fe725e155cdbf4ad$exports = JSON.parse("{\"maximum\":\"Maksimum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/de-DE.json
+var $bbde989ec969292d64b32c9785$exports = {};
+$bbde989ec969292d64b32c9785$exports = JSON.parse("{\"maximum\":\"Maximal\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/el-GR.json
+var $e5d8d525e4cd6133855df96071479cf2$exports = {};
+$e5d8d525e4cd6133855df96071479cf2$exports = JSON.parse("{\"maximum\":\"Το μέγιστο\",\"minimum\":\"Ελάχιστο\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/en-US.json
+var $eda29b5e190c5d358791dd86f30d5b9$exports = {};
+$eda29b5e190c5d358791dd86f30d5b9$exports = JSON.parse("{\"minimum\":\"Minimum\",\"maximum\":\"Maximum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/es-ES.json
+var $dca9407f77c6bc19a0e23020da4bb2b7$exports = {};
+$dca9407f77c6bc19a0e23020da4bb2b7$exports = JSON.parse("{\"maximum\":\"Máximo\",\"minimum\":\"Mínimo\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/et-EE.json
+var $c17118e3c81a731a76f3bb02af2b$exports = {};
+$c17118e3c81a731a76f3bb02af2b$exports = JSON.parse("{\"maximum\":\"Maksimaalne\",\"minimum\":\"Minimaalne\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/fi-FI.json
+var $ca494ff015fe55028b109dceb4a5efcb$exports = {};
+$ca494ff015fe55028b109dceb4a5efcb$exports = JSON.parse("{\"maximum\":\"Maksimi\",\"minimum\":\"Minimi\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/fr-FR.json
+var $bdd452ce38d84c24e6945e770a148231$exports = {};
+$bdd452ce38d84c24e6945e770a148231$exports = JSON.parse("{\"maximum\":\"Maximum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/he-IL.json
+var $d6921d8badefd755f531ebb7e633cd67$exports = {};
+$d6921d8badefd755f531ebb7e633cd67$exports = JSON.parse("{\"maximum\":\"מַקסִימוּם\",\"minimum\":\"מִינִימוּם\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/hu-HU.json
+var $dc224dbb1e4891dfe3b9cfa04d8f2f8c$exports = {};
+$dc224dbb1e4891dfe3b9cfa04d8f2f8c$exports = JSON.parse("{\"maximum\":\"Maximális\",\"minimum\":\"Minimális\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/it-IT.json
+var $ffb3a383a81cee7d35dab658ba49265$exports = {};
+$ffb3a383a81cee7d35dab658ba49265$exports = JSON.parse("{\"maximum\":\"Massimo\",\"minimum\":\"Minimo\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ja-JP.json
+var $fc31587f58b7dd4a90ef7b4607576$exports = {};
+$fc31587f58b7dd4a90ef7b4607576$exports = JSON.parse("{\"maximum\":\"最大\",\"minimum\":\"最小\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ko-KR.json
+var $fdec86822a58a9d197eff29314d34c6$exports = {};
+$fdec86822a58a9d197eff29314d34c6$exports = JSON.parse("{\"maximum\":\"최대\",\"minimum\":\"최소\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/lt-LT.json
+var $a7da2ce94c5a29b455a346a231f9dc17$exports = {};
+$a7da2ce94c5a29b455a346a231f9dc17$exports = JSON.parse("{\"maximum\":\"Maksimalus\",\"minimum\":\"Minimumas\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/lv-LV.json
+var $fa4249d070625bd33d0f25292f40831$exports = {};
+$fa4249d070625bd33d0f25292f40831$exports = JSON.parse("{\"maximum\":\"Maksimums\",\"minimum\":\"Minimālais\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/nb-NO.json
+var $bb265ee3e8ad9b68c8f373fa80448b$exports = {};
+$bb265ee3e8ad9b68c8f373fa80448b$exports = JSON.parse("{\"maximum\":\"Maksimum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/nl-NL.json
+var $b26bd6f82d46acd94a531738cda$exports = {};
+$b26bd6f82d46acd94a531738cda$exports = JSON.parse("{\"maximum\":\"Maximaal\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/pl-PL.json
+var $d16fce360806f5e61591005b7f965580$exports = {};
+$d16fce360806f5e61591005b7f965580$exports = JSON.parse("{\"maximum\":\"Maksimum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/pt-BR.json
+var $ecaad23b0296eeba404aa5a79c9b8$exports = {};
+$ecaad23b0296eeba404aa5a79c9b8$exports = JSON.parse("{\"maximum\":\"Máximo\",\"minimum\":\"Mínimo\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ro-RO.json
+var $f8bf2186219a1446233174d572510c$exports = {};
+$f8bf2186219a1446233174d572510c$exports = JSON.parse("{\"maximum\":\"Maxim\",\"minimum\":\"Minim\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/ru-RU.json
+var $a64e4a312e107ca24139a3a42ac6$exports = {};
+$a64e4a312e107ca24139a3a42ac6$exports = JSON.parse("{\"maximum\":\"Максимум\",\"minimum\":\"Минимум\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/sk-SK.json
+var $a72bb3889f0d9a1d3a8d412d1465b9c7$exports = {};
+$a72bb3889f0d9a1d3a8d412d1465b9c7$exports = JSON.parse("{\"maximum\":\"Maximum\",\"minimum\":\"Minimálne\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/sl-SI.json
+var $aa49af86b37be21b5d3fd9d0a398a5$exports = {};
+$aa49af86b37be21b5d3fd9d0a398a5$exports = JSON.parse("{\"maximum\":\"Največ\",\"minimum\":\"Najmanj\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/sr-SP.json
+var $caa91cda128ed7f0b3c99f252a005a46$exports = {};
+$caa91cda128ed7f0b3c99f252a005a46$exports = JSON.parse("{\"maximum\":\"Максимум\",\"minimum\":\"Минимум\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/sv-SE.json
+var $da07c94178577196106bcc390$exports = {};
+$da07c94178577196106bcc390$exports = JSON.parse("{\"maximum\":\"Maximal\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/tr-TR.json
+var $d4d47d2cd3be126568c3f0c86d9a2e47$exports = {};
+$d4d47d2cd3be126568c3f0c86d9a2e47$exports = JSON.parse("{\"maximum\":\"Maksimum\",\"minimum\":\"Minimum\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/uk-UA.json
+var $eea8e390fa97c96f720e776012259865$exports = {};
+$eea8e390fa97c96f720e776012259865$exports = JSON.parse("{\"maximum\":\"Максимум\",\"minimum\":\"Мінімум\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/zh-CN.json
+var $ebe4e406cbb8c9cf937f42ddc0472714$exports = {};
+$ebe4e406cbb8c9cf937f42ddc0472714$exports = JSON.parse("{\"maximum\":\"最大\",\"minimum\":\"最小\"}");
+// ASSET: /home/circleci/react-spectrum/packages/@react-spectrum/slider/intl/zh-TW.json
+var $c50aa141b5dbc2139a49d6e48a78f8$exports = {};
+$c50aa141b5dbc2139a49d6e48a78f8$exports = JSON.parse("{\"maximum\":\"最大值\",\"minimum\":\"最小值\"}");
+// @ts-ignore
+const $b5dd6507adf3d1434dcf5a8f595509$var$intlMessages = {
+  "ar-AE": _babelRuntimeHelpersEsmInteropRequireDefault($d27687b4831e94119715757040fc89$exports).default,
+  "bg-BG": _babelRuntimeHelpersEsmInteropRequireDefault($c83745ea9effa482a53979007e74e9$exports).default,
+  "cs-CZ": _babelRuntimeHelpersEsmInteropRequireDefault($a5408019d06b7a0d17fa68ab878f23$exports).default,
+  "da-DK": _babelRuntimeHelpersEsmInteropRequireDefault($c37c656790028961fe725e155cdbf4ad$exports).default,
+  "de-DE": _babelRuntimeHelpersEsmInteropRequireDefault($bbde989ec969292d64b32c9785$exports).default,
+  "el-GR": _babelRuntimeHelpersEsmInteropRequireDefault($e5d8d525e4cd6133855df96071479cf2$exports).default,
+  "en-US": _babelRuntimeHelpersEsmInteropRequireDefault($eda29b5e190c5d358791dd86f30d5b9$exports).default,
+  "es-ES": _babelRuntimeHelpersEsmInteropRequireDefault($dca9407f77c6bc19a0e23020da4bb2b7$exports).default,
+  "et-EE": _babelRuntimeHelpersEsmInteropRequireDefault($c17118e3c81a731a76f3bb02af2b$exports).default,
+  "fi-FI": _babelRuntimeHelpersEsmInteropRequireDefault($ca494ff015fe55028b109dceb4a5efcb$exports).default,
+  "fr-FR": _babelRuntimeHelpersEsmInteropRequireDefault($bdd452ce38d84c24e6945e770a148231$exports).default,
+  "he-IL": _babelRuntimeHelpersEsmInteropRequireDefault($d6921d8badefd755f531ebb7e633cd67$exports).default,
+  "hu-HU": _babelRuntimeHelpersEsmInteropRequireDefault($dc224dbb1e4891dfe3b9cfa04d8f2f8c$exports).default,
+  "it-IT": _babelRuntimeHelpersEsmInteropRequireDefault($ffb3a383a81cee7d35dab658ba49265$exports).default,
+  "ja-JP": _babelRuntimeHelpersEsmInteropRequireDefault($fc31587f58b7dd4a90ef7b4607576$exports).default,
+  "ko-KR": _babelRuntimeHelpersEsmInteropRequireDefault($fdec86822a58a9d197eff29314d34c6$exports).default,
+  "lt-LT": _babelRuntimeHelpersEsmInteropRequireDefault($a7da2ce94c5a29b455a346a231f9dc17$exports).default,
+  "lv-LV": _babelRuntimeHelpersEsmInteropRequireDefault($fa4249d070625bd33d0f25292f40831$exports).default,
+  "nb-NO": _babelRuntimeHelpersEsmInteropRequireDefault($bb265ee3e8ad9b68c8f373fa80448b$exports).default,
+  "nl-NL": _babelRuntimeHelpersEsmInteropRequireDefault($b26bd6f82d46acd94a531738cda$exports).default,
+  "pl-PL": _babelRuntimeHelpersEsmInteropRequireDefault($d16fce360806f5e61591005b7f965580$exports).default,
+  "pt-BR": _babelRuntimeHelpersEsmInteropRequireDefault($ecaad23b0296eeba404aa5a79c9b8$exports).default,
+  "ro-RO": _babelRuntimeHelpersEsmInteropRequireDefault($f8bf2186219a1446233174d572510c$exports).default,
+  "ru-RU": _babelRuntimeHelpersEsmInteropRequireDefault($a64e4a312e107ca24139a3a42ac6$exports).default,
+  "sk-SK": _babelRuntimeHelpersEsmInteropRequireDefault($a72bb3889f0d9a1d3a8d412d1465b9c7$exports).default,
+  "sl-SI": _babelRuntimeHelpersEsmInteropRequireDefault($aa49af86b37be21b5d3fd9d0a398a5$exports).default,
+  "sr-SP": _babelRuntimeHelpersEsmInteropRequireDefault($caa91cda128ed7f0b3c99f252a005a46$exports).default,
+  "sv-SE": _babelRuntimeHelpersEsmInteropRequireDefault($da07c94178577196106bcc390$exports).default,
+  "tr-TR": _babelRuntimeHelpersEsmInteropRequireDefault($d4d47d2cd3be126568c3f0c86d9a2e47$exports).default,
+  "uk-UA": _babelRuntimeHelpersEsmInteropRequireDefault($eea8e390fa97c96f720e776012259865$exports).default,
+  "zh-CN": _babelRuntimeHelpersEsmInteropRequireDefault($ebe4e406cbb8c9cf937f42ddc0472714$exports).default,
+  "zh-TW": _babelRuntimeHelpersEsmInteropRequireDefault($c50aa141b5dbc2139a49d6e48a78f8$exports).default
+};
 
@@ -337,3 +471,2 @@ function $b5dd6507adf3d1434dcf5a8f595509$var$RangeSlider(props, ref) {
   let baseProps = _babelRuntimeHelpersEsmExtends({}, otherProps, {
-    count: 2,
     value: value != null ? [value.start, value.end] : undefined,
@@ -352,6 +485,6 @@ defaultValue: defaultValue != null ? [defaultValue.start, defaultValue.end] // make sure that useSliderState knows we have two handles
 
+  let formatter = useMessageFormatter($b5dd6507adf3d1434dcf5a8f595509$var$intlMessages);
   let {
     direction
   } = useLocale();
-  let hovers = [useHover({}), useHover({})];
   return /*#__PURE__*/_react.createElement($f2a839d60b7d0475c1a8405c5f55c59$export$SliderBase, _babelRuntimeHelpersEsmExtends({}, baseProps, {
@@ -362,10 +495,8 @@ classes: 'spectrum-Slider--range',
     let {
-      state,
-      thumbProps,
-      inputRefs,
-      inputProps
+      trackRef,
+      inputRef,
+      state
     } = _ref;
     let cssDirection = direction === 'rtl' ? 'right' : 'left';
-
-    let lowerTrack = /*#__PURE__*/_react.createElement("div", {
+    return /*#__PURE__*/_react.createElement(_react.Fragment, null, /*#__PURE__*/_react.createElement("div", {
       className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-track'),
@@ -375,5 +506,10 @@ style: {
       }
-    });
-
-    let middleTrack = /*#__PURE__*/_react.createElement("div", {
+    }), /*#__PURE__*/_react.createElement($cdd2e1d7a72464bc66c894fc90d9514$export$SliderThumb, {
+      index: 0,
+      "aria-label": formatter('minimum'),
+      isDisabled: props.isDisabled,
+      trackRef: trackRef,
+      inputRef: inputRef,
+      state: state
+    }), /*#__PURE__*/_react.createElement("div", {
       className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-track'),
@@ -384,5 +520,9 @@ style: {
       }
-    });
-
-    let upperTrack = /*#__PURE__*/_react.createElement("div", {
+    }), /*#__PURE__*/_react.createElement($cdd2e1d7a72464bc66c894fc90d9514$export$SliderThumb, {
+      index: 1,
+      "aria-label": formatter('maximum'),
+      isDisabled: props.isDisabled,
+      trackRef: trackRef,
+      state: state
+    }), /*#__PURE__*/_react.createElement("div", {
       className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-track'),
@@ -393,25 +533,3 @@ style: {
       }
-    });
-
-    let handles = [0, 1].map(i => /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({
-      className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-handle', {
-        'is-hovered': hovers[i].isHovered,
-        'is-dragged': state.isThumbDragging(i)
-      }),
-      style: {
-        [cssDirection]: state.getThumbPercent(i) * 100 + "%"
-      }
-    }, mergeProps(thumbProps[i], hovers[i].hoverProps), {
-      role: "presentation"
-    }), /*#__PURE__*/_react.createElement(VisuallyHidden, null, /*#__PURE__*/_react.createElement("input", _babelRuntimeHelpersEsmExtends({
-      className: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'spectrum-Slider-input'),
-      ref: inputRefs[i]
-    }, inputProps[i])))));
-    return /*#__PURE__*/_react.createElement(_react.Fragment, null, lowerTrack, /*#__PURE__*/_react.createElement(FocusRing, {
-      within: true,
-      focusRingClass: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'is-focused')
-    }, handles[0]), middleTrack, /*#__PURE__*/_react.createElement(FocusRing, {
-      within: true,
-      focusRingClass: classNames($eba6840c1d0392d10739f5de841f2b2$$interop$default, 'is-focused')
-    }, handles[1]), upperTrack);
+    }));
   });
@@ -418,0 +536,0 @@ }

package.json

 {
   "name": "@react-spectrum/slider",
-  "version": "3.0.0-nightly.2490+1d9905e7",
+  "version": "3.0.0-nightly.2492+1feff7d9",
   "description": "Spectrum UI components in React",
@@ -35,15 +35,15 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "3.0.0-nightly.812+1d9905e7",
-    "@react-aria/i18n": "3.0.0-nightly.812+1d9905e7",
-    "@react-aria/interactions": "3.0.0-nightly.812+1d9905e7",
-    "@react-aria/slider": "3.0.0-nightly.2490+1d9905e7",
-    "@react-aria/utils": "3.0.0-nightly.812+1d9905e7",
-    "@react-aria/visually-hidden": "3.0.0-nightly.812+1d9905e7",
-    "@react-spectrum/utils": "3.0.0-nightly.812+1d9905e7",
-    "@react-stately/slider": "3.0.0-nightly.2490+1d9905e7",
-    "@react-types/shared": "3.0.0-nightly.812+1d9905e7",
-    "@react-types/slider": "3.0.0-nightly.2490+1d9905e7"
+    "@react-aria/focus": "3.0.0-nightly.814+1feff7d9",
+    "@react-aria/i18n": "3.0.0-nightly.814+1feff7d9",
+    "@react-aria/interactions": "3.0.0-nightly.814+1feff7d9",
+    "@react-aria/slider": "3.0.0-nightly.2492+1feff7d9",
+    "@react-aria/utils": "3.0.0-nightly.814+1feff7d9",
+    "@react-aria/visually-hidden": "3.0.0-nightly.814+1feff7d9",
+    "@react-spectrum/utils": "3.0.0-nightly.814+1feff7d9",
+    "@react-stately/slider": "3.0.0-nightly.2492+1feff7d9",
+    "@react-types/shared": "3.0.0-nightly.814+1feff7d9",
+    "@react-types/slider": "3.0.0-nightly.2492+1feff7d9"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.812+1d9905e7"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.814+1feff7d9"
   },
@@ -57,3 +57,3 @@ "peerDependencies": {
   },
-  "gitHead": "1d9905e7c8308cfbb2a1e03bfc22b2dce89cbb12"
+  "gitHead": "1feff7d919642630f293ff9c4a21b7e8a2746722"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

224653

increased by17.41%

Number of package files

16

increased by6.67%

Lines of code

1553

increased by22.28%

Dependency changes

• Updated@react-aria/focus@3.0.0-nightly.814+1feff7d9

• Updated@react-aria/i18n@3.0.0-nightly.814+1feff7d9

• Updated@react-aria/interactions@3.0.0-nightly.814+1feff7d9

• Updated@react-aria/slider@3.0.0-nightly.2492+1feff7d9

• Updated@react-aria/utils@3.0.0-nightly.814+1feff7d9

• Updated@react-aria/visually-hidden@3.0.0-nightly.814+1feff7d9

• Updated@react-spectrum/utils@3.0.0-nightly.814+1feff7d9

• Updated@react-stately/slider@3.0.0-nightly.2492+1feff7d9

• Updated@react-types/shared@3.0.0-nightly.814+1feff7d9

• Updated@react-types/slider@3.0.0-nightly.2492+1feff7d9