@react-aria/color 3.0.0-nightly.3085 → 3.0.0-nightly.3100

package/dist/main.js

@@ -1,10 +1,10 @@
-var $jy18E$reactariautils = require("@react-aria/utils");
-var $jy18E$reactariai18n = require("@react-aria/i18n");
-var $jy18E$reactariaslider = require("@react-aria/slider");
-var $jy18E$react = require("react");
-var $jy18E$reactariainteractions = require("@react-aria/interactions");
-var $jy18E$reactariatextfield = require("@react-aria/textfield");
-var $jy18E$reactariaspinbutton = require("@react-aria/spinbutton");
+var $fb1f3$reactariautils = require("@react-aria/utils");
+var $fb1f3$reactariai18n = require("@react-aria/i18n");
+var $fb1f3$reactariaslider = require("@react-aria/slider");
+var $fb1f3$react = require("react");
+var $fb1f3$reactariainteractions = require("@react-aria/interactions");
+var $fb1f3$reactariatextfield = require("@react-aria/textfield");
+var $fb1f3$reactariaspinbutton = require("@react-aria/spinbutton");
 
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
@@ -25,23 +25,23 @@ function $parcel$exportWildcard(dest, source) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $1dcb689e6b4dbdc0$exports = {};
+var $65c158f0c1f3086b$exports = {};
 
-$parcel$export($1dcb689e6b4dbdc0$exports, "useColorSlider", () => $1dcb689e6b4dbdc0$export$106b7a4e66508f66);
+$parcel$export($65c158f0c1f3086b$exports, "useColorSlider", () => $65c158f0c1f3086b$export$106b7a4e66508f66);
 
 
 
-function $1dcb689e6b4dbdc0$export$106b7a4e66508f66(props, state) {
+function $65c158f0c1f3086b$export$106b7a4e66508f66(props, state) {
     let { trackRef: trackRef , inputRef: inputRef , orientation: orientation , channel: channel , 'aria-label': ariaLabel  } = props;
-    let { locale: locale , direction: direction  } = $jy18E$reactariai18n.useLocale();
+    let { locale: locale , direction: direction  } = $fb1f3$reactariai18n.useLocale();
     // Provide a default aria-label if there is no other label provided.
     if (!props.label && !ariaLabel && !props['aria-labelledby']) ariaLabel = state.value.getChannelName(channel, locale);
     // @ts-ignore - ignore unused incompatible props
-    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $jy18E$reactariaslider.useSlider({
+    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $fb1f3$reactariaslider.useSlider({
         ...props,
         'aria-label': ariaLabel
     }, state, trackRef);
-    let { inputProps: inputProps , thumbProps: thumbProps  } = $jy18E$reactariaslider.useSliderThumb({
+    let { inputProps: inputProps , thumbProps: thumbProps  } = $fb1f3$reactariaslider.useSliderThumb({
         index: 0,
         orientation: orientation,
         isDisabled: props.isDisabled,
@@ -87,7 +87,7 @@ function $1dcb689e6b4dbdc0$export$106b7a4e66508f66(props, state) {
     if (orientation === 'vertical' || direction === 'rtl') thumbPosition = 1 - thumbPosition;
     return {
         trackProps: {
-            ...$jy18E$reactariautils.mergeProps(groupProps, trackProps),
+            ...$fb1f3$reactariautils.mergeProps(groupProps, trackProps),
             style: {
                 position: 'relative',
                 touchAction: 'none',
@@ -110,26 +110,26 @@ function $1dcb689e6b4dbdc0$export$106b7a4e66508f66(props, state) {
 }
 
 
-var $5e049513506b53e6$exports = {};
+var $f52a5d5adb728369$exports = {};
 
-$parcel$export($5e049513506b53e6$exports, "useColorWheel", () => $5e049513506b53e6$export$9064ff4e44b3729a);
+$parcel$export($f52a5d5adb728369$exports, "useColorWheel", () => $f52a5d5adb728369$export$9064ff4e44b3729a);
 
 
 
 
-const $5e049513506b53e6$var$PAGE_MIN_STEP_SIZE = 6;
-function $5e049513506b53e6$export$9064ff4e44b3729a(props, state, inputRef) {
+const $f52a5d5adb728369$var$PAGE_MIN_STEP_SIZE = 6;
+function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
     let { isDisabled: isDisabled , step: step = 1 , innerRadius: innerRadius , outerRadius: outerRadius , 'aria-label': ariaLabel  } = props;
-    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $jy18E$reactariautils.useGlobalListeners();
+    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $fb1f3$reactariautils.useGlobalListeners();
     let thumbRadius = (innerRadius + outerRadius) / 2;
-    let focusInput = $jy18E$react.useCallback(()=>{
-        if (inputRef.current) $jy18E$reactariautils.focusWithoutScrolling(inputRef.current);
+    let focusInput = $fb1f3$react.useCallback(()=>{
+        if (inputRef.current) $fb1f3$reactariautils.focusWithoutScrolling(inputRef.current);
     }, [
         inputRef
     ]);
-    let stateRef = $jy18E$react.useRef(null);
+    let stateRef = $fb1f3$react.useRef(null);
     stateRef.current = state;
-    let currentPosition = $jy18E$react.useRef(null);
+    let currentPosition = $fb1f3$react.useRef(null);
     let moveHandler = {
         onMoveStart () {
             currentPosition.current = null;
@@ -150,10 +150,10 @@ function $5e049513506b53e6$export$9064ff4e44b3729a(props, state, inputRef) {
             focusInput();
         }
     };
-    let { moveProps: movePropsThumb  } = $jy18E$reactariainteractions.useMove(moveHandler);
-    let currentPointer = $jy18E$react.useRef(undefined);
-    let isOnTrack = $jy18E$react.useRef(false);
-    let { moveProps: movePropsContainer  } = $jy18E$reactariainteractions.useMove({
+    let { moveProps: movePropsThumb  } = $fb1f3$reactariainteractions.useMove(moveHandler);
+    let currentPointer = $fb1f3$react.useRef(undefined);
+    let isOnTrack = $fb1f3$react.useRef(false);
+    let { moveProps: movePropsContainer  } = $fb1f3$reactariainteractions.useMove({
         onMoveStart () {
             if (isOnTrack.current) moveHandler.onMoveStart();
         },
@@ -222,22 +222,22 @@ function $5e049513506b53e6$export$9064ff4e44b3729a(props, state, inputRef) {
             }
         }
     };
-    let { keyboardProps: keyboardProps  } = $jy18E$reactariainteractions.useKeyboard({
+    let { keyboardProps: keyboardProps  } = $fb1f3$reactariainteractions.useKeyboard({
         onKeyDown (e) {
             switch(e.key){
                 case 'PageUp':
                     e.preventDefault();
-                    state.increment($5e049513506b53e6$var$PAGE_MIN_STEP_SIZE);
+                    state.increment($f52a5d5adb728369$var$PAGE_MIN_STEP_SIZE);
                     break;
                 case 'PageDown':
                     e.preventDefault();
-                    state.decrement($5e049513506b53e6$var$PAGE_MIN_STEP_SIZE);
+                    state.decrement($f52a5d5adb728369$var$PAGE_MIN_STEP_SIZE);
                     break;
             }
         }
     });
     let trackInteractions = isDisabled ? {
-    } : $jy18E$reactariautils.mergeProps({
+    } : $fb1f3$reactariautils.mergeProps({
         ...typeof PointerEvent !== 'undefined' ? {
             onPointerDown: (e)=>{
                 if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
@@ -254,7 +254,7 @@ function $5e049513506b53e6$export$9064ff4e44b3729a(props, state, inputRef) {
         }
     }, movePropsContainer);
     let thumbInteractions = isDisabled ? {
-    } : $jy18E$reactariautils.mergeProps({
+    } : $fb1f3$reactariautils.mergeProps({
         onMouseDown: (e)=>{
             if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
             onThumbDown(undefined);
@@ -269,9 +269,9 @@ function $5e049513506b53e6$export$9064ff4e44b3729a(props, state, inputRef) {
     }, movePropsThumb, keyboardProps);
     let { x: x1 , y: y1  } = state.getThumbPosition(thumbRadius);
     // Provide a default aria-label if none is given
-    let { locale: locale  } = $jy18E$reactariai18n.useLocale();
+    let { locale: locale  } = $fb1f3$reactariai18n.useLocale();
     if (ariaLabel == null && props['aria-labelledby'] == null) ariaLabel = state.value.getChannelName('hue', locale);
-    let inputLabellingProps = $jy18E$reactariautils.useLabels({
+    let inputLabellingProps = $fb1f3$reactariautils.useLabels({
         ...props,
         'aria-label': ariaLabel
     });
@@ -301,7 +301,7 @@ function $5e049513506b53e6$export$9064ff4e44b3729a(props, state, inputRef) {
             hsl(360, 100%, 50%)
           )
         `,
-                clipPath: `path(evenodd, "${$5e049513506b53e6$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$5e049513506b53e6$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
+                clipPath: `path(evenodd, "${$f52a5d5adb728369$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$f52a5d5adb728369$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
             }
         },
         thumbProps: {
@@ -314,7 +314,7 @@ function $5e049513506b53e6$export$9064ff4e44b3729a(props, state, inputRef) {
                 touchAction: 'none'
             }
         },
-        inputProps: $jy18E$reactariautils.mergeProps(inputLabellingProps, {
+        inputProps: $fb1f3$reactariautils.mergeProps(inputLabellingProps, {
             type: 'range',
             min: '0',
             max: '360',
@@ -329,24 +329,24 @@ function $5e049513506b53e6$export$9064ff4e44b3729a(props, state, inputRef) {
     };
 }
 // Creates an SVG path string for a circle.
-function $5e049513506b53e6$var$circlePath(cx, cy, r) {
+function $f52a5d5adb728369$var$circlePath(cx, cy, r) {
     return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;
 }
 
 
-var $c30bb376b5583743$exports = {};
+var $a03d78c6bebe68f6$exports = {};
 
-$parcel$export($c30bb376b5583743$exports, "useColorField", () => $c30bb376b5583743$export$77e32ca575a28fdf);
+$parcel$export($a03d78c6bebe68f6$exports, "useColorField", () => $a03d78c6bebe68f6$export$77e32ca575a28fdf);
 
 
 
 
 
-function $c30bb376b5583743$export$77e32ca575a28fdf(props, state, ref) {
+function $a03d78c6bebe68f6$export$77e32ca575a28fdf(props, state, ref) {
     let { isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired  } = props;
     let { colorValue: colorValue , inputValue: inputValue , commit: commit , increment: increment , decrement: decrement , incrementToMax: incrementToMax , decrementToMin: decrementToMin  } = state;
-    let inputId = $jy18E$reactariautils.useId();
-    let { spinButtonProps: spinButtonProps  } = $jy18E$reactariaspinbutton.useSpinButton({
+    let inputId = $fb1f3$reactariautils.useId();
+    let { spinButtonProps: spinButtonProps  } = $fb1f3$reactariaspinbutton.useSpinButton({
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
@@ -359,12 +359,12 @@ function $c30bb376b5583743$export$77e32ca575a28fdf(props, state, ref) {
         value: colorValue ? colorValue.toHexInt() : undefined,
         textValue: colorValue ? colorValue.toString('hex') : undefined
     });
-    let [focusWithin, setFocusWithin] = $jy18E$react.useState(false);
-    let { focusWithinProps: focusWithinProps  } = $jy18E$reactariainteractions.useFocusWithin({
+    let [focusWithin, setFocusWithin] = $fb1f3$react.useState(false);
+    let { focusWithinProps: focusWithinProps  } = $fb1f3$reactariainteractions.useFocusWithin({
         isDisabled: isDisabled,
         onFocusWithinChange: setFocusWithin
     });
-    let onWheel = $jy18E$react.useCallback((e)=>{
+    let onWheel = $fb1f3$react.useCallback((e)=>{
         if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
         if (e.deltaY > 0) increment();
         else if (e.deltaY < 0) decrement();
@@ -376,14 +376,14 @@ function $c30bb376b5583743$export$77e32ca575a28fdf(props, state, ref) {
     ]);
     // If the input isn't supposed to receive input, disable scrolling.
     let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
-    $jy18E$reactariainteractions.useScrollWheel({
+    $fb1f3$reactariainteractions.useScrollWheel({
         onScroll: onWheel,
         isDisabled: scrollingDisabled
     }, ref);
     let onChange = (value)=>{
         state.setInputValue(value);
     };
-    let { labelProps: labelProps , inputProps: inputProps  } = $jy18E$reactariatextfield.useFormattedTextField($jy18E$reactariautils.mergeProps(props, {
+    let { labelProps: labelProps , inputProps: inputProps  } = $fb1f3$reactariatextfield.useFormattedTextField($fb1f3$reactariautils.mergeProps(props, {
         id: inputId,
         value: inputValue,
         defaultValue: undefined,
@@ -393,7 +393,7 @@ function $c30bb376b5583743$export$77e32ca575a28fdf(props, state, ref) {
     }), state, ref);
     return {
         labelProps: labelProps,
-        inputProps: $jy18E$reactariautils.mergeProps(inputProps, spinButtonProps, focusWithinProps, {
+        inputProps: $fb1f3$reactariautils.mergeProps(inputProps, spinButtonProps, focusWithinProps, {
             role: 'textbox',
             'aria-valuemax': null,
             'aria-valuemin': null,
@@ -407,9 +407,9 @@ function $c30bb376b5583743$export$77e32ca575a28fdf(props, state, ref) {
 }
 
 
-$parcel$exportWildcard(module.exports, $1dcb689e6b4dbdc0$exports);
-$parcel$exportWildcard(module.exports, $5e049513506b53e6$exports);
-$parcel$exportWildcard(module.exports, $c30bb376b5583743$exports);
+$parcel$exportWildcard(module.exports, $65c158f0c1f3086b$exports);
+$parcel$exportWildcard(module.exports, $f52a5d5adb728369$exports);
+$parcel$exportWildcard(module.exports, $a03d78c6bebe68f6$exports);
 
 
 //# sourceMappingURL=main.js.map

package/dist/module.js

@@ -1,31 +1,31 @@
-import {mergeProps as $gJGFt$mergeProps, useGlobalListeners as $gJGFt$useGlobalListeners, focusWithoutScrolling as $gJGFt$focusWithoutScrolling, useLabels as $gJGFt$useLabels, useId as $gJGFt$useId} from "@react-aria/utils";
-import {useLocale as $gJGFt$useLocale} from "@react-aria/i18n";
-import {useSlider as $gJGFt$useSlider, useSliderThumb as $gJGFt$useSliderThumb} from "@react-aria/slider";
-import {useCallback as $gJGFt$useCallback, useRef as $gJGFt$useRef, useState as $gJGFt$useState} from "react";
-import {useMove as $gJGFt$useMove, useKeyboard as $gJGFt$useKeyboard, useFocusWithin as $gJGFt$useFocusWithin, useScrollWheel as $gJGFt$useScrollWheel} from "@react-aria/interactions";
-import {useFormattedTextField as $gJGFt$useFormattedTextField} from "@react-aria/textfield";
-import {useSpinButton as $gJGFt$useSpinButton} from "@react-aria/spinbutton";
+import {mergeProps as $kLMEb$mergeProps, useGlobalListeners as $kLMEb$useGlobalListeners, focusWithoutScrolling as $kLMEb$focusWithoutScrolling, useLabels as $kLMEb$useLabels, useId as $kLMEb$useId} from "@react-aria/utils";
+import {useLocale as $kLMEb$useLocale} from "@react-aria/i18n";
+import {useSlider as $kLMEb$useSlider, useSliderThumb as $kLMEb$useSliderThumb} from "@react-aria/slider";
+import {useCallback as $kLMEb$useCallback, useRef as $kLMEb$useRef, useState as $kLMEb$useState} from "react";
+import {useMove as $kLMEb$useMove, useKeyboard as $kLMEb$useKeyboard, useFocusWithin as $kLMEb$useFocusWithin, useScrollWheel as $kLMEb$useScrollWheel} from "@react-aria/interactions";
+import {useFormattedTextField as $kLMEb$useFormattedTextField} from "@react-aria/textfield";
+import {useSpinButton as $kLMEb$useSpinButton} from "@react-aria/spinbutton";
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $d984cfa31c77609b$exports = {};
+var $d35c65941a2de674$exports = {};
 
-$parcel$export($d984cfa31c77609b$exports, "useColorSlider", () => $d984cfa31c77609b$export$106b7a4e66508f66);
+$parcel$export($d35c65941a2de674$exports, "useColorSlider", () => $d35c65941a2de674$export$106b7a4e66508f66);
 
 
 
-function $d984cfa31c77609b$export$106b7a4e66508f66(props, state) {
+function $d35c65941a2de674$export$106b7a4e66508f66(props, state) {
     let { trackRef: trackRef , inputRef: inputRef , orientation: orientation , channel: channel , 'aria-label': ariaLabel  } = props;
-    let { locale: locale , direction: direction  } = $gJGFt$useLocale();
+    let { locale: locale , direction: direction  } = $kLMEb$useLocale();
     // Provide a default aria-label if there is no other label provided.
     if (!props.label && !ariaLabel && !props['aria-labelledby']) ariaLabel = state.value.getChannelName(channel, locale);
     // @ts-ignore - ignore unused incompatible props
-    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $gJGFt$useSlider({
+    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $kLMEb$useSlider({
         ...props,
         'aria-label': ariaLabel
     }, state, trackRef);
-    let { inputProps: inputProps , thumbProps: thumbProps  } = $gJGFt$useSliderThumb({
+    let { inputProps: inputProps , thumbProps: thumbProps  } = $kLMEb$useSliderThumb({
         index: 0,
         orientation: orientation,
         isDisabled: props.isDisabled,
@@ -71,7 +71,7 @@ function $d984cfa31c77609b$export$106b7a4e66508f66(props, state) {
     if (orientation === 'vertical' || direction === 'rtl') thumbPosition = 1 - thumbPosition;
     return {
         trackProps: {
-            ...$gJGFt$mergeProps(groupProps, trackProps),
+            ...$kLMEb$mergeProps(groupProps, trackProps),
             style: {
                 position: 'relative',
                 touchAction: 'none',
@@ -94,26 +94,26 @@ function $d984cfa31c77609b$export$106b7a4e66508f66(props, state) {
 }
 
 
-var $57b62b9426efaf0d$exports = {};
+var $29049ccc426e44cb$exports = {};
 
-$parcel$export($57b62b9426efaf0d$exports, "useColorWheel", () => $57b62b9426efaf0d$export$9064ff4e44b3729a);
+$parcel$export($29049ccc426e44cb$exports, "useColorWheel", () => $29049ccc426e44cb$export$9064ff4e44b3729a);
 
 
 
 
-const $57b62b9426efaf0d$var$PAGE_MIN_STEP_SIZE = 6;
-function $57b62b9426efaf0d$export$9064ff4e44b3729a(props, state, inputRef) {
+const $29049ccc426e44cb$var$PAGE_MIN_STEP_SIZE = 6;
+function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
     let { isDisabled: isDisabled , step: step = 1 , innerRadius: innerRadius , outerRadius: outerRadius , 'aria-label': ariaLabel  } = props;
-    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $gJGFt$useGlobalListeners();
+    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $kLMEb$useGlobalListeners();
     let thumbRadius = (innerRadius + outerRadius) / 2;
-    let focusInput = $gJGFt$useCallback(()=>{
-        if (inputRef.current) $gJGFt$focusWithoutScrolling(inputRef.current);
+    let focusInput = $kLMEb$useCallback(()=>{
+        if (inputRef.current) $kLMEb$focusWithoutScrolling(inputRef.current);
     }, [
         inputRef
     ]);
-    let stateRef = $gJGFt$useRef(null);
+    let stateRef = $kLMEb$useRef(null);
     stateRef.current = state;
-    let currentPosition = $gJGFt$useRef(null);
+    let currentPosition = $kLMEb$useRef(null);
     let moveHandler = {
         onMoveStart () {
             currentPosition.current = null;
@@ -134,10 +134,10 @@ function $57b62b9426efaf0d$export$9064ff4e44b3729a(props, state, inputRef) {
             focusInput();
         }
     };
-    let { moveProps: movePropsThumb  } = $gJGFt$useMove(moveHandler);
-    let currentPointer = $gJGFt$useRef(undefined);
-    let isOnTrack = $gJGFt$useRef(false);
-    let { moveProps: movePropsContainer  } = $gJGFt$useMove({
+    let { moveProps: movePropsThumb  } = $kLMEb$useMove(moveHandler);
+    let currentPointer = $kLMEb$useRef(undefined);
+    let isOnTrack = $kLMEb$useRef(false);
+    let { moveProps: movePropsContainer  } = $kLMEb$useMove({
         onMoveStart () {
             if (isOnTrack.current) moveHandler.onMoveStart();
         },
@@ -206,22 +206,22 @@ function $57b62b9426efaf0d$export$9064ff4e44b3729a(props, state, inputRef) {
             }
         }
     };
-    let { keyboardProps: keyboardProps  } = $gJGFt$useKeyboard({
+    let { keyboardProps: keyboardProps  } = $kLMEb$useKeyboard({
         onKeyDown (e) {
             switch(e.key){
                 case 'PageUp':
                     e.preventDefault();
-                    state.increment($57b62b9426efaf0d$var$PAGE_MIN_STEP_SIZE);
+                    state.increment($29049ccc426e44cb$var$PAGE_MIN_STEP_SIZE);
                     break;
                 case 'PageDown':
                     e.preventDefault();
-                    state.decrement($57b62b9426efaf0d$var$PAGE_MIN_STEP_SIZE);
+                    state.decrement($29049ccc426e44cb$var$PAGE_MIN_STEP_SIZE);
                     break;
             }
         }
     });
     let trackInteractions = isDisabled ? {
-    } : $gJGFt$mergeProps({
+    } : $kLMEb$mergeProps({
         ...typeof PointerEvent !== 'undefined' ? {
             onPointerDown: (e)=>{
                 if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
@@ -238,7 +238,7 @@ function $57b62b9426efaf0d$export$9064ff4e44b3729a(props, state, inputRef) {
         }
     }, movePropsContainer);
     let thumbInteractions = isDisabled ? {
-    } : $gJGFt$mergeProps({
+    } : $kLMEb$mergeProps({
         onMouseDown: (e)=>{
             if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
             onThumbDown(undefined);
@@ -253,9 +253,9 @@ function $57b62b9426efaf0d$export$9064ff4e44b3729a(props, state, inputRef) {
     }, movePropsThumb, keyboardProps);
     let { x: x1 , y: y1  } = state.getThumbPosition(thumbRadius);
     // Provide a default aria-label if none is given
-    let { locale: locale  } = $gJGFt$useLocale();
+    let { locale: locale  } = $kLMEb$useLocale();
     if (ariaLabel == null && props['aria-labelledby'] == null) ariaLabel = state.value.getChannelName('hue', locale);
-    let inputLabellingProps = $gJGFt$useLabels({
+    let inputLabellingProps = $kLMEb$useLabels({
         ...props,
         'aria-label': ariaLabel
     });
@@ -285,7 +285,7 @@ function $57b62b9426efaf0d$export$9064ff4e44b3729a(props, state, inputRef) {
             hsl(360, 100%, 50%)
           )
         `,
-                clipPath: `path(evenodd, "${$57b62b9426efaf0d$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$57b62b9426efaf0d$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
+                clipPath: `path(evenodd, "${$29049ccc426e44cb$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$29049ccc426e44cb$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
             }
         },
         thumbProps: {
@@ -298,7 +298,7 @@ function $57b62b9426efaf0d$export$9064ff4e44b3729a(props, state, inputRef) {
                 touchAction: 'none'
             }
         },
-        inputProps: $gJGFt$mergeProps(inputLabellingProps, {
+        inputProps: $kLMEb$mergeProps(inputLabellingProps, {
             type: 'range',
             min: '0',
             max: '360',
@@ -313,24 +313,24 @@ function $57b62b9426efaf0d$export$9064ff4e44b3729a(props, state, inputRef) {
     };
 }
 // Creates an SVG path string for a circle.
-function $57b62b9426efaf0d$var$circlePath(cx, cy, r) {
+function $29049ccc426e44cb$var$circlePath(cx, cy, r) {
     return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;
 }
 
 
-var $2a22f80414e6430f$exports = {};
+var $42d92523b2461444$exports = {};
 
-$parcel$export($2a22f80414e6430f$exports, "useColorField", () => $2a22f80414e6430f$export$77e32ca575a28fdf);
+$parcel$export($42d92523b2461444$exports, "useColorField", () => $42d92523b2461444$export$77e32ca575a28fdf);
 
 
 
 
 
-function $2a22f80414e6430f$export$77e32ca575a28fdf(props, state, ref) {
+function $42d92523b2461444$export$77e32ca575a28fdf(props, state, ref) {
     let { isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired  } = props;
     let { colorValue: colorValue , inputValue: inputValue , commit: commit , increment: increment , decrement: decrement , incrementToMax: incrementToMax , decrementToMin: decrementToMin  } = state;
-    let inputId = $gJGFt$useId();
-    let { spinButtonProps: spinButtonProps  } = $gJGFt$useSpinButton({
+    let inputId = $kLMEb$useId();
+    let { spinButtonProps: spinButtonProps  } = $kLMEb$useSpinButton({
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
@@ -343,12 +343,12 @@ function $2a22f80414e6430f$export$77e32ca575a28fdf(props, state, ref) {
         value: colorValue ? colorValue.toHexInt() : undefined,
         textValue: colorValue ? colorValue.toString('hex') : undefined
     });
-    let [focusWithin, setFocusWithin] = $gJGFt$useState(false);
-    let { focusWithinProps: focusWithinProps  } = $gJGFt$useFocusWithin({
+    let [focusWithin, setFocusWithin] = $kLMEb$useState(false);
+    let { focusWithinProps: focusWithinProps  } = $kLMEb$useFocusWithin({
         isDisabled: isDisabled,
         onFocusWithinChange: setFocusWithin
     });
-    let onWheel = $gJGFt$useCallback((e)=>{
+    let onWheel = $kLMEb$useCallback((e)=>{
         if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
         if (e.deltaY > 0) increment();
         else if (e.deltaY < 0) decrement();
@@ -360,14 +360,14 @@ function $2a22f80414e6430f$export$77e32ca575a28fdf(props, state, ref) {
     ]);
     // If the input isn't supposed to receive input, disable scrolling.
     let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
-    $gJGFt$useScrollWheel({
+    $kLMEb$useScrollWheel({
         onScroll: onWheel,
         isDisabled: scrollingDisabled
     }, ref);
     let onChange = (value)=>{
         state.setInputValue(value);
     };
-    let { labelProps: labelProps , inputProps: inputProps  } = $gJGFt$useFormattedTextField($gJGFt$mergeProps(props, {
+    let { labelProps: labelProps , inputProps: inputProps  } = $kLMEb$useFormattedTextField($kLMEb$mergeProps(props, {
         id: inputId,
         value: inputValue,
         defaultValue: undefined,
@@ -377,7 +377,7 @@ function $2a22f80414e6430f$export$77e32ca575a28fdf(props, state, ref) {
     }), state, ref);
     return {
         labelProps: labelProps,
-        inputProps: $gJGFt$mergeProps(inputProps, spinButtonProps, focusWithinProps, {
+        inputProps: $kLMEb$mergeProps(inputProps, spinButtonProps, focusWithinProps, {
             role: 'textbox',
             'aria-valuemax': null,
             'aria-valuemin': null,
@@ -393,5 +393,5 @@ function $2a22f80414e6430f$export$77e32ca575a28fdf(props, state, ref) {
 
 
 
-export {$d984cfa31c77609b$export$106b7a4e66508f66 as useColorSlider, $57b62b9426efaf0d$export$9064ff4e44b3729a as useColorWheel, $2a22f80414e6430f$export$77e32ca575a28fdf as useColorField};
+export {$d35c65941a2de674$export$106b7a4e66508f66 as useColorSlider, $29049ccc426e44cb$export$9064ff4e44b3729a as useColorWheel, $42d92523b2461444$export$77e32ca575a28fdf as useColorField};
 //# sourceMappingURL=module.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/color",
-  "version": "3.0.0-nightly.3085+dfe72ee07",
+  "version": "3.0.0-nightly.3100+da2aa7467",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,16 +18,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "3.0.0-nightly.1394+dfe72ee07",
-    "@react-aria/interactions": "3.0.0-nightly.1394+dfe72ee07",
-    "@react-aria/slider": "3.0.4-nightly.3085+dfe72ee07",
-    "@react-aria/spinbutton": "3.0.0-nightly.1394+dfe72ee07",
-    "@react-aria/textfield": "3.0.0-nightly.1394+dfe72ee07",
-    "@react-aria/utils": "3.0.0-nightly.1394+dfe72ee07",
-    "@react-stately/color": "3.0.0-nightly.3085+dfe72ee07",
-    "@react-types/color": "3.0.0-nightly.3085+dfe72ee07",
-    "@react-types/shared": "3.0.0-nightly.1394+dfe72ee07",
-    "@react-types/slider": "3.0.3-nightly.3085+dfe72ee07"
+    "@react-aria/i18n": "3.0.0-nightly.1409+da2aa7467",
+    "@react-aria/interactions": "3.0.0-nightly.1409+da2aa7467",
+    "@react-aria/slider": "3.0.4-nightly.3100+da2aa7467",
+    "@react-aria/spinbutton": "3.0.0-nightly.1409+da2aa7467",
+    "@react-aria/textfield": "3.0.0-nightly.1409+da2aa7467",
+    "@react-aria/utils": "3.0.0-nightly.1409+da2aa7467",
+    "@react-stately/color": "3.0.0-nightly.3100+da2aa7467",
+    "@react-types/color": "3.0.0-nightly.3100+da2aa7467",
+    "@react-types/shared": "3.0.0-nightly.1409+da2aa7467",
+    "@react-types/slider": "3.0.3-nightly.3100+da2aa7467"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1",
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dfe72ee076f7ca27728d0b6b4c1ef86e11191ece"
+  "gitHead": "da2aa74670fbd93335ff01401ca53826b3602777"
 }