@react-spectrum/color 3.0.0-nightly.4555 → 3.0.0-nightly.4560

package/dist/ColorWheel.main.js

@@ -0,0 +1,114 @@
+var $2b9adc23f6c7cae1$exports = require("./ColorThumb.main.js");
+require("./vars.ac235018.css");
+var $8fc6b1a2f4e7f682$exports = require("./colorwheel_vars_css.main.js");
+var $gEgjt$reactspectrumutils = require("@react-spectrum/utils");
+var $gEgjt$react = require("react");
+var $gEgjt$reactariacolor = require("@react-aria/color");
+var $gEgjt$reactstatelycolor = require("@react-stately/color");
+var $gEgjt$reactariafocus = require("@react-aria/focus");
+var $gEgjt$reactspectrumprovider = require("@react-spectrum/provider");
+var $gEgjt$reactariautils = require("@react-aria/utils");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ColorWheel", () => $63a2864687444ae1$export$f80663f808113381);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+const $63a2864687444ae1$var$WHEEL_THICKNESS = 24;
+function $63a2864687444ae1$var$ColorWheel(props, ref) {
+    props = (0, $gEgjt$reactspectrumprovider.useProviderProps)(props);
+    let { isDisabled: isDisabled } = props;
+    let size = props.size && (0, $gEgjt$reactspectrumutils.dimensionValue)(props.size);
+    let { styleProps: styleProps } = (0, $gEgjt$reactspectrumutils.useStyleProps)(props);
+    let inputRef = (0, $gEgjt$react.useRef)(null);
+    let containerRef = (0, $gEgjt$reactspectrumutils.useFocusableRef)(ref, inputRef);
+    let [wheelRadius, setWheelRadius] = (0, $gEgjt$react.useState)(0);
+    let [wheelThickness, setWheelThickness] = (0, $gEgjt$react.useState)($63a2864687444ae1$var$WHEEL_THICKNESS);
+    let resizeHandler = (0, $gEgjt$react.useCallback)(()=>{
+        if (containerRef.current) {
+            setWheelRadius(containerRef.current.offsetWidth / 2);
+            let thickness = window.getComputedStyle(containerRef.current).getPropertyValue("--spectrum-colorwheel-track-thickness");
+            if (thickness) setWheelThickness(parseInt(thickness, 10));
+        }
+    }, [
+        containerRef,
+        setWheelRadius,
+        setWheelThickness
+    ]);
+    (0, $gEgjt$react.useEffect)(()=>{
+        // the size observer's fallback to the window resize event doesn't fire on mount
+        if (wheelRadius === 0) resizeHandler();
+    }, [
+        wheelRadius,
+        resizeHandler
+    ]);
+    (0, $gEgjt$reactariautils.useResizeObserver)({
+        ref: containerRef,
+        onResize: resizeHandler
+    });
+    let state = (0, $gEgjt$reactstatelycolor.useColorWheelState)(props);
+    let { trackProps: trackProps, inputProps: inputProps, thumbProps: thumbProps } = (0, $gEgjt$reactariacolor.useColorWheel)({
+        ...props,
+        innerRadius: wheelRadius - wheelThickness,
+        outerRadius: wheelRadius
+    }, state, inputRef);
+    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $gEgjt$reactariafocus.useFocusRing)();
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($gEgjt$react))).createElement("div", {
+        className: (0, $gEgjt$reactspectrumutils.classNames)((0, ($parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel", {
+            "is-disabled": isDisabled
+        }, styleProps.className),
+        ref: containerRef,
+        style: {
+            ...styleProps.style,
+            // Workaround around https://github.com/adobe/spectrum-css/issues/1032
+            // @ts-ignore
+            "width": size,
+            "height": size
+        }
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($gEgjt$react))).createElement("div", {
+        ...trackProps,
+        className: (0, $gEgjt$reactspectrumutils.classNames)((0, ($parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-gradient")
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($gEgjt$react))).createElement((0, $2b9adc23f6c7cae1$exports.ColorThumb), {
+        value: state.getDisplayColor(),
+        isFocused: isFocusVisible,
+        isDisabled: isDisabled,
+        isDragging: state.isDragging,
+        className: (0, $gEgjt$reactspectrumutils.classNames)((0, ($parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-handle"),
+        ...thumbProps
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($gEgjt$react))).createElement("input", {
+        ...focusProps,
+        className: (0, $gEgjt$reactspectrumutils.classNames)((0, ($parcel$interopDefault($8fc6b1a2f4e7f682$exports))), "spectrum-ColorWheel-slider"),
+        ...inputProps,
+        ref: inputRef
+    })));
+}
+/**
+ * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
+ */ let $63a2864687444ae1$export$f80663f808113381 = /*#__PURE__*/ (0, ($parcel$interopDefault($gEgjt$react))).forwardRef($63a2864687444ae1$var$ColorWheel);
+
+
+//# sourceMappingURL=ColorWheel.main.js.map

package/dist/ColorWheel.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAcD,MAAM,wCAAkB;AAExB,SAAS,iCAAW,KAA8B,EAAE,GAAiC;IACnF,QAAQ,CAAA,GAAA,6CAAe,EAAE;IAEzB,IAAI,cAAC,UAAU,EAAC,GAAG;IACnB,IAAI,OAAO,MAAM,IAAI,IAAI,CAAA,GAAA,wCAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAE;IACtB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IAExC,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,qBAAO,EAAU;IACrD,IAAI,CAAC,gBAAgB,kBAAkB,GAAG,CAAA,GAAA,qBAAO,EAAE;IAEnD,IAAI,gBAAgB,CAAA,GAAA,wBAAU,EAAE;QAC9B,IAAI,aAAa,OAAO,EAAE;YACxB,eAAe,aAAa,OAAO,CAAC,WAAW,GAAG;YAClD,IAAI,YAAY,OAAO,gBAAgB,CAAC,aAAa,OAAO,EACzD,gBAAgB,CAAC;YACpB,IAAI,WACF,kBAAkB,SAAS,WAAW;QAE1C;IACF,GAAG;QAAC;QAAc;QAAgB;KAAkB;IAEpD,CAAA,GAAA,sBAAQ,EAAE;QACR,gFAAgF;QAChF,IAAI,gBAAgB,GAClB;IAEJ,GAAG;QAAC;QAAa;KAAc;IAE/B,CAAA,GAAA,uCAAgB,EAAE;QAChB,KAAK;QACL,UAAU;IACZ;IAEA,IAAI,QAAQ,CAAA,GAAA,2CAAiB,EAAE;IAE/B,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mCAAY,EAAE;QACvD,GAAG,KAAK;QACR,aAAa,cAAc;QAC3B,aAAa;IACf,GAAG,OAAO;IAEV,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,kCAAW;IAE9C,qBACE,0DAAC;QACC,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,uBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAGxB,KAAK;QACL,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,aAAa;YACb,SAAS;YACT,UAAU;QACZ;qBACA,0DAAC;QAAK,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnD,0DAAC,CAAA,GAAA,oCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,0DAAC;QAAO,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAAgC,GAAG,UAAU;QAAE,KAAK;;AAIjH;AAEA;;CAEC,GACD,IAAI,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/color/src/ColorWheel.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, dimensionValue, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorThumb} from './ColorThumb';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {SpectrumColorWheelProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorwheel/vars.css';\nimport {useColorWheel} from '@react-aria/color';\nimport {useColorWheelState} from '@react-stately/color';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst WHEEL_THICKNESS = 24;\n\nfunction ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n  let inputRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputRef);\n\n  let [wheelRadius, setWheelRadius] = useState<number>(0);\n  let [wheelThickness, setWheelThickness] = useState(WHEEL_THICKNESS);\n\n  let resizeHandler = useCallback(() => {\n    if (containerRef.current) {\n      setWheelRadius(containerRef.current.offsetWidth / 2);\n      let thickness = window.getComputedStyle(containerRef.current)\n        .getPropertyValue('--spectrum-colorwheel-track-thickness');\n      if (thickness) {\n        setWheelThickness(parseInt(thickness, 10));\n      }\n    }\n  }, [containerRef, setWheelRadius, setWheelThickness]);\n\n  useEffect(() => {\n    // the size observer's fallback to the window resize event doesn't fire on mount\n    if (wheelRadius === 0) {\n      resizeHandler();\n    }\n  }, [wheelRadius, resizeHandler]);\n\n  useResizeObserver({\n    ref: containerRef,\n    onResize: resizeHandler\n  });\n\n  let state = useColorWheelState(props);\n\n  let {trackProps, inputProps, thumbProps} = useColorWheel({\n    ...props,\n    innerRadius: wheelRadius - wheelThickness,\n    outerRadius: wheelRadius\n  }, state, inputRef);\n\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-ColorWheel',\n          {\n            'is-disabled': isDisabled\n          },\n          styleProps.className\n        )\n      }\n      ref={containerRef}\n      style={{\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        // @ts-ignore\n        'width': size,\n        'height': size\n      }}>\n      <div {...trackProps} className={classNames(styles, 'spectrum-ColorWheel-gradient')} />\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        className={classNames(styles, 'spectrum-ColorWheel-handle')}\n        {...thumbProps}>\n        <input {...focusProps} className={classNames(styles, 'spectrum-ColorWheel-slider')} {...inputProps} ref={inputRef} />\n      </ColorThumb>\n    </div>\n  );\n}\n\n/**\n * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nlet _ColorWheel = React.forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n"],"names":[],"version":3,"file":"ColorWheel.main.js.map"}

package/dist/ColorWheel.mjs

@@ -0,0 +1,109 @@
+import {ColorThumb as $3a90e89d07d7bbd5$export$a3cc47cee1c1ccc} from "./ColorThumb.mjs";
+import "./vars.ac235018.css";
+import $bv4AR$colorwheel_vars_cssmodulejs from "./colorwheel_vars_css.mjs";
+import {dimensionValue as $bv4AR$dimensionValue, useStyleProps as $bv4AR$useStyleProps, useFocusableRef as $bv4AR$useFocusableRef, classNames as $bv4AR$classNames} from "@react-spectrum/utils";
+import $bv4AR$react, {useRef as $bv4AR$useRef, useState as $bv4AR$useState, useCallback as $bv4AR$useCallback, useEffect as $bv4AR$useEffect} from "react";
+import {useColorWheel as $bv4AR$useColorWheel} from "@react-aria/color";
+import {useColorWheelState as $bv4AR$useColorWheelState} from "@react-stately/color";
+import {useFocusRing as $bv4AR$useFocusRing} from "@react-aria/focus";
+import {useProviderProps as $bv4AR$useProviderProps} from "@react-spectrum/provider";
+import {useResizeObserver as $bv4AR$useResizeObserver} from "@react-aria/utils";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+const $3aac1c27203f04b5$var$WHEEL_THICKNESS = 24;
+function $3aac1c27203f04b5$var$ColorWheel(props, ref) {
+    props = (0, $bv4AR$useProviderProps)(props);
+    let { isDisabled: isDisabled } = props;
+    let size = props.size && (0, $bv4AR$dimensionValue)(props.size);
+    let { styleProps: styleProps } = (0, $bv4AR$useStyleProps)(props);
+    let inputRef = (0, $bv4AR$useRef)(null);
+    let containerRef = (0, $bv4AR$useFocusableRef)(ref, inputRef);
+    let [wheelRadius, setWheelRadius] = (0, $bv4AR$useState)(0);
+    let [wheelThickness, setWheelThickness] = (0, $bv4AR$useState)($3aac1c27203f04b5$var$WHEEL_THICKNESS);
+    let resizeHandler = (0, $bv4AR$useCallback)(()=>{
+        if (containerRef.current) {
+            setWheelRadius(containerRef.current.offsetWidth / 2);
+            let thickness = window.getComputedStyle(containerRef.current).getPropertyValue("--spectrum-colorwheel-track-thickness");
+            if (thickness) setWheelThickness(parseInt(thickness, 10));
+        }
+    }, [
+        containerRef,
+        setWheelRadius,
+        setWheelThickness
+    ]);
+    (0, $bv4AR$useEffect)(()=>{
+        // the size observer's fallback to the window resize event doesn't fire on mount
+        if (wheelRadius === 0) resizeHandler();
+    }, [
+        wheelRadius,
+        resizeHandler
+    ]);
+    (0, $bv4AR$useResizeObserver)({
+        ref: containerRef,
+        onResize: resizeHandler
+    });
+    let state = (0, $bv4AR$useColorWheelState)(props);
+    let { trackProps: trackProps, inputProps: inputProps, thumbProps: thumbProps } = (0, $bv4AR$useColorWheel)({
+        ...props,
+        innerRadius: wheelRadius - wheelThickness,
+        outerRadius: wheelRadius
+    }, state, inputRef);
+    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $bv4AR$useFocusRing)();
+    return /*#__PURE__*/ (0, $bv4AR$react).createElement("div", {
+        className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel", {
+            "is-disabled": isDisabled
+        }, styleProps.className),
+        ref: containerRef,
+        style: {
+            ...styleProps.style,
+            // Workaround around https://github.com/adobe/spectrum-css/issues/1032
+            // @ts-ignore
+            "width": size,
+            "height": size
+        }
+    }, /*#__PURE__*/ (0, $bv4AR$react).createElement("div", {
+        ...trackProps,
+        className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel-gradient")
+    }), /*#__PURE__*/ (0, $bv4AR$react).createElement((0, $3a90e89d07d7bbd5$export$a3cc47cee1c1ccc), {
+        value: state.getDisplayColor(),
+        isFocused: isFocusVisible,
+        isDisabled: isDisabled,
+        isDragging: state.isDragging,
+        className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel-handle"),
+        ...thumbProps
+    }, /*#__PURE__*/ (0, $bv4AR$react).createElement("input", {
+        ...focusProps,
+        className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel-slider"),
+        ...inputProps,
+        ref: inputRef
+    })));
+}
+/**
+ * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
+ */ let $3aac1c27203f04b5$export$f80663f808113381 = /*#__PURE__*/ (0, $bv4AR$react).forwardRef($3aac1c27203f04b5$var$ColorWheel);
+
+
+export {$3aac1c27203f04b5$export$f80663f808113381 as ColorWheel};
+//# sourceMappingURL=ColorWheel.mjs.map

package/dist/ColorWheel.module.js

@@ -0,0 +1,109 @@
+import {ColorThumb as $3a90e89d07d7bbd5$export$a3cc47cee1c1ccc} from "./ColorThumb.module.js";
+import "./vars.ac235018.css";
+import $bv4AR$colorwheel_vars_cssmodulejs from "./colorwheel_vars_css.module.js";
+import {dimensionValue as $bv4AR$dimensionValue, useStyleProps as $bv4AR$useStyleProps, useFocusableRef as $bv4AR$useFocusableRef, classNames as $bv4AR$classNames} from "@react-spectrum/utils";
+import $bv4AR$react, {useRef as $bv4AR$useRef, useState as $bv4AR$useState, useCallback as $bv4AR$useCallback, useEffect as $bv4AR$useEffect} from "react";
+import {useColorWheel as $bv4AR$useColorWheel} from "@react-aria/color";
+import {useColorWheelState as $bv4AR$useColorWheelState} from "@react-stately/color";
+import {useFocusRing as $bv4AR$useFocusRing} from "@react-aria/focus";
+import {useProviderProps as $bv4AR$useProviderProps} from "@react-spectrum/provider";
+import {useResizeObserver as $bv4AR$useResizeObserver} from "@react-aria/utils";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+const $3aac1c27203f04b5$var$WHEEL_THICKNESS = 24;
+function $3aac1c27203f04b5$var$ColorWheel(props, ref) {
+    props = (0, $bv4AR$useProviderProps)(props);
+    let { isDisabled: isDisabled } = props;
+    let size = props.size && (0, $bv4AR$dimensionValue)(props.size);
+    let { styleProps: styleProps } = (0, $bv4AR$useStyleProps)(props);
+    let inputRef = (0, $bv4AR$useRef)(null);
+    let containerRef = (0, $bv4AR$useFocusableRef)(ref, inputRef);
+    let [wheelRadius, setWheelRadius] = (0, $bv4AR$useState)(0);
+    let [wheelThickness, setWheelThickness] = (0, $bv4AR$useState)($3aac1c27203f04b5$var$WHEEL_THICKNESS);
+    let resizeHandler = (0, $bv4AR$useCallback)(()=>{
+        if (containerRef.current) {
+            setWheelRadius(containerRef.current.offsetWidth / 2);
+            let thickness = window.getComputedStyle(containerRef.current).getPropertyValue("--spectrum-colorwheel-track-thickness");
+            if (thickness) setWheelThickness(parseInt(thickness, 10));
+        }
+    }, [
+        containerRef,
+        setWheelRadius,
+        setWheelThickness
+    ]);
+    (0, $bv4AR$useEffect)(()=>{
+        // the size observer's fallback to the window resize event doesn't fire on mount
+        if (wheelRadius === 0) resizeHandler();
+    }, [
+        wheelRadius,
+        resizeHandler
+    ]);
+    (0, $bv4AR$useResizeObserver)({
+        ref: containerRef,
+        onResize: resizeHandler
+    });
+    let state = (0, $bv4AR$useColorWheelState)(props);
+    let { trackProps: trackProps, inputProps: inputProps, thumbProps: thumbProps } = (0, $bv4AR$useColorWheel)({
+        ...props,
+        innerRadius: wheelRadius - wheelThickness,
+        outerRadius: wheelRadius
+    }, state, inputRef);
+    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $bv4AR$useFocusRing)();
+    return /*#__PURE__*/ (0, $bv4AR$react).createElement("div", {
+        className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel", {
+            "is-disabled": isDisabled
+        }, styleProps.className),
+        ref: containerRef,
+        style: {
+            ...styleProps.style,
+            // Workaround around https://github.com/adobe/spectrum-css/issues/1032
+            // @ts-ignore
+            "width": size,
+            "height": size
+        }
+    }, /*#__PURE__*/ (0, $bv4AR$react).createElement("div", {
+        ...trackProps,
+        className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel-gradient")
+    }), /*#__PURE__*/ (0, $bv4AR$react).createElement((0, $3a90e89d07d7bbd5$export$a3cc47cee1c1ccc), {
+        value: state.getDisplayColor(),
+        isFocused: isFocusVisible,
+        isDisabled: isDisabled,
+        isDragging: state.isDragging,
+        className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel-handle"),
+        ...thumbProps
+    }, /*#__PURE__*/ (0, $bv4AR$react).createElement("input", {
+        ...focusProps,
+        className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel-slider"),
+        ...inputProps,
+        ref: inputRef
+    })));
+}
+/**
+ * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
+ */ let $3aac1c27203f04b5$export$f80663f808113381 = /*#__PURE__*/ (0, $bv4AR$react).forwardRef($3aac1c27203f04b5$var$ColorWheel);
+
+
+export {$3aac1c27203f04b5$export$f80663f808113381 as ColorWheel};
+//# sourceMappingURL=ColorWheel.module.js.map

package/dist/ColorWheel.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAcD,MAAM,wCAAkB;AAExB,SAAS,iCAAW,KAA8B,EAAE,GAAiC;IACnF,QAAQ,CAAA,GAAA,uBAAe,EAAE;IAEzB,IAAI,cAAC,UAAU,EAAC,GAAG;IACnB,IAAI,OAAO,MAAM,IAAI,IAAI,CAAA,GAAA,qBAAa,EAAE,MAAM,IAAI;IAClD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IAEjC,IAAI,WAAW,CAAA,GAAA,aAAK,EAAE;IACtB,IAAI,eAAe,CAAA,GAAA,sBAAc,EAAE,KAAK;IAExC,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,eAAO,EAAU;IACrD,IAAI,CAAC,gBAAgB,kBAAkB,GAAG,CAAA,GAAA,eAAO,EAAE;IAEnD,IAAI,gBAAgB,CAAA,GAAA,kBAAU,EAAE;QAC9B,IAAI,aAAa,OAAO,EAAE;YACxB,eAAe,aAAa,OAAO,CAAC,WAAW,GAAG;YAClD,IAAI,YAAY,OAAO,gBAAgB,CAAC,aAAa,OAAO,EACzD,gBAAgB,CAAC;YACpB,IAAI,WACF,kBAAkB,SAAS,WAAW;QAE1C;IACF,GAAG;QAAC;QAAc;QAAgB;KAAkB;IAEpD,CAAA,GAAA,gBAAQ,EAAE;QACR,gFAAgF;QAChF,IAAI,gBAAgB,GAClB;IAEJ,GAAG;QAAC;QAAa;KAAc;IAE/B,CAAA,GAAA,wBAAgB,EAAE;QAChB,KAAK;QACL,UAAU;IACZ;IAEA,IAAI,QAAQ,CAAA,GAAA,yBAAiB,EAAE;IAE/B,IAAI,cAAC,UAAU,cAAE,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;QACvD,GAAG,KAAK;QACR,aAAa,cAAc;QAC3B,aAAa;IACf,GAAG,OAAO;IAEV,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,qBACE,gCAAC;QACC,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,4DAAK,GACL,uBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAGxB,KAAK;QACL,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,aAAa;YACb,SAAS;YACT,UAAU;QACZ;qBACA,gCAAC;QAAK,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,4DAAK,GAAG;sBACnD,gCAAC,CAAA,GAAA,wCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,4DAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QAAO,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,4DAAK,GAAG;QAAgC,GAAG,UAAU;QAAE,KAAK;;AAIjH;AAEA;;CAEC,GACD,IAAI,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/color/src/ColorWheel.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, dimensionValue, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorThumb} from './ColorThumb';\nimport {FocusableRef} from '@react-types/shared';\nimport React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {SpectrumColorWheelProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorwheel/vars.css';\nimport {useColorWheel} from '@react-aria/color';\nimport {useColorWheelState} from '@react-stately/color';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst WHEEL_THICKNESS = 24;\n\nfunction ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n  let inputRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputRef);\n\n  let [wheelRadius, setWheelRadius] = useState<number>(0);\n  let [wheelThickness, setWheelThickness] = useState(WHEEL_THICKNESS);\n\n  let resizeHandler = useCallback(() => {\n    if (containerRef.current) {\n      setWheelRadius(containerRef.current.offsetWidth / 2);\n      let thickness = window.getComputedStyle(containerRef.current)\n        .getPropertyValue('--spectrum-colorwheel-track-thickness');\n      if (thickness) {\n        setWheelThickness(parseInt(thickness, 10));\n      }\n    }\n  }, [containerRef, setWheelRadius, setWheelThickness]);\n\n  useEffect(() => {\n    // the size observer's fallback to the window resize event doesn't fire on mount\n    if (wheelRadius === 0) {\n      resizeHandler();\n    }\n  }, [wheelRadius, resizeHandler]);\n\n  useResizeObserver({\n    ref: containerRef,\n    onResize: resizeHandler\n  });\n\n  let state = useColorWheelState(props);\n\n  let {trackProps, inputProps, thumbProps} = useColorWheel({\n    ...props,\n    innerRadius: wheelRadius - wheelThickness,\n    outerRadius: wheelRadius\n  }, state, inputRef);\n\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-ColorWheel',\n          {\n            'is-disabled': isDisabled\n          },\n          styleProps.className\n        )\n      }\n      ref={containerRef}\n      style={{\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        // @ts-ignore\n        'width': size,\n        'height': size\n      }}>\n      <div {...trackProps} className={classNames(styles, 'spectrum-ColorWheel-gradient')} />\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        className={classNames(styles, 'spectrum-ColorWheel-handle')}\n        {...thumbProps}>\n        <input {...focusProps} className={classNames(styles, 'spectrum-ColorWheel-slider')} {...inputProps} ref={inputRef} />\n      </ColorThumb>\n    </div>\n  );\n}\n\n/**\n * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nlet _ColorWheel = React.forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n"],"names":[],"version":3,"file":"ColorWheel.module.js.map"}

package/dist/colorarea_vars_css.main.js

@@ -0,0 +1,32 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "focus-ring", () => $d4b4e0a63f9ca8c1$export$f39a09f249340e2a, (v) => $d4b4e0a63f9ca8c1$export$f39a09f249340e2a = v);
+$parcel$export(module.exports, "is-disabled", () => $d4b4e0a63f9ca8c1$export$d35bc1e505d1ebbf, (v) => $d4b4e0a63f9ca8c1$export$d35bc1e505d1ebbf = v);
+$parcel$export(module.exports, "is-focused", () => $d4b4e0a63f9ca8c1$export$e7dc768d35940237, (v) => $d4b4e0a63f9ca8c1$export$e7dc768d35940237 = v);
+$parcel$export(module.exports, "spectrum-ColorArea", () => $d4b4e0a63f9ca8c1$export$bb6257a55a3c1efc, (v) => $d4b4e0a63f9ca8c1$export$bb6257a55a3c1efc = v);
+$parcel$export(module.exports, "spectrum-ColorArea-gradient", () => $d4b4e0a63f9ca8c1$export$40686f4fcb8a9916, (v) => $d4b4e0a63f9ca8c1$export$40686f4fcb8a9916 = v);
+$parcel$export(module.exports, "spectrum-ColorArea-handle", () => $d4b4e0a63f9ca8c1$export$d8addbd273c4e00, (v) => $d4b4e0a63f9ca8c1$export$d8addbd273c4e00 = v);
+$parcel$export(module.exports, "spectrum-ColorArea-slider", () => $d4b4e0a63f9ca8c1$export$7d727cacaa7cea1e, (v) => $d4b4e0a63f9ca8c1$export$7d727cacaa7cea1e = v);
+$parcel$export(module.exports, "spectrum-ColorHandle-color", () => $d4b4e0a63f9ca8c1$export$afe4c366ed4e659c, (v) => $d4b4e0a63f9ca8c1$export$afe4c366ed4e659c = v);
+var $d4b4e0a63f9ca8c1$export$f39a09f249340e2a;
+var $d4b4e0a63f9ca8c1$export$d35bc1e505d1ebbf;
+var $d4b4e0a63f9ca8c1$export$e7dc768d35940237;
+var $d4b4e0a63f9ca8c1$export$bb6257a55a3c1efc;
+var $d4b4e0a63f9ca8c1$export$40686f4fcb8a9916;
+var $d4b4e0a63f9ca8c1$export$d8addbd273c4e00;
+var $d4b4e0a63f9ca8c1$export$7d727cacaa7cea1e;
+var $d4b4e0a63f9ca8c1$export$afe4c366ed4e659c;
+$d4b4e0a63f9ca8c1$export$f39a09f249340e2a = `lm1DSq_focus-ring`;
+$d4b4e0a63f9ca8c1$export$d35bc1e505d1ebbf = `lm1DSq_is-disabled`;
+$d4b4e0a63f9ca8c1$export$e7dc768d35940237 = `lm1DSq_is-focused`;
+$d4b4e0a63f9ca8c1$export$bb6257a55a3c1efc = `lm1DSq_spectrum-ColorArea`;
+$d4b4e0a63f9ca8c1$export$40686f4fcb8a9916 = `lm1DSq_spectrum-ColorArea-gradient`;
+$d4b4e0a63f9ca8c1$export$d8addbd273c4e00 = `lm1DSq_spectrum-ColorArea-handle`;
+$d4b4e0a63f9ca8c1$export$7d727cacaa7cea1e = `lm1DSq_spectrum-ColorArea-slider`;
+$d4b4e0a63f9ca8c1$export$afe4c366ed4e659c = `lm1DSq_spectrum-ColorHandle-color`;
+
+
+//# sourceMappingURL=colorarea_vars_css.main.js.map

package/dist/colorarea_vars_css.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAPA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,2CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA+C,CAAC,iCAAiC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/colorarea/vars.css"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"colorarea_vars_css.main.js.map"}

package/dist/colorarea_vars_css.mjs

@@ -0,0 +1,34 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $7d12200010f0192e$exports = {};
+
+$parcel$export($7d12200010f0192e$exports, "focus-ring", () => $7d12200010f0192e$export$f39a09f249340e2a, (v) => $7d12200010f0192e$export$f39a09f249340e2a = v);
+$parcel$export($7d12200010f0192e$exports, "is-disabled", () => $7d12200010f0192e$export$d35bc1e505d1ebbf, (v) => $7d12200010f0192e$export$d35bc1e505d1ebbf = v);
+$parcel$export($7d12200010f0192e$exports, "is-focused", () => $7d12200010f0192e$export$e7dc768d35940237, (v) => $7d12200010f0192e$export$e7dc768d35940237 = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorArea", () => $7d12200010f0192e$export$bb6257a55a3c1efc, (v) => $7d12200010f0192e$export$bb6257a55a3c1efc = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorArea-gradient", () => $7d12200010f0192e$export$40686f4fcb8a9916, (v) => $7d12200010f0192e$export$40686f4fcb8a9916 = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorArea-handle", () => $7d12200010f0192e$export$d8addbd273c4e00, (v) => $7d12200010f0192e$export$d8addbd273c4e00 = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorArea-slider", () => $7d12200010f0192e$export$7d727cacaa7cea1e, (v) => $7d12200010f0192e$export$7d727cacaa7cea1e = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorHandle-color", () => $7d12200010f0192e$export$afe4c366ed4e659c, (v) => $7d12200010f0192e$export$afe4c366ed4e659c = v);
+var $7d12200010f0192e$export$f39a09f249340e2a;
+var $7d12200010f0192e$export$d35bc1e505d1ebbf;
+var $7d12200010f0192e$export$e7dc768d35940237;
+var $7d12200010f0192e$export$bb6257a55a3c1efc;
+var $7d12200010f0192e$export$40686f4fcb8a9916;
+var $7d12200010f0192e$export$d8addbd273c4e00;
+var $7d12200010f0192e$export$7d727cacaa7cea1e;
+var $7d12200010f0192e$export$afe4c366ed4e659c;
+$7d12200010f0192e$export$f39a09f249340e2a = `lm1DSq_focus-ring`;
+$7d12200010f0192e$export$d35bc1e505d1ebbf = `lm1DSq_is-disabled`;
+$7d12200010f0192e$export$e7dc768d35940237 = `lm1DSq_is-focused`;
+$7d12200010f0192e$export$bb6257a55a3c1efc = `lm1DSq_spectrum-ColorArea`;
+$7d12200010f0192e$export$40686f4fcb8a9916 = `lm1DSq_spectrum-ColorArea-gradient`;
+$7d12200010f0192e$export$d8addbd273c4e00 = `lm1DSq_spectrum-ColorArea-handle`;
+$7d12200010f0192e$export$7d727cacaa7cea1e = `lm1DSq_spectrum-ColorArea-slider`;
+$7d12200010f0192e$export$afe4c366ed4e659c = `lm1DSq_spectrum-ColorHandle-color`;
+
+
+export {$7d12200010f0192e$exports as default};
+//# sourceMappingURL=colorarea_vars_css.mjs.map

package/dist/colorarea_vars_css.module.js

@@ -0,0 +1,34 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $7d12200010f0192e$exports = {};
+
+$parcel$export($7d12200010f0192e$exports, "focus-ring", () => $7d12200010f0192e$export$f39a09f249340e2a, (v) => $7d12200010f0192e$export$f39a09f249340e2a = v);
+$parcel$export($7d12200010f0192e$exports, "is-disabled", () => $7d12200010f0192e$export$d35bc1e505d1ebbf, (v) => $7d12200010f0192e$export$d35bc1e505d1ebbf = v);
+$parcel$export($7d12200010f0192e$exports, "is-focused", () => $7d12200010f0192e$export$e7dc768d35940237, (v) => $7d12200010f0192e$export$e7dc768d35940237 = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorArea", () => $7d12200010f0192e$export$bb6257a55a3c1efc, (v) => $7d12200010f0192e$export$bb6257a55a3c1efc = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorArea-gradient", () => $7d12200010f0192e$export$40686f4fcb8a9916, (v) => $7d12200010f0192e$export$40686f4fcb8a9916 = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorArea-handle", () => $7d12200010f0192e$export$d8addbd273c4e00, (v) => $7d12200010f0192e$export$d8addbd273c4e00 = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorArea-slider", () => $7d12200010f0192e$export$7d727cacaa7cea1e, (v) => $7d12200010f0192e$export$7d727cacaa7cea1e = v);
+$parcel$export($7d12200010f0192e$exports, "spectrum-ColorHandle-color", () => $7d12200010f0192e$export$afe4c366ed4e659c, (v) => $7d12200010f0192e$export$afe4c366ed4e659c = v);
+var $7d12200010f0192e$export$f39a09f249340e2a;
+var $7d12200010f0192e$export$d35bc1e505d1ebbf;
+var $7d12200010f0192e$export$e7dc768d35940237;
+var $7d12200010f0192e$export$bb6257a55a3c1efc;
+var $7d12200010f0192e$export$40686f4fcb8a9916;
+var $7d12200010f0192e$export$d8addbd273c4e00;
+var $7d12200010f0192e$export$7d727cacaa7cea1e;
+var $7d12200010f0192e$export$afe4c366ed4e659c;
+$7d12200010f0192e$export$f39a09f249340e2a = `lm1DSq_focus-ring`;
+$7d12200010f0192e$export$d35bc1e505d1ebbf = `lm1DSq_is-disabled`;
+$7d12200010f0192e$export$e7dc768d35940237 = `lm1DSq_is-focused`;
+$7d12200010f0192e$export$bb6257a55a3c1efc = `lm1DSq_spectrum-ColorArea`;
+$7d12200010f0192e$export$40686f4fcb8a9916 = `lm1DSq_spectrum-ColorArea-gradient`;
+$7d12200010f0192e$export$d8addbd273c4e00 = `lm1DSq_spectrum-ColorArea-handle`;
+$7d12200010f0192e$export$7d727cacaa7cea1e = `lm1DSq_spectrum-ColorArea-slider`;
+$7d12200010f0192e$export$afe4c366ed4e659c = `lm1DSq_spectrum-ColorHandle-color`;
+
+
+export {$7d12200010f0192e$exports as default};
+//# sourceMappingURL=colorarea_vars_css.module.js.map

package/dist/colorarea_vars_css.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAPA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,2CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA+C,CAAC,iCAAiC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/colorarea/vars.css"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"colorarea_vars_css.module.js.map"}

package/dist/colorfield.faeff3c2.css

@@ -0,0 +1,12 @@
+.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown) {
+  unicode-bidi: plaintext;
+}
+
+.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  text-align: end;
+}
+
+.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  text-align: end;
+}
+/*# sourceMappingURL=colorfield.faeff3c2.css.map */

package/dist/colorfield.faeff3c2.css.map

@@ -0,0 +1 @@
+{"mappings":"AAYA;;;;AAEE;;;;AAAA","sources":["packages/@react-spectrum/color/src/colorfield.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.react-spectrum-ColorField-input:not(:placeholder-shown) {\n  unicode-bidi: plaintext;\n  &:dir(rtl) {\n    text-align: end;\n  }\n}\n"],"names":[],"version":3,"file":"colorfield.faeff3c2.css.map"}

package/dist/colorfield_css.main.js

@@ -0,0 +1,11 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "react-spectrum-ColorField-input", () => $ddec4d6aa21146c4$export$7d80c6630a750b1, (v) => $ddec4d6aa21146c4$export$7d80c6630a750b1 = v);
+var $ddec4d6aa21146c4$export$7d80c6630a750b1;
+$ddec4d6aa21146c4$export$7d80c6630a750b1 = `UccskW_react-spectrum-ColorField-input`;
+
+
+//# sourceMappingURL=colorfield_css.main.js.map

package/dist/colorfield_css.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;AAAA,IAAA;AAAA,2CAAoD,CAAC,sCAAsC,CAAC","sources":["packages/@react-spectrum/color/src/colorfield.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.react-spectrum-ColorField-input:not(:placeholder-shown) {\n  unicode-bidi: plaintext;\n  &:dir(rtl) {\n    text-align: end;\n  }\n}\n"],"names":[],"version":3,"file":"colorfield_css.main.js.map"}

package/dist/colorfield_css.mjs

@@ -0,0 +1,13 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $9d47b39540b9e48a$exports = {};
+
+$parcel$export($9d47b39540b9e48a$exports, "react-spectrum-ColorField-input", () => $9d47b39540b9e48a$export$7d80c6630a750b1, (v) => $9d47b39540b9e48a$export$7d80c6630a750b1 = v);
+var $9d47b39540b9e48a$export$7d80c6630a750b1;
+$9d47b39540b9e48a$export$7d80c6630a750b1 = `UccskW_react-spectrum-ColorField-input`;
+
+
+export {$9d47b39540b9e48a$exports as default};
+//# sourceMappingURL=colorfield_css.mjs.map

package/dist/colorfield_css.module.js

@@ -0,0 +1,13 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $9d47b39540b9e48a$exports = {};
+
+$parcel$export($9d47b39540b9e48a$exports, "react-spectrum-ColorField-input", () => $9d47b39540b9e48a$export$7d80c6630a750b1, (v) => $9d47b39540b9e48a$export$7d80c6630a750b1 = v);
+var $9d47b39540b9e48a$export$7d80c6630a750b1;
+$9d47b39540b9e48a$export$7d80c6630a750b1 = `UccskW_react-spectrum-ColorField-input`;
+
+
+export {$9d47b39540b9e48a$exports as default};
+//# sourceMappingURL=colorfield_css.module.js.map

package/dist/colorfield_css.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA,IAAA;AAAA,2CAAoD,CAAC,sCAAsC,CAAC","sources":["packages/@react-spectrum/color/src/colorfield.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.react-spectrum-ColorField-input:not(:placeholder-shown) {\n  unicode-bidi: plaintext;\n  &:dir(rtl) {\n    text-align: end;\n  }\n}\n"],"names":[],"version":3,"file":"colorfield_css.module.js.map"}

package/dist/colorhandle_vars_css.main.js

@@ -0,0 +1,26 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "spectrum-ColorControl-handle--focused", () => $f61d632765728b2e$export$1dd67f16e0d58f73, (v) => $f61d632765728b2e$export$1dd67f16e0d58f73 = v);
+$parcel$export(module.exports, "focus-ring", () => $f61d632765728b2e$export$f39a09f249340e2a, (v) => $f61d632765728b2e$export$f39a09f249340e2a = v);
+$parcel$export(module.exports, "is-disabled", () => $f61d632765728b2e$export$d35bc1e505d1ebbf, (v) => $f61d632765728b2e$export$d35bc1e505d1ebbf = v);
+$parcel$export(module.exports, "is-focused", () => $f61d632765728b2e$export$e7dc768d35940237, (v) => $f61d632765728b2e$export$e7dc768d35940237 = v);
+$parcel$export(module.exports, "spectrum-ColorHandle", () => $f61d632765728b2e$export$cd9afaa621b6216f, (v) => $f61d632765728b2e$export$cd9afaa621b6216f = v);
+$parcel$export(module.exports, "spectrum-ColorHandle-color", () => $f61d632765728b2e$export$afe4c366ed4e659c, (v) => $f61d632765728b2e$export$afe4c366ed4e659c = v);
+var $f61d632765728b2e$export$1dd67f16e0d58f73;
+var $f61d632765728b2e$export$f39a09f249340e2a;
+var $f61d632765728b2e$export$d35bc1e505d1ebbf;
+var $f61d632765728b2e$export$e7dc768d35940237;
+var $f61d632765728b2e$export$cd9afaa621b6216f;
+var $f61d632765728b2e$export$afe4c366ed4e659c;
+$f61d632765728b2e$export$1dd67f16e0d58f73 = `hoc2UW_spectrum-ColorControl-handle--focused`;
+$f61d632765728b2e$export$f39a09f249340e2a = `hoc2UW_focus-ring ${$f61d632765728b2e$export$1dd67f16e0d58f73}`;
+$f61d632765728b2e$export$d35bc1e505d1ebbf = `hoc2UW_is-disabled`;
+$f61d632765728b2e$export$e7dc768d35940237 = `hoc2UW_is-focused ${$f61d632765728b2e$export$1dd67f16e0d58f73}`;
+$f61d632765728b2e$export$cd9afaa621b6216f = `hoc2UW_spectrum-ColorHandle`;
+$f61d632765728b2e$export$afe4c366ed4e659c = `hoc2UW_spectrum-ColorHandle-color`;
+
+
+//# sourceMappingURL=colorhandle_vars_css.main.js.map

package/dist/colorhandle_vars_css.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AALA,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAA+B,CAAC,kBAAkB,EAAE,0CAAwD,CAAC;AAC7G,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,kBAAkB,EAAE,0CAAwD,CAAC;AAC7G,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA+C,CAAC,iCAAiC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/colorhandle/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"colorhandle_vars_css.main.js.map"}

package/dist/colorhandle_vars_css.mjs

@@ -0,0 +1,28 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $9d103974e3e19727$exports = {};
+
+$parcel$export($9d103974e3e19727$exports, "spectrum-ColorControl-handle--focused", () => $9d103974e3e19727$export$1dd67f16e0d58f73, (v) => $9d103974e3e19727$export$1dd67f16e0d58f73 = v);
+$parcel$export($9d103974e3e19727$exports, "focus-ring", () => $9d103974e3e19727$export$f39a09f249340e2a, (v) => $9d103974e3e19727$export$f39a09f249340e2a = v);
+$parcel$export($9d103974e3e19727$exports, "is-disabled", () => $9d103974e3e19727$export$d35bc1e505d1ebbf, (v) => $9d103974e3e19727$export$d35bc1e505d1ebbf = v);
+$parcel$export($9d103974e3e19727$exports, "is-focused", () => $9d103974e3e19727$export$e7dc768d35940237, (v) => $9d103974e3e19727$export$e7dc768d35940237 = v);
+$parcel$export($9d103974e3e19727$exports, "spectrum-ColorHandle", () => $9d103974e3e19727$export$cd9afaa621b6216f, (v) => $9d103974e3e19727$export$cd9afaa621b6216f = v);
+$parcel$export($9d103974e3e19727$exports, "spectrum-ColorHandle-color", () => $9d103974e3e19727$export$afe4c366ed4e659c, (v) => $9d103974e3e19727$export$afe4c366ed4e659c = v);
+var $9d103974e3e19727$export$1dd67f16e0d58f73;
+var $9d103974e3e19727$export$f39a09f249340e2a;
+var $9d103974e3e19727$export$d35bc1e505d1ebbf;
+var $9d103974e3e19727$export$e7dc768d35940237;
+var $9d103974e3e19727$export$cd9afaa621b6216f;
+var $9d103974e3e19727$export$afe4c366ed4e659c;
+$9d103974e3e19727$export$1dd67f16e0d58f73 = `hoc2UW_spectrum-ColorControl-handle--focused`;
+$9d103974e3e19727$export$f39a09f249340e2a = `hoc2UW_focus-ring ${$9d103974e3e19727$export$1dd67f16e0d58f73}`;
+$9d103974e3e19727$export$d35bc1e505d1ebbf = `hoc2UW_is-disabled`;
+$9d103974e3e19727$export$e7dc768d35940237 = `hoc2UW_is-focused ${$9d103974e3e19727$export$1dd67f16e0d58f73}`;
+$9d103974e3e19727$export$cd9afaa621b6216f = `hoc2UW_spectrum-ColorHandle`;
+$9d103974e3e19727$export$afe4c366ed4e659c = `hoc2UW_spectrum-ColorHandle-color`;
+
+
+export {$9d103974e3e19727$exports as default};
+//# sourceMappingURL=colorhandle_vars_css.mjs.map