@react-spectrum/color 3.1.7 → 3.2.0

package/dist/import.mjs

@@ -1,12 +1,11 @@
-import {ColorArea as $40046aa1a7ccb226$export$b2103f68a961418e} from "./ColorArea.mjs";
-import {ColorWheel as $3aac1c27203f04b5$export$f80663f808113381} from "./ColorWheel.mjs";
-import {ColorSlider as $3870e4ce67ed7ee1$export$44fd664bcca5b6fb} from "./ColorSlider.mjs";
-import {ColorField as $0077d47e004328f0$export$b865d4358897bb17} from "./ColorField.mjs";
-import {ColorSwatch as $d68786ae409fa722$export$cae13e90592f246a} from "./ColorSwatch.mjs";
-import {ColorPicker as $d9654c66f3a7e70a$export$9feb1bc2e5f1ccb3} from "./ColorPicker.mjs";
-import {ColorEditor as $49352c629f2d8349$export$5aa54fd21eb08d23} from "./ColorEditor.mjs";
-import {ColorSwatchPicker as $4919bc07654f325c$export$b46792416e3d8515} from "./ColorSwatchPicker.mjs";
-import {parseColor as $5cd3f969175c53c5$re_export$parseColor, getColorChannels as $5cd3f969175c53c5$re_export$getColorChannels} from "@react-stately/color";
+import {ColorArea as $50d4f2e386f12dfe$re_export$ColorArea} from "@adobe/react-spectrum/ColorArea";
+import {ColorWheel as $50d4f2e386f12dfe$re_export$ColorWheel} from "@adobe/react-spectrum/ColorWheel";
+import {ColorSlider as $50d4f2e386f12dfe$re_export$ColorSlider} from "@adobe/react-spectrum/ColorSlider";
+import {ColorField as $50d4f2e386f12dfe$re_export$ColorField} from "@adobe/react-spectrum/ColorField";
+import {ColorSwatch as $50d4f2e386f12dfe$re_export$ColorSwatch} from "@adobe/react-spectrum/ColorSwatch";
+import {ColorPicker as $50d4f2e386f12dfe$re_export$ColorPicker, ColorEditor as $50d4f2e386f12dfe$re_export$ColorEditor} from "@adobe/react-spectrum/ColorPicker";
+import {ColorSwatchPicker as $50d4f2e386f12dfe$re_export$ColorSwatchPicker} from "@adobe/react-spectrum/ColorSwatchPicker";
+import {parseColor as $50d4f2e386f12dfe$re_export$parseColor, getColorChannels as $50d4f2e386f12dfe$re_export$getColorChannels} from "react-stately/Color";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -29,6 +28,5 @@ import {parseColor as $5cd3f969175c53c5$re_export$parseColor, getColorChannels a
 
 
 
-
-export {$40046aa1a7ccb226$export$b2103f68a961418e as ColorArea, $3aac1c27203f04b5$export$f80663f808113381 as ColorWheel, $3870e4ce67ed7ee1$export$44fd664bcca5b6fb as ColorSlider, $0077d47e004328f0$export$b865d4358897bb17 as ColorField, $d68786ae409fa722$export$cae13e90592f246a as ColorSwatch, $d9654c66f3a7e70a$export$9feb1bc2e5f1ccb3 as ColorPicker, $49352c629f2d8349$export$5aa54fd21eb08d23 as ColorEditor, $4919bc07654f325c$export$b46792416e3d8515 as ColorSwatchPicker, $5cd3f969175c53c5$re_export$parseColor as parseColor, $5cd3f969175c53c5$re_export$getColorChannels as getColorChannels};
+export {$50d4f2e386f12dfe$re_export$ColorArea as ColorArea, $50d4f2e386f12dfe$re_export$ColorWheel as ColorWheel, $50d4f2e386f12dfe$re_export$ColorSlider as ColorSlider, $50d4f2e386f12dfe$re_export$ColorField as ColorField, $50d4f2e386f12dfe$re_export$ColorSwatch as ColorSwatch, $50d4f2e386f12dfe$re_export$ColorPicker as ColorPicker, $50d4f2e386f12dfe$re_export$ColorEditor as ColorEditor, $50d4f2e386f12dfe$re_export$ColorSwatchPicker as ColorSwatchPicker, $50d4f2e386f12dfe$re_export$parseColor as parseColor, $50d4f2e386f12dfe$re_export$getColorChannels as getColorChannels};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,28 +1,27 @@
-var $5f016e950c2dc3a6$exports = require("./ColorArea.main.js");
-var $63a2864687444ae1$exports = require("./ColorWheel.main.js");
-var $4537dec0de08c277$exports = require("./ColorSlider.main.js");
-var $8bdb9bc27ff3debb$exports = require("./ColorField.main.js");
-var $f076f5c85640192a$exports = require("./ColorSwatch.main.js");
-var $0c330b4a4fe337a6$exports = require("./ColorPicker.main.js");
-var $ecaab91cad36cb44$exports = require("./ColorEditor.main.js");
-var $ba9a184bcae9b225$exports = require("./ColorSwatchPicker.main.js");
-var $aAzec$reactstatelycolor = require("@react-stately/color");
+var $kMLBj$adobereactspectrumColorArea = require("@adobe/react-spectrum/ColorArea");
+var $kMLBj$adobereactspectrumColorWheel = require("@adobe/react-spectrum/ColorWheel");
+var $kMLBj$adobereactspectrumColorSlider = require("@adobe/react-spectrum/ColorSlider");
+var $kMLBj$adobereactspectrumColorField = require("@adobe/react-spectrum/ColorField");
+var $kMLBj$adobereactspectrumColorSwatch = require("@adobe/react-spectrum/ColorSwatch");
+var $kMLBj$adobereactspectrumColorPicker = require("@adobe/react-spectrum/ColorPicker");
+var $kMLBj$adobereactspectrumColorSwatchPicker = require("@adobe/react-spectrum/ColorSwatchPicker");
+var $kMLBj$reactstatelyColor = require("react-stately/Color");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "ColorArea", () => $5f016e950c2dc3a6$exports.ColorArea);
-$parcel$export(module.exports, "ColorWheel", () => $63a2864687444ae1$exports.ColorWheel);
-$parcel$export(module.exports, "ColorSlider", () => $4537dec0de08c277$exports.ColorSlider);
-$parcel$export(module.exports, "ColorField", () => $8bdb9bc27ff3debb$exports.ColorField);
-$parcel$export(module.exports, "ColorSwatch", () => $f076f5c85640192a$exports.ColorSwatch);
-$parcel$export(module.exports, "ColorPicker", () => $0c330b4a4fe337a6$exports.ColorPicker);
-$parcel$export(module.exports, "ColorEditor", () => $ecaab91cad36cb44$exports.ColorEditor);
-$parcel$export(module.exports, "ColorSwatchPicker", () => $ba9a184bcae9b225$exports.ColorSwatchPicker);
-$parcel$export(module.exports, "parseColor", () => $aAzec$reactstatelycolor.parseColor);
-$parcel$export(module.exports, "getColorChannels", () => $aAzec$reactstatelycolor.getColorChannels);
+$parcel$export(module.exports, "ColorArea", function () { return $kMLBj$adobereactspectrumColorArea.ColorArea; });
+$parcel$export(module.exports, "ColorWheel", function () { return $kMLBj$adobereactspectrumColorWheel.ColorWheel; });
+$parcel$export(module.exports, "ColorSlider", function () { return $kMLBj$adobereactspectrumColorSlider.ColorSlider; });
+$parcel$export(module.exports, "ColorField", function () { return $kMLBj$adobereactspectrumColorField.ColorField; });
+$parcel$export(module.exports, "ColorSwatch", function () { return $kMLBj$adobereactspectrumColorSwatch.ColorSwatch; });
+$parcel$export(module.exports, "ColorPicker", function () { return $kMLBj$adobereactspectrumColorPicker.ColorPicker; });
+$parcel$export(module.exports, "ColorEditor", function () { return $kMLBj$adobereactspectrumColorPicker.ColorEditor; });
+$parcel$export(module.exports, "ColorSwatchPicker", function () { return $kMLBj$adobereactspectrumColorSwatchPicker.ColorSwatchPicker; });
+$parcel$export(module.exports, "parseColor", function () { return $kMLBj$reactstatelyColor.parseColor; });
+$parcel$export(module.exports, "getColorChannels", function () { return $kMLBj$reactstatelyColor.getColorChannels; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -44,5 +43,4 @@ $parcel$export(module.exports, "getColorChannels", () => $aAzec$reactstatelycolo
 
 
 
-
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/color/src/index.ts"],"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/// <reference types=\"css-module-types\" />\nexport {ColorArea} from './ColorArea';\nexport {ColorWheel} from './ColorWheel';\nexport {ColorSlider} from './ColorSlider';\nexport {ColorField} from './ColorField';\nexport {ColorSwatch} from './ColorSwatch';\nexport {ColorPicker} from './ColorPicker';\nexport {ColorEditor} from './ColorEditor';\nexport {ColorSwatchPicker} from './ColorSwatchPicker';\nexport {parseColor, getColorChannels} from '@react-stately/color';\nexport type {SpectrumColorAreaProps, SpectrumColorFieldProps, SpectrumColorSliderProps, SpectrumColorWheelProps} from '@react-types/color';\nexport type {SpectrumColorSwatchProps} from './ColorSwatch';\nexport type {SpectrumColorPickerProps} from './ColorPicker';\nexport type {SpectrumColorEditorProps} from './ColorEditor';\nexport type {SpectrumColorSwatchPickerProps} from './ColorSwatchPicker';\nexport type {Color, ColorSpace, ColorFormat} from '@react-types/color';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/color/src/index.ts"],"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/// <reference types=\"css-module-types\" />\nexport {ColorArea} from '@adobe/react-spectrum/ColorArea';\n\nexport {ColorWheel} from '@adobe/react-spectrum/ColorWheel';\nexport {ColorSlider} from '@adobe/react-spectrum/ColorSlider';\nexport {ColorField} from '@adobe/react-spectrum/ColorField';\nexport {ColorSwatch} from '@adobe/react-spectrum/ColorSwatch';\nexport {ColorPicker, ColorEditor} from '@adobe/react-spectrum/ColorPicker';\nexport {ColorSwatchPicker} from '@adobe/react-spectrum/ColorSwatchPicker';\nexport type {SpectrumColorAreaProps} from '@adobe/react-spectrum/ColorArea';\nexport type {SpectrumColorFieldProps} from '@adobe/react-spectrum/ColorField';\nexport type {SpectrumColorSliderProps} from '@adobe/react-spectrum/ColorSlider';\nexport type {SpectrumColorWheelProps} from '@adobe/react-spectrum/ColorWheel';\nexport type {SpectrumColorSwatchProps} from '@adobe/react-spectrum/ColorSwatch';\nexport type {SpectrumColorPickerProps, SpectrumColorEditorProps} from '@adobe/react-spectrum/ColorPicker';\nexport type {SpectrumColorSwatchPickerProps} from '@adobe/react-spectrum/ColorSwatchPicker';\nexport {parseColor, getColorChannels} from 'react-stately/Color';\nexport type {Color, ColorSpace, ColorFormat} from 'react-stately/Color';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,12 +1,11 @@
-import {ColorArea as $40046aa1a7ccb226$export$b2103f68a961418e} from "./ColorArea.module.js";
-import {ColorWheel as $3aac1c27203f04b5$export$f80663f808113381} from "./ColorWheel.module.js";
-import {ColorSlider as $3870e4ce67ed7ee1$export$44fd664bcca5b6fb} from "./ColorSlider.module.js";
-import {ColorField as $0077d47e004328f0$export$b865d4358897bb17} from "./ColorField.module.js";
-import {ColorSwatch as $d68786ae409fa722$export$cae13e90592f246a} from "./ColorSwatch.module.js";
-import {ColorPicker as $d9654c66f3a7e70a$export$9feb1bc2e5f1ccb3} from "./ColorPicker.module.js";
-import {ColorEditor as $49352c629f2d8349$export$5aa54fd21eb08d23} from "./ColorEditor.module.js";
-import {ColorSwatchPicker as $4919bc07654f325c$export$b46792416e3d8515} from "./ColorSwatchPicker.module.js";
-import {parseColor as $5cd3f969175c53c5$re_export$parseColor, getColorChannels as $5cd3f969175c53c5$re_export$getColorChannels} from "@react-stately/color";
+import {ColorArea as $50d4f2e386f12dfe$re_export$ColorArea} from "@adobe/react-spectrum/ColorArea";
+import {ColorWheel as $50d4f2e386f12dfe$re_export$ColorWheel} from "@adobe/react-spectrum/ColorWheel";
+import {ColorSlider as $50d4f2e386f12dfe$re_export$ColorSlider} from "@adobe/react-spectrum/ColorSlider";
+import {ColorField as $50d4f2e386f12dfe$re_export$ColorField} from "@adobe/react-spectrum/ColorField";
+import {ColorSwatch as $50d4f2e386f12dfe$re_export$ColorSwatch} from "@adobe/react-spectrum/ColorSwatch";
+import {ColorPicker as $50d4f2e386f12dfe$re_export$ColorPicker, ColorEditor as $50d4f2e386f12dfe$re_export$ColorEditor} from "@adobe/react-spectrum/ColorPicker";
+import {ColorSwatchPicker as $50d4f2e386f12dfe$re_export$ColorSwatchPicker} from "@adobe/react-spectrum/ColorSwatchPicker";
+import {parseColor as $50d4f2e386f12dfe$re_export$parseColor, getColorChannels as $50d4f2e386f12dfe$re_export$getColorChannels} from "react-stately/Color";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -29,6 +28,5 @@ import {parseColor as $5cd3f969175c53c5$re_export$parseColor, getColorChannels a
 
 
 
-
-export {$40046aa1a7ccb226$export$b2103f68a961418e as ColorArea, $3aac1c27203f04b5$export$f80663f808113381 as ColorWheel, $3870e4ce67ed7ee1$export$44fd664bcca5b6fb as ColorSlider, $0077d47e004328f0$export$b865d4358897bb17 as ColorField, $d68786ae409fa722$export$cae13e90592f246a as ColorSwatch, $d9654c66f3a7e70a$export$9feb1bc2e5f1ccb3 as ColorPicker, $49352c629f2d8349$export$5aa54fd21eb08d23 as ColorEditor, $4919bc07654f325c$export$b46792416e3d8515 as ColorSwatchPicker, $5cd3f969175c53c5$re_export$parseColor as parseColor, $5cd3f969175c53c5$re_export$getColorChannels as getColorChannels};
+export {$50d4f2e386f12dfe$re_export$ColorArea as ColorArea, $50d4f2e386f12dfe$re_export$ColorWheel as ColorWheel, $50d4f2e386f12dfe$re_export$ColorSlider as ColorSlider, $50d4f2e386f12dfe$re_export$ColorField as ColorField, $50d4f2e386f12dfe$re_export$ColorSwatch as ColorSwatch, $50d4f2e386f12dfe$re_export$ColorPicker as ColorPicker, $50d4f2e386f12dfe$re_export$ColorEditor as ColorEditor, $50d4f2e386f12dfe$re_export$ColorSwatchPicker as ColorSwatchPicker, $50d4f2e386f12dfe$re_export$parseColor as parseColor, $50d4f2e386f12dfe$re_export$getColorChannels as getColorChannels};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/color/src/index.ts"],"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/// <reference types=\"css-module-types\" />\nexport {ColorArea} from './ColorArea';\nexport {ColorWheel} from './ColorWheel';\nexport {ColorSlider} from './ColorSlider';\nexport {ColorField} from './ColorField';\nexport {ColorSwatch} from './ColorSwatch';\nexport {ColorPicker} from './ColorPicker';\nexport {ColorEditor} from './ColorEditor';\nexport {ColorSwatchPicker} from './ColorSwatchPicker';\nexport {parseColor, getColorChannels} from '@react-stately/color';\nexport type {SpectrumColorAreaProps, SpectrumColorFieldProps, SpectrumColorSliderProps, SpectrumColorWheelProps} from '@react-types/color';\nexport type {SpectrumColorSwatchProps} from './ColorSwatch';\nexport type {SpectrumColorPickerProps} from './ColorPicker';\nexport type {SpectrumColorEditorProps} from './ColorEditor';\nexport type {SpectrumColorSwatchPickerProps} from './ColorSwatchPicker';\nexport type {Color, ColorSpace, ColorFormat} from '@react-types/color';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/color/src/index.ts"],"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/// <reference types=\"css-module-types\" />\nexport {ColorArea} from '@adobe/react-spectrum/ColorArea';\n\nexport {ColorWheel} from '@adobe/react-spectrum/ColorWheel';\nexport {ColorSlider} from '@adobe/react-spectrum/ColorSlider';\nexport {ColorField} from '@adobe/react-spectrum/ColorField';\nexport {ColorSwatch} from '@adobe/react-spectrum/ColorSwatch';\nexport {ColorPicker, ColorEditor} from '@adobe/react-spectrum/ColorPicker';\nexport {ColorSwatchPicker} from '@adobe/react-spectrum/ColorSwatchPicker';\nexport type {SpectrumColorAreaProps} from '@adobe/react-spectrum/ColorArea';\nexport type {SpectrumColorFieldProps} from '@adobe/react-spectrum/ColorField';\nexport type {SpectrumColorSliderProps} from '@adobe/react-spectrum/ColorSlider';\nexport type {SpectrumColorWheelProps} from '@adobe/react-spectrum/ColorWheel';\nexport type {SpectrumColorSwatchProps} from '@adobe/react-spectrum/ColorSwatch';\nexport type {SpectrumColorPickerProps, SpectrumColorEditorProps} from '@adobe/react-spectrum/ColorPicker';\nexport type {SpectrumColorSwatchPickerProps} from '@adobe/react-spectrum/ColorSwatchPicker';\nexport {parseColor, getColorChannels} from 'react-stately/Color';\nexport type {Color, ColorSpace, ColorFormat} from 'react-stately/Color';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,16 @@
+export { ColorArea } from '@adobe/react-spectrum/ColorArea';
+export { ColorWheel } from '@adobe/react-spectrum/ColorWheel';
+export { ColorSlider } from '@adobe/react-spectrum/ColorSlider';
+export { ColorField } from '@adobe/react-spectrum/ColorField';
+export { ColorSwatch } from '@adobe/react-spectrum/ColorSwatch';
+export { ColorPicker, ColorEditor } from '@adobe/react-spectrum/ColorPicker';
+export { ColorSwatchPicker } from '@adobe/react-spectrum/ColorSwatchPicker';
+export type { SpectrumColorAreaProps } from '@adobe/react-spectrum/ColorArea';
+export type { SpectrumColorFieldProps } from '@adobe/react-spectrum/ColorField';
+export type { SpectrumColorSliderProps } from '@adobe/react-spectrum/ColorSlider';
+export type { SpectrumColorWheelProps } from '@adobe/react-spectrum/ColorWheel';
+export type { SpectrumColorSwatchProps } from '@adobe/react-spectrum/ColorSwatch';
+export type { SpectrumColorPickerProps, SpectrumColorEditorProps } from '@adobe/react-spectrum/ColorPicker';
+export type { SpectrumColorSwatchPickerProps } from '@adobe/react-spectrum/ColorSwatchPicker';
+export { parseColor, getColorChannels } from 'react-stately/Color';
+export type { Color, ColorSpace, ColorFormat } from 'react-stately/Color';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-spectrum/color",
-  "version": "3.1.7",
+  "version": "3.2.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -24,53 +24,26 @@
     "*.css"
   ],
   "targets": {
-    "main": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    },
-    "module": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    }
+    "types": false
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/color": "^3.1.5",
-    "@react-aria/focus": "^3.21.5",
-    "@react-aria/i18n": "^3.12.16",
-    "@react-aria/interactions": "^3.27.1",
-    "@react-aria/utils": "^3.33.1",
-    "@react-spectrum/dialog": "^3.9.7",
-    "@react-spectrum/form": "^3.7.22",
-    "@react-spectrum/label": "^3.16.22",
-    "@react-spectrum/overlays": "^5.9.3",
-    "@react-spectrum/picker": "^3.16.7",
-    "@react-spectrum/textfield": "^3.14.5",
-    "@react-spectrum/utils": "^3.12.12",
-    "@react-spectrum/view": "^3.6.26",
-    "@react-stately/color": "^3.9.5",
-    "@react-types/color": "^3.1.4",
-    "@react-types/shared": "^3.33.1",
-    "@react-types/textfield": "^3.12.8",
+    "@adobe/react-spectrum": "3.47.0",
     "@swc/helpers": "^0.5.0",
-    "react-aria-components": "^1.16.0"
+    "react-stately": "3.46.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
-    "@react-spectrum/style-macro-s1": "3.0.0-alpha.5"
+    "@react-spectrum/style-macro-s1": "3.0.0-alpha.6"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0",
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
     "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -11,18 +11,20 @@
  */
 
 /// <reference types="css-module-types" />
-export {ColorArea} from './ColorArea';
-export {ColorWheel} from './ColorWheel';
-export {ColorSlider} from './ColorSlider';
-export {ColorField} from './ColorField';
-export {ColorSwatch} from './ColorSwatch';
-export {ColorPicker} from './ColorPicker';
-export {ColorEditor} from './ColorEditor';
-export {ColorSwatchPicker} from './ColorSwatchPicker';
-export {parseColor, getColorChannels} from '@react-stately/color';
-export type {SpectrumColorAreaProps, SpectrumColorFieldProps, SpectrumColorSliderProps, SpectrumColorWheelProps} from '@react-types/color';
-export type {SpectrumColorSwatchProps} from './ColorSwatch';
-export type {SpectrumColorPickerProps} from './ColorPicker';
-export type {SpectrumColorEditorProps} from './ColorEditor';
-export type {SpectrumColorSwatchPickerProps} from './ColorSwatchPicker';
-export type {Color, ColorSpace, ColorFormat} from '@react-types/color';
+export {ColorArea} from '@adobe/react-spectrum/ColorArea';
+
+export {ColorWheel} from '@adobe/react-spectrum/ColorWheel';
+export {ColorSlider} from '@adobe/react-spectrum/ColorSlider';
+export {ColorField} from '@adobe/react-spectrum/ColorField';
+export {ColorSwatch} from '@adobe/react-spectrum/ColorSwatch';
+export {ColorPicker, ColorEditor} from '@adobe/react-spectrum/ColorPicker';
+export {ColorSwatchPicker} from '@adobe/react-spectrum/ColorSwatchPicker';
+export type {SpectrumColorAreaProps} from '@adobe/react-spectrum/ColorArea';
+export type {SpectrumColorFieldProps} from '@adobe/react-spectrum/ColorField';
+export type {SpectrumColorSliderProps} from '@adobe/react-spectrum/ColorSlider';
+export type {SpectrumColorWheelProps} from '@adobe/react-spectrum/ColorWheel';
+export type {SpectrumColorSwatchProps} from '@adobe/react-spectrum/ColorSwatch';
+export type {SpectrumColorPickerProps, SpectrumColorEditorProps} from '@adobe/react-spectrum/ColorPicker';
+export type {SpectrumColorSwatchPickerProps} from '@adobe/react-spectrum/ColorSwatchPicker';
+export {parseColor, getColorChannels} from 'react-stately/Color';
+export type {Color, ColorSpace, ColorFormat} from 'react-stately/Color';

package/dist/ColorArea.main.js

@@ -1,95 +0,0 @@
-var $2b9adc23f6c7cae1$exports = require("./ColorThumb.main.js");
-require("./color.8e3b650f.css");
-var $d4b4e0a63f9ca8c1$exports = require("./colorarea_vars_css.main.js");
-var $6Gwd1$reactspectrumutils = require("@react-spectrum/utils");
-var $6Gwd1$reactariacomponents = require("react-aria-components");
-var $6Gwd1$reactariautils = require("@react-aria/utils");
-var $6Gwd1$react = require("react");
-var $6Gwd1$reactariacolor = require("@react-aria/color");
-var $6Gwd1$reactstatelycolor = require("@react-stately/color");
-var $6Gwd1$reactariafocus = require("@react-aria/focus");
-var $6Gwd1$reactspectrumprovider = require("@react-spectrum/provider");
-
-
-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, "ColorArea", () => $5f016e950c2dc3a6$export$b2103f68a961418e);
-/*
- * Copyright 2021 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 $5f016e950c2dc3a6$export$b2103f68a961418e = /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).forwardRef(function ColorArea(props, ref) {
-    props = (0, $6Gwd1$reactspectrumprovider.useProviderProps)(props);
-    let inputXRef = (0, $6Gwd1$react.useRef)(null);
-    let inputYRef = (0, $6Gwd1$react.useRef)(null);
-    let containerRef = (0, $6Gwd1$reactspectrumutils.useFocusableRef)(ref, inputXRef);
-    [props, containerRef] = (0, $6Gwd1$reactariacomponents.useContextProps)(props, containerRef, (0, $6Gwd1$reactariacomponents.ColorAreaContext));
-    let { isDisabled: isDisabled } = props;
-    let size = props.size && (0, $6Gwd1$reactspectrumutils.dimensionValue)(props.size);
-    let { styleProps: styleProps } = (0, $6Gwd1$reactspectrumutils.useStyleProps)(props);
-    let state = (0, $6Gwd1$reactstatelycolor.useColorAreaState)(props);
-    let { colorAreaProps: colorAreaProps, xInputProps: xInputProps, yInputProps: yInputProps, thumbProps: thumbProps } = (0, $6Gwd1$reactariacolor.useColorArea)({
-        ...props,
-        inputXRef: inputXRef,
-        inputYRef: inputYRef,
-        containerRef: containerRef
-    }, state);
-    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $6Gwd1$reactariafocus.useFocusRing)();
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement("div", {
-        ...colorAreaProps,
-        className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), 'spectrum-ColorArea', {
-            'is-disabled': isDisabled
-        }, styleProps.className),
-        ref: containerRef,
-        style: {
-            ...isDisabled ? {} : colorAreaProps.style,
-            ...styleProps.style,
-            // Workaround around https://github.com/adobe/spectrum-css/issues/1032
-            width: size,
-            height: size
-        }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement((0, $2b9adc23f6c7cae1$exports.ColorThumb), {
-        value: state.getDisplayColor(),
-        isFocused: isFocusVisible,
-        isDisabled: isDisabled,
-        isDragging: state.isDragging,
-        containerRef: containerRef,
-        className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), 'spectrum-ColorArea-handle'),
-        ...thumbProps
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement("div", {
-        role: "presentation"
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement("input", {
-        className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), 'spectrum-ColorArea-slider'),
-        ...(0, $6Gwd1$reactariautils.mergeProps)(xInputProps, focusProps),
-        ref: inputXRef
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($6Gwd1$react))).createElement("input", {
-        className: (0, $6Gwd1$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d4b4e0a63f9ca8c1$exports))), 'spectrum-ColorArea-slider'),
-        ...(0, $6Gwd1$reactariautils.mergeProps)(yInputProps, focusProps),
-        ref: inputYRef
-    }))));
-});
-
-
-//# sourceMappingURL=ColorArea.main.js.map

package/dist/ColorArea.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAkBM,MAAM,0DAAY,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,UAAU,KAA6B,EAAE,GAAiC;IAC3H,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,IAAI,eAAe,CAAA,GAAA,yCAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,0CAAc,EAAE,OAAO,cAAc,CAAA,GAAA,2CAAe;IAE5E,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;IAGjC,IAAI,QAAQ,CAAA,GAAA,0CAAgB,EAAE;IAE9B,IAAI,kBACF,cAAc,eACd,WAAW,eACX,WAAW,cACX,UAAU,EACX,GAAG,CAAA,GAAA,kCAAW,EAAE;QAAC,GAAG,KAAK;mBAAE;mBAAW;sBAAW;IAAY,GAAG;IACjE,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,kCAAW;IAE9C,qBACE,0DAAC;QACE,GAAG,cAAc;QAClB,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,sBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAGxB,KAAK;QACL,OAAO;YACL,GAAI,aAAa,CAAC,IAAI,eAAe,KAAK;YAC1C,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,0DAAC,CAAA,GAAA,oCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,0DAAC;QAAI,MAAK;qBACR,0DAAC;QAAM,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,WAAW;QAAE,KAAK;sBACjH,0DAAC;QAAM,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,WAAW;QAAE,KAAK;;AAK3H","sources":["packages/@react-spectrum/color/src/ColorArea.tsx"],"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\nimport {classNames, dimensionValue, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorAreaContext, useContextProps} from 'react-aria-components';\nimport {ColorThumb} from './ColorThumb';\nimport {FocusableRef} from '@react-types/shared';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ReactElement, useRef} from 'react';\nimport {SpectrumColorAreaProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorarea/vars.css';\nimport {useColorArea} from '@react-aria/color';\nimport {useColorAreaState} from '@react-stately/color';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/**\n * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.\n */\nexport const ColorArea = React.forwardRef(function ColorArea(props: SpectrumColorAreaProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let inputXRef = useRef(null);\n  let inputYRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputXRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorAreaContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n\n  let state = useColorAreaState(props);\n\n  let {\n    colorAreaProps,\n    xInputProps,\n    yInputProps,\n    thumbProps\n  } = useColorArea({...props, inputXRef, inputYRef, containerRef}, state);\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      {...colorAreaProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-ColorArea',\n          {\n            'is-disabled': isDisabled\n          },\n          styleProps.className\n        )\n      }\n      ref={containerRef}\n      style={{\n        ...(isDisabled ? {} : colorAreaProps.style),\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorArea-handle')}\n        {...thumbProps}>\n        <div role=\"presentation\">\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(xInputProps, focusProps)} ref={inputXRef} />\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(yInputProps, focusProps)} ref={inputYRef} />\n        </div>\n      </ColorThumb>\n    </div>\n  );\n}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ColorArea.main.js.map"}

package/dist/ColorArea.mjs

@@ -1,90 +0,0 @@
-import {ColorThumb as $3a90e89d07d7bbd5$export$a3cc47cee1c1ccc} from "./ColorThumb.mjs";
-import "./color.8e3b650f.css";
-import $4eSry$colorarea_vars_cssmodulejs from "./colorarea_vars_css.mjs";
-import {useFocusableRef as $4eSry$useFocusableRef, dimensionValue as $4eSry$dimensionValue, useStyleProps as $4eSry$useStyleProps, classNames as $4eSry$classNames} from "@react-spectrum/utils";
-import {useContextProps as $4eSry$useContextProps, ColorAreaContext as $4eSry$ColorAreaContext} from "react-aria-components";
-import {mergeProps as $4eSry$mergeProps} from "@react-aria/utils";
-import $4eSry$react, {useRef as $4eSry$useRef} from "react";
-import {useColorArea as $4eSry$useColorArea} from "@react-aria/color";
-import {useColorAreaState as $4eSry$useColorAreaState} from "@react-stately/color";
-import {useFocusRing as $4eSry$useFocusRing} from "@react-aria/focus";
-import {useProviderProps as $4eSry$useProviderProps} from "@react-spectrum/provider";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2021 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 $40046aa1a7ccb226$export$b2103f68a961418e = /*#__PURE__*/ (0, $4eSry$react).forwardRef(function ColorArea(props, ref) {
-    props = (0, $4eSry$useProviderProps)(props);
-    let inputXRef = (0, $4eSry$useRef)(null);
-    let inputYRef = (0, $4eSry$useRef)(null);
-    let containerRef = (0, $4eSry$useFocusableRef)(ref, inputXRef);
-    [props, containerRef] = (0, $4eSry$useContextProps)(props, containerRef, (0, $4eSry$ColorAreaContext));
-    let { isDisabled: isDisabled } = props;
-    let size = props.size && (0, $4eSry$dimensionValue)(props.size);
-    let { styleProps: styleProps } = (0, $4eSry$useStyleProps)(props);
-    let state = (0, $4eSry$useColorAreaState)(props);
-    let { colorAreaProps: colorAreaProps, xInputProps: xInputProps, yInputProps: yInputProps, thumbProps: thumbProps } = (0, $4eSry$useColorArea)({
-        ...props,
-        inputXRef: inputXRef,
-        inputYRef: inputYRef,
-        containerRef: containerRef
-    }, state);
-    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $4eSry$useFocusRing)();
-    return /*#__PURE__*/ (0, $4eSry$react).createElement("div", {
-        ...colorAreaProps,
-        className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea', {
-            'is-disabled': isDisabled
-        }, styleProps.className),
-        ref: containerRef,
-        style: {
-            ...isDisabled ? {} : colorAreaProps.style,
-            ...styleProps.style,
-            // Workaround around https://github.com/adobe/spectrum-css/issues/1032
-            width: size,
-            height: size
-        }
-    }, /*#__PURE__*/ (0, $4eSry$react).createElement((0, $3a90e89d07d7bbd5$export$a3cc47cee1c1ccc), {
-        value: state.getDisplayColor(),
-        isFocused: isFocusVisible,
-        isDisabled: isDisabled,
-        isDragging: state.isDragging,
-        containerRef: containerRef,
-        className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-handle'),
-        ...thumbProps
-    }, /*#__PURE__*/ (0, $4eSry$react).createElement("div", {
-        role: "presentation"
-    }, /*#__PURE__*/ (0, $4eSry$react).createElement("input", {
-        className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-slider'),
-        ...(0, $4eSry$mergeProps)(xInputProps, focusProps),
-        ref: inputXRef
-    }), /*#__PURE__*/ (0, $4eSry$react).createElement("input", {
-        className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-slider'),
-        ...(0, $4eSry$mergeProps)(yInputProps, focusProps),
-        ref: inputYRef
-    }))));
-});
-
-
-export {$40046aa1a7ccb226$export$b2103f68a961418e as ColorArea};
-//# sourceMappingURL=ColorArea.module.js.map

package/dist/ColorArea.module.js

@@ -1,90 +0,0 @@
-import {ColorThumb as $3a90e89d07d7bbd5$export$a3cc47cee1c1ccc} from "./ColorThumb.module.js";
-import "./color.8e3b650f.css";
-import $4eSry$colorarea_vars_cssmodulejs from "./colorarea_vars_css.module.js";
-import {useFocusableRef as $4eSry$useFocusableRef, dimensionValue as $4eSry$dimensionValue, useStyleProps as $4eSry$useStyleProps, classNames as $4eSry$classNames} from "@react-spectrum/utils";
-import {useContextProps as $4eSry$useContextProps, ColorAreaContext as $4eSry$ColorAreaContext} from "react-aria-components";
-import {mergeProps as $4eSry$mergeProps} from "@react-aria/utils";
-import $4eSry$react, {useRef as $4eSry$useRef} from "react";
-import {useColorArea as $4eSry$useColorArea} from "@react-aria/color";
-import {useColorAreaState as $4eSry$useColorAreaState} from "@react-stately/color";
-import {useFocusRing as $4eSry$useFocusRing} from "@react-aria/focus";
-import {useProviderProps as $4eSry$useProviderProps} from "@react-spectrum/provider";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2021 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 $40046aa1a7ccb226$export$b2103f68a961418e = /*#__PURE__*/ (0, $4eSry$react).forwardRef(function ColorArea(props, ref) {
-    props = (0, $4eSry$useProviderProps)(props);
-    let inputXRef = (0, $4eSry$useRef)(null);
-    let inputYRef = (0, $4eSry$useRef)(null);
-    let containerRef = (0, $4eSry$useFocusableRef)(ref, inputXRef);
-    [props, containerRef] = (0, $4eSry$useContextProps)(props, containerRef, (0, $4eSry$ColorAreaContext));
-    let { isDisabled: isDisabled } = props;
-    let size = props.size && (0, $4eSry$dimensionValue)(props.size);
-    let { styleProps: styleProps } = (0, $4eSry$useStyleProps)(props);
-    let state = (0, $4eSry$useColorAreaState)(props);
-    let { colorAreaProps: colorAreaProps, xInputProps: xInputProps, yInputProps: yInputProps, thumbProps: thumbProps } = (0, $4eSry$useColorArea)({
-        ...props,
-        inputXRef: inputXRef,
-        inputYRef: inputYRef,
-        containerRef: containerRef
-    }, state);
-    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $4eSry$useFocusRing)();
-    return /*#__PURE__*/ (0, $4eSry$react).createElement("div", {
-        ...colorAreaProps,
-        className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea', {
-            'is-disabled': isDisabled
-        }, styleProps.className),
-        ref: containerRef,
-        style: {
-            ...isDisabled ? {} : colorAreaProps.style,
-            ...styleProps.style,
-            // Workaround around https://github.com/adobe/spectrum-css/issues/1032
-            width: size,
-            height: size
-        }
-    }, /*#__PURE__*/ (0, $4eSry$react).createElement((0, $3a90e89d07d7bbd5$export$a3cc47cee1c1ccc), {
-        value: state.getDisplayColor(),
-        isFocused: isFocusVisible,
-        isDisabled: isDisabled,
-        isDragging: state.isDragging,
-        containerRef: containerRef,
-        className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-handle'),
-        ...thumbProps
-    }, /*#__PURE__*/ (0, $4eSry$react).createElement("div", {
-        role: "presentation"
-    }, /*#__PURE__*/ (0, $4eSry$react).createElement("input", {
-        className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-slider'),
-        ...(0, $4eSry$mergeProps)(xInputProps, focusProps),
-        ref: inputXRef
-    }), /*#__PURE__*/ (0, $4eSry$react).createElement("input", {
-        className: (0, $4eSry$classNames)((0, ($parcel$interopDefault($4eSry$colorarea_vars_cssmodulejs))), 'spectrum-ColorArea-slider'),
-        ...(0, $4eSry$mergeProps)(yInputProps, focusProps),
-        ref: inputYRef
-    }))));
-});
-
-
-export {$40046aa1a7ccb226$export$b2103f68a961418e as ColorArea};
-//# sourceMappingURL=ColorArea.module.js.map

package/dist/ColorArea.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAkBM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UAAU,KAA6B,EAAE,GAAiC;IAC3H,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,eAAe,CAAA,GAAA,sBAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,cAAc,CAAA,GAAA,uBAAe;IAE5E,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;IAGjC,IAAI,QAAQ,CAAA,GAAA,wBAAgB,EAAE;IAE9B,IAAI,kBACF,cAAc,eACd,WAAW,eACX,WAAW,cACX,UAAU,EACX,GAAG,CAAA,GAAA,mBAAW,EAAE;QAAC,GAAG,KAAK;mBAAE;mBAAW;sBAAW;IAAY,GAAG;IACjE,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,qBACE,gCAAC;QACE,GAAG,cAAc;QAClB,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,2DAAK,GACL,sBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QAGxB,KAAK;QACL,OAAO;YACL,GAAI,aAAa,CAAC,IAAI,eAAe,KAAK;YAC1C,GAAG,WAAW,KAAK;YACnB,sEAAsE;YACtE,OAAO;YACP,QAAQ;QACV;qBACA,gCAAC,CAAA,GAAA,wCAAS;QACR,OAAO,MAAM,eAAe;QAC5B,WAAW;QACX,YAAY;QACZ,YAAY,MAAM,UAAU;QAC5B,cAAc;QACd,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;QAC7B,GAAG,UAAU;qBACd,gCAAC;QAAI,MAAK;qBACR,gCAAC;QAAM,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QAAE,KAAK;sBACjH,gCAAC;QAAM,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;QAA+B,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QAAE,KAAK;;AAK3H","sources":["packages/@react-spectrum/color/src/ColorArea.tsx"],"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\nimport {classNames, dimensionValue, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {ColorAreaContext, useContextProps} from 'react-aria-components';\nimport {ColorThumb} from './ColorThumb';\nimport {FocusableRef} from '@react-types/shared';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {ReactElement, useRef} from 'react';\nimport {SpectrumColorAreaProps} from '@react-types/color';\nimport styles from '@adobe/spectrum-css-temp/components/colorarea/vars.css';\nimport {useColorArea} from '@react-aria/color';\nimport {useColorAreaState} from '@react-stately/color';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n/**\n * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.\n */\nexport const ColorArea = React.forwardRef(function ColorArea(props: SpectrumColorAreaProps, ref: FocusableRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let inputXRef = useRef(null);\n  let inputYRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputXRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorAreaContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\n\n  let state = useColorAreaState(props);\n\n  let {\n    colorAreaProps,\n    xInputProps,\n    yInputProps,\n    thumbProps\n  } = useColorArea({...props, inputXRef, inputYRef, containerRef}, state);\n  let {focusProps, isFocusVisible} = useFocusRing();\n\n  return (\n    <div\n      {...colorAreaProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-ColorArea',\n          {\n            'is-disabled': isDisabled\n          },\n          styleProps.className\n        )\n      }\n      ref={containerRef}\n      style={{\n        ...(isDisabled ? {} : colorAreaProps.style),\n        ...styleProps.style,\n        // Workaround around https://github.com/adobe/spectrum-css/issues/1032\n        width: size,\n        height: size\n      }}>\n      <ColorThumb\n        value={state.getDisplayColor()}\n        isFocused={isFocusVisible}\n        isDisabled={isDisabled}\n        isDragging={state.isDragging}\n        containerRef={containerRef}\n        className={classNames(styles, 'spectrum-ColorArea-handle')}\n        {...thumbProps}>\n        <div role=\"presentation\">\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(xInputProps, focusProps)} ref={inputXRef} />\n          <input className={classNames(styles, 'spectrum-ColorArea-slider')} {...mergeProps(yInputProps, focusProps)} ref={inputYRef} />\n        </div>\n      </ColorThumb>\n    </div>\n  );\n}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ColorArea.module.js.map"}