@react-aria/color 3.0.0-nightly.4623 → 3.0.0-nightly.4629

package/dist/useColorWheel.module.js

@@ -20,7 +20,7 @@ import {useVisuallyHidden as $hcgPp$useVisuallyHidden} from "@react-aria/visuall
 
 
 function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
-    let { isDisabled: isDisabled, innerRadius: innerRadius, outerRadius: outerRadius, "aria-label": ariaLabel, name: name } = props;
+    let { isDisabled: isDisabled, innerRadius: innerRadius, outerRadius: outerRadius, 'aria-label': ariaLabel, name: name } = props;
     let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $hcgPp$useGlobalListeners)();
     let thumbRadius = (innerRadius + outerRadius) / 2;
     let focusInput = (0, $hcgPp$useCallback)(()=>{
@@ -42,11 +42,11 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             // remember to set this and unset it so that onChangeEnd is fired
             state.setDragging(true);
             switch(e.key){
-                case "PageUp":
+                case 'PageUp':
                     e.preventDefault();
                     state.increment(state.pageStep);
                     break;
-                case "PageDown":
+                case 'PageDown':
                     e.preventDefault();
                     state.decrement(state.pageStep);
                     break;
@@ -63,7 +63,7 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             if (currentPosition.current == null) currentPosition.current = state.getThumbPosition(thumbRadius);
             currentPosition.current.x += deltaX;
             currentPosition.current.y += deltaY;
-            if (pointerType === "keyboard") {
+            if (pointerType === 'keyboard') {
                 if (deltaX > 0 || deltaY < 0) state.increment(shiftKey ? state.pageStep : state.step);
                 else if (deltaX < 0 || deltaY > 0) state.decrement(shiftKey ? state.pageStep : state.step);
             } else state.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);
@@ -93,10 +93,10 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             currentPointer.current = id;
             focusInput();
             state.setDragging(true);
-            if (typeof PointerEvent !== "undefined") addGlobalListener(window, "pointerup", onThumbUp, false);
+            if (typeof PointerEvent !== 'undefined') addGlobalListener(window, 'pointerup', onThumbUp, false);
             else {
-                addGlobalListener(window, "mouseup", onThumbUp, false);
-                addGlobalListener(window, "touchend", onThumbUp, false);
+                addGlobalListener(window, 'mouseup', onThumbUp, false);
+                addGlobalListener(window, 'touchend', onThumbUp, false);
             }
         }
     };
@@ -109,10 +109,10 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             state.setDragging(false);
             currentPointer.current = undefined;
             isOnTrack.current = false;
-            if (typeof PointerEvent !== "undefined") removeGlobalListener(window, "pointerup", onThumbUp, false);
+            if (typeof PointerEvent !== 'undefined') removeGlobalListener(window, 'pointerup', onThumbUp, false);
             else {
-                removeGlobalListener(window, "mouseup", onThumbUp, false);
-                removeGlobalListener(window, "touchend", onThumbUp, false);
+                removeGlobalListener(window, 'mouseup', onThumbUp, false);
+                removeGlobalListener(window, 'touchend', onThumbUp, false);
             }
         }
     };
@@ -127,10 +127,10 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             state.setHueFromPoint(x, y, radius);
             focusInput();
             state.setDragging(true);
-            if (typeof PointerEvent !== "undefined") addGlobalListener(window, "pointerup", onTrackUp, false);
+            if (typeof PointerEvent !== 'undefined') addGlobalListener(window, 'pointerup', onTrackUp, false);
             else {
-                addGlobalListener(window, "mouseup", onTrackUp, false);
-                addGlobalListener(window, "touchend", onTrackUp, false);
+                addGlobalListener(window, 'mouseup', onTrackUp, false);
+                addGlobalListener(window, 'touchend', onTrackUp, false);
             }
         }
     };
@@ -143,17 +143,17 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             currentPointer.current = undefined;
             state.setDragging(false);
             focusInput();
-            if (typeof PointerEvent !== "undefined") removeGlobalListener(window, "pointerup", onTrackUp, false);
+            if (typeof PointerEvent !== 'undefined') removeGlobalListener(window, 'pointerup', onTrackUp, false);
             else {
-                removeGlobalListener(window, "mouseup", onTrackUp, false);
-                removeGlobalListener(window, "touchend", onTrackUp, false);
+                removeGlobalListener(window, 'mouseup', onTrackUp, false);
+                removeGlobalListener(window, 'touchend', onTrackUp, false);
             }
         }
     };
     let trackInteractions = isDisabled ? {} : (0, $hcgPp$mergeProps)({
-        ...typeof PointerEvent !== "undefined" ? {
+        ...typeof PointerEvent !== 'undefined' ? {
             onPointerDown: (e)=>{
-                if (e.pointerType === "mouse" && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
+                if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
                 onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);
             }
         } : {
@@ -172,7 +172,7 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             onThumbDown(undefined);
         },
         onPointerDown: (e)=>{
-            if (e.pointerType === "mouse" && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
+            if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
             onThumbDown(e.pointerId);
         },
         onTouchStart: (e)=>{
@@ -182,29 +182,29 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
     let { x: x, y: y } = state.getThumbPosition(thumbRadius);
     // Provide a default aria-label if none is given
     let { locale: locale } = (0, $hcgPp$useLocale)();
-    if (ariaLabel == null && props["aria-labelledby"] == null) ariaLabel = state.value.getChannelName("hue", locale);
+    if (ariaLabel == null && props['aria-labelledby'] == null) ariaLabel = state.value.getChannelName('hue', locale);
     let inputLabellingProps = (0, $hcgPp$useLabels)({
         ...props,
-        "aria-label": ariaLabel
+        'aria-label': ariaLabel
     });
-    let { minValue: minValue, maxValue: maxValue, step: step } = state.value.getChannelRange("hue");
+    let { minValue: minValue, maxValue: maxValue, step: step } = state.value.getChannelRange('hue');
     let forcedColorAdjustNoneStyle = {
-        forcedColorAdjust: "none"
+        forcedColorAdjust: 'none'
     };
     let { visuallyHiddenProps: visuallyHiddenProps } = (0, $hcgPp$useVisuallyHidden)({
         style: {
-            opacity: "0.0001",
-            width: "100%",
-            height: "100%",
-            pointerEvents: "none"
+            opacity: '0.0001',
+            width: '100%',
+            height: '100%',
+            pointerEvents: 'none'
         }
     });
     return {
         trackProps: {
             ...trackInteractions,
             style: {
-                position: "relative",
-                touchAction: "none",
+                position: 'relative',
+                touchAction: 'none',
                 width: outerRadius * 2,
                 height: outerRadius * 2,
                 background: `
@@ -232,30 +232,30 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
         thumbProps: {
             ...thumbInteractions,
             style: {
-                position: "absolute",
+                position: 'absolute',
                 left: outerRadius + x,
                 top: outerRadius + y,
-                transform: "translate(-50%, -50%)",
-                touchAction: "none",
+                transform: 'translate(-50%, -50%)',
+                touchAction: 'none',
                 ...forcedColorAdjustNoneStyle
             }
         },
         inputProps: (0, $hcgPp$mergeProps)(inputLabellingProps, {
-            type: "range",
+            type: 'range',
             min: String(minValue),
             max: String(maxValue),
             step: String(step),
-            "aria-valuetext": `${state.value.formatChannelValue("hue", locale)}, ${state.value.getHueName(locale)}`,
+            'aria-valuetext': `${state.value.formatChannelValue('hue', locale)}, ${state.value.getHueName(locale)}`,
             disabled: isDisabled,
-            value: `${state.value.getChannelValue("hue")}`,
+            value: `${state.value.getChannelValue('hue')}`,
             name: name,
             onChange: (e)=>{
                 state.setHue(parseFloat(e.target.value));
             },
             style: visuallyHiddenProps.style,
-            "aria-errormessage": props["aria-errormessage"],
-            "aria-describedby": props["aria-describedby"],
-            "aria-details": props["aria-details"]
+            'aria-errormessage': props['aria-errormessage'],
+            'aria-describedby': props['aria-describedby'],
+            'aria-details': props['aria-details']
         })
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/color",
-  "version": "3.0.0-nightly.4623+b294de874",
+  "version": "3.0.0-nightly.4629+c34886769",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,18 +22,18 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "3.0.0-nightly.2911+b294de874",
-    "@react-aria/interactions": "3.0.0-nightly.2911+b294de874",
-    "@react-aria/numberfield": "3.0.0-nightly.2911+b294de874",
-    "@react-aria/slider": "3.7.8-nightly.4623+b294de874",
-    "@react-aria/spinbutton": "3.0.0-nightly.2911+b294de874",
-    "@react-aria/textfield": "3.0.0-nightly.2911+b294de874",
-    "@react-aria/utils": "3.0.0-nightly.2911+b294de874",
-    "@react-aria/visually-hidden": "3.0.0-nightly.2911+b294de874",
-    "@react-stately/color": "3.6.1-nightly.4623+b294de874",
-    "@react-stately/form": "3.0.3-nightly.4623+b294de874",
-    "@react-types/color": "3.0.0-nightly.4623+b294de874",
-    "@react-types/shared": "3.0.0-nightly.2911+b294de874",
+    "@react-aria/i18n": "3.0.0-nightly.2917+c34886769",
+    "@react-aria/interactions": "3.0.0-nightly.2917+c34886769",
+    "@react-aria/numberfield": "3.0.0-nightly.2917+c34886769",
+    "@react-aria/slider": "3.7.9-nightly.4629+c34886769",
+    "@react-aria/spinbutton": "3.0.0-nightly.2917+c34886769",
+    "@react-aria/textfield": "3.0.0-nightly.2917+c34886769",
+    "@react-aria/utils": "3.0.0-nightly.2917+c34886769",
+    "@react-aria/visually-hidden": "3.0.0-nightly.2917+c34886769",
+    "@react-stately/color": "3.6.2-nightly.4629+c34886769",
+    "@react-stately/form": "3.0.4-nightly.4629+c34886769",
+    "@react-types/color": "3.0.0-nightly.4629+c34886769",
+    "@react-types/shared": "3.0.0-nightly.2917+c34886769",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b294de874c16fad64bc4b930ccee1c9ffeb1c20f"
+  "gitHead": "c34886769d3e69bb56553a02eead6a0fd877e754"
 }