@react-spectrum/slider - npm Package Compare versions

Comparing version 3.6.9-nightly.4624 to 3.6.9

dist/RangeSlider.main.js

@@ -70,12 +70,12 @@ var $a8b5f113a6a8e4d8$exports = require("./intlStrings.main.js");
     };
-    let stringFormatter = (0, $5TzYf$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($a8b5f113a6a8e4d8$exports))), "@react-spectrum/slider");
+    let stringFormatter = (0, $5TzYf$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($a8b5f113a6a8e4d8$exports))), '@react-spectrum/slider');
     let { direction: direction } = (0, $5TzYf$reactariai18n.useLocale)();
     return /*#__PURE__*/ (0, ($parcel$interopDefault($5TzYf$react))).createElement((0, $ec6ca573d82152ff$exports.SliderBase), {
         ...baseProps,
-        classes: "spectrum-Slider--range",
+        classes: 'spectrum-Slider--range',
         ref: ref
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{
-        let cssDirection = direction === "rtl" ? "right" : "left";
+        let cssDirection = direction === 'rtl' ? 'right' : 'left';
         return /*#__PURE__*/ (0, ($parcel$interopDefault($5TzYf$react))).createElement((0, ($parcel$interopDefault($5TzYf$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($5TzYf$react))).createElement("div", {
-            className: (0, $5TzYf$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-track"),
+            className: (0, $5TzYf$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-track'),
             style: {
@@ -86,3 +86,3 @@ width: `${state.getThumbPercent(0) * 100}%`
             index: 0,
-            "aria-label": stringFormatter.format("minimum"),
+            "aria-label": stringFormatter.format('minimum'),
             isDisabled: props.isDisabled,
@@ -94,3 +94,3 @@ trackRef: trackRef,
         }), /*#__PURE__*/ (0, ($parcel$interopDefault($5TzYf$react))).createElement("div", {
-            className: (0, $5TzYf$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-track"),
+            className: (0, $5TzYf$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-track'),
             style: {
@@ -102,3 +102,3 @@ [cssDirection]: `${state.getThumbPercent(0) * 100}%`,
             index: 1,
-            "aria-label": stringFormatter.format("maximum"),
+            "aria-label": stringFormatter.format('maximum'),
             isDisabled: props.isDisabled,
@@ -109,3 +109,3 @@ trackRef: trackRef,
         }), /*#__PURE__*/ (0, ($parcel$interopDefault($5TzYf$react))).createElement("div", {
-            className: (0, $5TzYf$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-track"),
+            className: (0, $5TzYf$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-track'),
             style: {
@@ -112,0 +112,0 @@ width: `${(1 - state.getThumbPercent(1)) * 100}%`

dist/RangeSlider.module.js

@@ -64,12 +64,12 @@ import $bc8Se$intlStringsmodulejs from "./intlStrings.module.js";
     };
-    let stringFormatter = (0, $bc8Se$useLocalizedStringFormatter)((0, ($parcel$interopDefault($bc8Se$intlStringsmodulejs))), "@react-spectrum/slider");
+    let stringFormatter = (0, $bc8Se$useLocalizedStringFormatter)((0, ($parcel$interopDefault($bc8Se$intlStringsmodulejs))), '@react-spectrum/slider');
     let { direction: direction } = (0, $bc8Se$useLocale)();
     return /*#__PURE__*/ (0, $bc8Se$react).createElement((0, $39572711324a3b8e$export$9418495bb635ebde), {
         ...baseProps,
-        classes: "spectrum-Slider--range",
+        classes: 'spectrum-Slider--range',
         ref: ref
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{
-        let cssDirection = direction === "rtl" ? "right" : "left";
+        let cssDirection = direction === 'rtl' ? 'right' : 'left';
         return /*#__PURE__*/ (0, $bc8Se$react).createElement((0, $bc8Se$react).Fragment, null, /*#__PURE__*/ (0, $bc8Se$react).createElement("div", {
-            className: (0, $bc8Se$classNames)((0, ($parcel$interopDefault($bc8Se$slider_vars_cssmodulejs))), "spectrum-Slider-track"),
+            className: (0, $bc8Se$classNames)((0, ($parcel$interopDefault($bc8Se$slider_vars_cssmodulejs))), 'spectrum-Slider-track'),
             style: {
@@ -80,3 +80,3 @@ width: `${state.getThumbPercent(0) * 100}%`
             index: 0,
-            "aria-label": stringFormatter.format("minimum"),
+            "aria-label": stringFormatter.format('minimum'),
             isDisabled: props.isDisabled,
@@ -88,3 +88,3 @@ trackRef: trackRef,
         }), /*#__PURE__*/ (0, $bc8Se$react).createElement("div", {
-            className: (0, $bc8Se$classNames)((0, ($parcel$interopDefault($bc8Se$slider_vars_cssmodulejs))), "spectrum-Slider-track"),
+            className: (0, $bc8Se$classNames)((0, ($parcel$interopDefault($bc8Se$slider_vars_cssmodulejs))), 'spectrum-Slider-track'),
             style: {
@@ -96,3 +96,3 @@ [cssDirection]: `${state.getThumbPercent(0) * 100}%`,
             index: 1,
-            "aria-label": stringFormatter.format("maximum"),
+            "aria-label": stringFormatter.format('maximum'),
             isDisabled: props.isDisabled,
@@ -103,3 +103,3 @@ trackRef: trackRef,
         }), /*#__PURE__*/ (0, $bc8Se$react).createElement("div", {
-            className: (0, $bc8Se$classNames)((0, ($parcel$interopDefault($bc8Se$slider_vars_cssmodulejs))), "spectrum-Slider-track"),
+            className: (0, $bc8Se$classNames)((0, ($parcel$interopDefault($bc8Se$slider_vars_cssmodulejs))), 'spectrum-Slider-track'),
             style: {
@@ -106,0 +106,0 @@ width: `${(1 - state.getThumbPercent(1)) * 100}%`

dist/Slider.main.js

@@ -61,13 +61,13 @@ var $ec6ca573d82152ff$exports = require("./SliderBase.main.js");
         classes: {
-            "spectrum-Slider--filled": isFilled && fillOffset == null
+            'spectrum-Slider--filled': isFilled && fillOffset == null
         },
         style: // @ts-ignore
         {
-            "--spectrum-slider-track-gradient": trackGradient && `linear-gradient(to ${direction === "ltr" ? "right" : "left"}, ${trackGradient.join(", ")})`
+            '--spectrum-slider-track-gradient': trackGradient && `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`
         }
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{
         fillOffset = fillOffset != null ? (0, $h9MRe$reactariautils.clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
-        let cssDirection = direction === "rtl" ? "right" : "left";
+        let cssDirection = direction === 'rtl' ? 'right' : 'left';
         let lowerTrack = /*#__PURE__*/ (0, ($parcel$interopDefault($h9MRe$react))).createElement("div", {
-            className: (0, $h9MRe$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-track"),
+            className: (0, $h9MRe$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-track'),
             style: {
@@ -81,13 +81,13 @@ width: `${state.getThumbPercent(0) * 100}%`,
                 // @ts-ignore
-                "--spectrum-track-background-size": `${1 / state.getThumbPercent(0) * 100}%`,
-                "--spectrum-track-background-position": direction === "ltr" ? "0" : "100%"
+                '--spectrum-track-background-size': `${1 / state.getThumbPercent(0) * 100}%`,
+                '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'
             }
         });
         let upperTrack = /*#__PURE__*/ (0, ($parcel$interopDefault($h9MRe$react))).createElement("div", {
-            className: (0, $h9MRe$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-track"),
+            className: (0, $h9MRe$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-track'),
             style: {
                 width: `${(1 - state.getThumbPercent(0)) * 100}%`,
                 // @ts-ignore
-                "--spectrum-track-background-size": `${1 / (1 - state.getThumbPercent(0)) * 100}%`,
-                "--spectrum-track-background-position": direction === "ltr" ? "100%" : "0"
+                '--spectrum-track-background-size': `${1 / (1 - state.getThumbPercent(0)) * 100}%`,
+                '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'
             }
@@ -101,4 +101,4 @@ });
             filledTrack = /*#__PURE__*/ (0, ($parcel$interopDefault($h9MRe$react))).createElement("div", {
-                className: (0, $h9MRe$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-fill", {
-                    "spectrum-Slider-fill--right": isRightOfOffset
+                className: (0, $h9MRe$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-fill', {
+                    'spectrum-Slider-fill--right': isRightOfOffset
                 }),
@@ -105,0 +105,0 @@ style: {

dist/Slider.module.js

@@ -55,13 +55,13 @@ import {SliderBase as $39572711324a3b8e$export$9418495bb635ebde} from "./SliderBase.module.js";
         classes: {
-            "spectrum-Slider--filled": isFilled && fillOffset == null
+            'spectrum-Slider--filled': isFilled && fillOffset == null
         },
         style: // @ts-ignore
         {
-            "--spectrum-slider-track-gradient": trackGradient && `linear-gradient(to ${direction === "ltr" ? "right" : "left"}, ${trackGradient.join(", ")})`
+            '--spectrum-slider-track-gradient': trackGradient && `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`
         }
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{
         fillOffset = fillOffset != null ? (0, $i1AIe$clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
-        let cssDirection = direction === "rtl" ? "right" : "left";
+        let cssDirection = direction === 'rtl' ? 'right' : 'left';
         let lowerTrack = /*#__PURE__*/ (0, $i1AIe$react).createElement("div", {
-            className: (0, $i1AIe$classNames)((0, ($parcel$interopDefault($i1AIe$slider_vars_cssmodulejs))), "spectrum-Slider-track"),
+            className: (0, $i1AIe$classNames)((0, ($parcel$interopDefault($i1AIe$slider_vars_cssmodulejs))), 'spectrum-Slider-track'),
             style: {
@@ -75,13 +75,13 @@ width: `${state.getThumbPercent(0) * 100}%`,
                 // @ts-ignore
-                "--spectrum-track-background-size": `${1 / state.getThumbPercent(0) * 100}%`,
-                "--spectrum-track-background-position": direction === "ltr" ? "0" : "100%"
+                '--spectrum-track-background-size': `${1 / state.getThumbPercent(0) * 100}%`,
+                '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'
             }
         });
         let upperTrack = /*#__PURE__*/ (0, $i1AIe$react).createElement("div", {
-            className: (0, $i1AIe$classNames)((0, ($parcel$interopDefault($i1AIe$slider_vars_cssmodulejs))), "spectrum-Slider-track"),
+            className: (0, $i1AIe$classNames)((0, ($parcel$interopDefault($i1AIe$slider_vars_cssmodulejs))), 'spectrum-Slider-track'),
             style: {
                 width: `${(1 - state.getThumbPercent(0)) * 100}%`,
                 // @ts-ignore
-                "--spectrum-track-background-size": `${1 / (1 - state.getThumbPercent(0)) * 100}%`,
-                "--spectrum-track-background-position": direction === "ltr" ? "100%" : "0"
+                '--spectrum-track-background-size': `${1 / (1 - state.getThumbPercent(0)) * 100}%`,
+                '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'
             }
@@ -95,4 +95,4 @@ });
             filledTrack = /*#__PURE__*/ (0, $i1AIe$react).createElement("div", {
-                className: (0, $i1AIe$classNames)((0, ($parcel$interopDefault($i1AIe$slider_vars_cssmodulejs))), "spectrum-Slider-fill", {
-                    "spectrum-Slider-fill--right": isRightOfOffset
+                className: (0, $i1AIe$classNames)((0, ($parcel$interopDefault($i1AIe$slider_vars_cssmodulejs))), 'spectrum-Slider-fill', {
+                    'spectrum-Slider-fill--right': isRightOfOffset
                 }),
@@ -99,0 +99,0 @@ style: {

dist/SliderBase.main.js

@@ -39,3 +39,3 @@ require("./vars.b570f076.css");
     props = (0, $2j89m$reactspectrumprovider.useProviderProps)(props);
-    let { isDisabled: isDisabled, children: children, classes: classes, style: style, labelPosition: labelPosition = "top", getValueLabel: getValueLabel, showValueLabel: showValueLabel = !!props.label, formatOptions: formatOptions, minValue: minValue = 0, maxValue: maxValue = 100, ...otherProps } = props;
+    let { isDisabled: isDisabled, children: children, classes: classes, style: style, labelPosition: labelPosition = 'top', getValueLabel: getValueLabel, showValueLabel: showValueLabel = !!props.label, formatOptions: formatOptions, minValue: minValue = 0, maxValue: maxValue = 100, ...otherProps } = props;
     let { styleProps: styleProps } = (0, $2j89m$reactspectrumutils.useStyleProps)(otherProps);
@@ -46,10 +46,10 @@ // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.
         if (formatOptions != null) {
-            if (!("signDisplay" in formatOptions)) formatOptions = {
+            if (!('signDisplay' in formatOptions)) formatOptions = {
                 ...formatOptions,
                 // @ts-ignore
-                signDisplay: "exceptZero"
+                signDisplay: 'exceptZero'
             };
         } else // @ts-ignore
         formatOptions = {
-            signDisplay: "exceptZero"
+            signDisplay: 'exceptZero'
         };
@@ -68,5 +68,5 @@ }
     let domRef = (0, $2j89m$reactspectrumutils.useFocusableRef)(ref, inputRef);
-    let displayValue = "";
+    let displayValue = '';
     let maxLabelLength = undefined;
-    if (typeof getValueLabel === "function") {
+    if (typeof getValueLabel === 'function') {
         displayValue = getValueLabel(state.values);
@@ -98,3 +98,3 @@ switch(state.values.length){
             default:
-                throw new Error("Only sliders with 1 or 2 handles are supported!");
+                throw new Error('Only sliders with 1 or 2 handles are supported!');
         }
@@ -123,7 +123,7 @@ } else {
             default:
-                throw new Error("Only sliders with 1 or 2 handles are supported!");
+                throw new Error('Only sliders with 1 or 2 handles are supported!');
         }
     }
     let labelNode = /*#__PURE__*/ (0, ($parcel$interopDefault($2j89m$react))).createElement("label", {
-        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-label"),
+        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-label'),
         ...labelProps
@@ -133,3 +133,3 @@ }, props.label);
         ...outputProps,
-        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-value"),
+        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-value'),
         style: maxLabelLength && {
@@ -142,6 +142,6 @@ width: `${maxLabelLength}ch`,
         ref: domRef,
-        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider", {
-            "spectrum-Slider--positionTop": labelPosition === "top",
-            "spectrum-Slider--positionSide": labelPosition === "side",
-            "is-disabled": isDisabled
+        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider', {
+            'spectrum-Slider--positionTop': labelPosition === 'top',
+            'spectrum-Slider--positionSide': labelPosition === 'side',
+            'is-disabled': isDisabled
         }, classes, styleProps.className),
@@ -154,3 +154,3 @@ style: {
     }, props.label && /*#__PURE__*/ (0, ($parcel$interopDefault($2j89m$react))).createElement("div", {
-        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-labelContainer"),
+        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-labelContainer'),
         role: "presentation"
@@ -160,7 +160,7 @@ }, props.label && labelNode, props.contextualHelp && /*#__PURE__*/ (0, ($parcel$interopDefault($2j89m$react))).createElement((0, $2j89m$reactspectrumutils.SlotProvider), {
             actionButton: {
-                UNSAFE_className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-contextualHelp")
+                UNSAFE_className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-contextualHelp')
             }
         }
-    }, props.contextualHelp), labelPosition === "top" && showValueLabel && valueNode), /*#__PURE__*/ (0, ($parcel$interopDefault($2j89m$react))).createElement("div", {
-        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-controls"),
+    }, props.contextualHelp), labelPosition === 'top' && showValueLabel && valueNode), /*#__PURE__*/ (0, ($parcel$interopDefault($2j89m$react))).createElement("div", {
+        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-controls'),
         ref: trackRef,
@@ -173,4 +173,4 @@ ...trackProps,
         state: state
-    })), labelPosition === "side" && /*#__PURE__*/ (0, ($parcel$interopDefault($2j89m$react))).createElement("div", {
-        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-valueLabelContainer"),
+    })), labelPosition === 'side' && /*#__PURE__*/ (0, ($parcel$interopDefault($2j89m$react))).createElement("div", {
+        className: (0, $2j89m$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-valueLabelContainer'),
         role: "presentation"
@@ -177,0 +177,0 @@ }, showValueLabel && valueNode));

dist/SliderBase.module.js

@@ -33,3 +33,3 @@ import "./vars.b570f076.css";
     props = (0, $63Ecs$useProviderProps)(props);
-    let { isDisabled: isDisabled, children: children, classes: classes, style: style, labelPosition: labelPosition = "top", getValueLabel: getValueLabel, showValueLabel: showValueLabel = !!props.label, formatOptions: formatOptions, minValue: minValue = 0, maxValue: maxValue = 100, ...otherProps } = props;
+    let { isDisabled: isDisabled, children: children, classes: classes, style: style, labelPosition: labelPosition = 'top', getValueLabel: getValueLabel, showValueLabel: showValueLabel = !!props.label, formatOptions: formatOptions, minValue: minValue = 0, maxValue: maxValue = 100, ...otherProps } = props;
     let { styleProps: styleProps } = (0, $63Ecs$useStyleProps)(otherProps);
@@ -40,10 +40,10 @@ // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.
         if (formatOptions != null) {
-            if (!("signDisplay" in formatOptions)) formatOptions = {
+            if (!('signDisplay' in formatOptions)) formatOptions = {
                 ...formatOptions,
                 // @ts-ignore
-                signDisplay: "exceptZero"
+                signDisplay: 'exceptZero'
             };
         } else // @ts-ignore
         formatOptions = {
-            signDisplay: "exceptZero"
+            signDisplay: 'exceptZero'
         };
@@ -62,5 +62,5 @@ }
     let domRef = (0, $63Ecs$useFocusableRef)(ref, inputRef);
-    let displayValue = "";
+    let displayValue = '';
     let maxLabelLength = undefined;
-    if (typeof getValueLabel === "function") {
+    if (typeof getValueLabel === 'function') {
         displayValue = getValueLabel(state.values);
@@ -92,3 +92,3 @@ switch(state.values.length){
             default:
-                throw new Error("Only sliders with 1 or 2 handles are supported!");
+                throw new Error('Only sliders with 1 or 2 handles are supported!');
         }
@@ -117,7 +117,7 @@ } else {
             default:
-                throw new Error("Only sliders with 1 or 2 handles are supported!");
+                throw new Error('Only sliders with 1 or 2 handles are supported!');
         }
     }
     let labelNode = /*#__PURE__*/ (0, $63Ecs$react).createElement("label", {
-        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-label"),
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), 'spectrum-Slider-label'),
         ...labelProps
@@ -127,3 +127,3 @@ }, props.label);
         ...outputProps,
-        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-value"),
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), 'spectrum-Slider-value'),
         style: maxLabelLength && {
@@ -136,6 +136,6 @@ width: `${maxLabelLength}ch`,
         ref: domRef,
-        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider", {
-            "spectrum-Slider--positionTop": labelPosition === "top",
-            "spectrum-Slider--positionSide": labelPosition === "side",
-            "is-disabled": isDisabled
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), 'spectrum-Slider', {
+            'spectrum-Slider--positionTop': labelPosition === 'top',
+            'spectrum-Slider--positionSide': labelPosition === 'side',
+            'is-disabled': isDisabled
         }, classes, styleProps.className),
@@ -148,3 +148,3 @@ style: {
     }, props.label && /*#__PURE__*/ (0, $63Ecs$react).createElement("div", {
-        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-labelContainer"),
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), 'spectrum-Slider-labelContainer'),
         role: "presentation"
@@ -154,7 +154,7 @@ }, props.label && labelNode, props.contextualHelp && /*#__PURE__*/ (0, $63Ecs$react).createElement((0, $63Ecs$SlotProvider), {
             actionButton: {
-                UNSAFE_className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-contextualHelp")
+                UNSAFE_className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), 'spectrum-Slider-contextualHelp')
             }
         }
-    }, props.contextualHelp), labelPosition === "top" && showValueLabel && valueNode), /*#__PURE__*/ (0, $63Ecs$react).createElement("div", {
-        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-controls"),
+    }, props.contextualHelp), labelPosition === 'top' && showValueLabel && valueNode), /*#__PURE__*/ (0, $63Ecs$react).createElement("div", {
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), 'spectrum-Slider-controls'),
         ref: trackRef,
@@ -167,4 +167,4 @@ ...trackProps,
         state: state
-    })), labelPosition === "side" && /*#__PURE__*/ (0, $63Ecs$react).createElement("div", {
-        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), "spectrum-Slider-valueLabelContainer"),
+    })), labelPosition === 'side' && /*#__PURE__*/ (0, $63Ecs$react).createElement("div", {
+        className: (0, $63Ecs$classNames)((0, ($parcel$interopDefault($63Ecs$slider_vars_cssmodulejs))), 'spectrum-Slider-valueLabelContainer'),
         role: "presentation"
@@ -171,0 +171,0 @@ }, showValueLabel && valueNode));

dist/SliderThumb.main.js

@@ -50,8 +50,8 @@ require("./vars.b570f076.css");
         within: true,
-        focusRingClass: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "is-focused")
+        focusRingClass: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'is-focused')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($75NyJ$react))).createElement("div", {
-        className: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-handle", {
-            "is-hovered": isHovered,
-            "is-dragged": isDragging,
-            "is-tophandle": isFocused
+        className: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-handle', {
+            'is-hovered': isHovered,
+            'is-dragged': isDragging,
+            'is-tophandle': isFocused
         }),
@@ -61,3 +61,3 @@ ...(0, $75NyJ$reactariautils.mergeProps)(thumbProps, hoverProps),
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($75NyJ$react))).createElement((0, $75NyJ$reactariavisuallyhidden.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($75NyJ$react))).createElement("input", {
-        className: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), "spectrum-Slider-input"),
+        className: (0, $75NyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($57893a49ef34c169$exports))), 'spectrum-Slider-input'),
         ref: inputRef,
@@ -64,0 +64,0 @@ ...inputProps

dist/SliderThumb.module.js

@@ -44,8 +44,8 @@ import "./vars.b570f076.css";
         within: true,
-        focusRingClass: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "is-focused")
+        focusRingClass: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), 'is-focused')
     }, /*#__PURE__*/ (0, $fQERx$react).createElement("div", {
-        className: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "spectrum-Slider-handle", {
-            "is-hovered": isHovered,
-            "is-dragged": isDragging,
-            "is-tophandle": isFocused
+        className: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), 'spectrum-Slider-handle', {
+            'is-hovered': isHovered,
+            'is-dragged': isDragging,
+            'is-tophandle': isFocused
         }),
@@ -55,3 +55,3 @@ ...(0, $fQERx$mergeProps)(thumbProps, hoverProps),
     }, /*#__PURE__*/ (0, $fQERx$react).createElement((0, $fQERx$VisuallyHidden), null, /*#__PURE__*/ (0, $fQERx$react).createElement("input", {
-        className: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), "spectrum-Slider-input"),
+        className: (0, $fQERx$classNames)((0, ($parcel$interopDefault($fQERx$slider_vars_cssmodulejs))), 'spectrum-Slider-input'),
         ref: inputRef,
@@ -58,0 +58,0 @@ ...inputProps

package.json

 {
   "name": "@react-spectrum/slider",
-  "version": "3.6.9-nightly.4624+d80999e89",
+  "version": "3.6.9",
   "description": "Spectrum UI components in React",
@@ -39,16 +39,16 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/i18n": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/interactions": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/slider": "3.7.8-nightly.4624+d80999e89",
-    "@react-aria/utils": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/visually-hidden": "3.0.0-nightly.2912+d80999e89",
-    "@react-spectrum/utils": "3.0.0-nightly.2912+d80999e89",
-    "@react-stately/slider": "3.5.4-nightly.4624+d80999e89",
-    "@react-types/shared": "3.0.0-nightly.2912+d80999e89",
-    "@react-types/slider": "3.7.3-nightly.4624+d80999e89",
+    "@react-aria/focus": "^3.17.1",
+    "@react-aria/i18n": "^3.11.1",
+    "@react-aria/interactions": "^3.21.3",
+    "@react-aria/slider": "^3.7.8",
+    "@react-aria/utils": "^3.24.1",
+    "@react-aria/visually-hidden": "^3.8.12",
+    "@react-spectrum/utils": "^3.11.7",
+    "@react-stately/slider": "^3.5.4",
+    "@react-types/shared": "^3.23.1",
+    "@react-types/slider": "^3.7.3",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.2912+d80999e89"
+    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
   },
@@ -62,3 +62,3 @@ "peerDependencies": {
   },
-  "gitHead": "d80999e897b4d4db9fcfb4e9b8fcdc9fdd700882"
+  "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
 }

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

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

330400

decreased by-0.08%

Dependency changes

• + Added@react-aria/label@3.7.12(transitive)

• + Added@react-aria/slider@3.7.13(transitive)

• + Added@react-stately/slider@3.5.8(transitive)

• + Added@react-types/slider@3.7.6(transitive)

• Updated@react-aria/focus@^3.17.1

• Updated@react-aria/i18n@^3.11.1

• Updated@react-aria/interactions@^3.21.3

• Updated@react-aria/slider@^3.7.8

• Updated@react-aria/utils@^3.24.1

• Updated@react-aria/visually-hidden@^3.8.12

• Updated@react-spectrum/utils@^3.11.7

• Updated@react-stately/slider@^3.5.4

• Updated@react-types/shared@^3.23.1

• Updated@react-types/slider@^3.7.3