@react-spectrum/color 3.0.0-nightly.4564 → 3.0.0-nightly.4578

package/dist/ColorWheel.module.js

@@ -1,7 +1,8 @@
 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 {useFocusableRef as $bv4AR$useFocusableRef, dimensionValue as $bv4AR$dimensionValue, useStyleProps as $bv4AR$useStyleProps, classNames as $bv4AR$classNames} from "@react-spectrum/utils";
+import {useContextProps as $bv4AR$useContextProps, ColorWheelContext as $bv4AR$ColorWheelContext} from "react-aria-components";
 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";
@@ -32,14 +33,16 @@ function $parcel$interopDefault(a) {
 
 
 
+
 const $3aac1c27203f04b5$var$WHEEL_THICKNESS = 24;
 function $3aac1c27203f04b5$var$ColorWheel(props, ref) {
     props = (0, $bv4AR$useProviderProps)(props);
+    let inputRef = (0, $bv4AR$useRef)(null);
+    let containerRef = (0, $bv4AR$useFocusableRef)(ref, inputRef);
+    [props, containerRef] = (0, $bv4AR$useContextProps)(props, containerRef, (0, $bv4AR$ColorWheelContext));
     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)(()=>{
@@ -91,6 +94,7 @@ function $3aac1c27203f04b5$var$ColorWheel(props, ref) {
         isFocused: isFocusVisible,
         isDisabled: isDisabled,
         isDragging: state.isDragging,
+        containerRef: containerRef,
         className: (0, $bv4AR$classNames)((0, ($parcel$interopDefault($bv4AR$colorwheel_vars_cssmodulejs))), "spectrum-ColorWheel-handle"),
         ...thumbProps
     }, /*#__PURE__*/ (0, $bv4AR$react).createElement("input", {

package/dist/ColorWheel.module.js.map

@@ -1 +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"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAeD,MAAM,wCAAkB;AAExB,SAAS,iCAAW,KAA8B,EAAE,GAAiC;IACnF,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAE;IACtB,IAAI,eAAe,CAAA,GAAA,sBAAc,EAAE,KAAK;IACxC,CAAC,OAAO,aAAa,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,cAAc,CAAA,GAAA,wBAAgB;IAE7E,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,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,cAAc;QACd,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 {ColorWheelContext, useContextProps} from 'react-aria-components';\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  let inputRef = useRef(null);\n  let containerRef = useFocusableRef(ref, inputRef);\n  [props, containerRef] = useContextProps(props, containerRef, ColorWheelContext);\n\n  let {isDisabled} = props;\n  let size = props.size && dimensionValue(props.size);\n  let {styleProps} = useStyleProps(props);\n\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        containerRef={containerRef}\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

@@ -7,7 +7,6 @@ $parcel$export(module.exports, "focus-ring", () => $d4b4e0a63f9ca8c1$export$f39a
 $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);
@@ -15,7 +14,6 @@ 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;
@@ -23,7 +21,6 @@ $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`;

package/dist/colorarea_vars_css.main.js.map

@@ -1 +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"}
+{"mappings":";;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AANA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,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

@@ -8,7 +8,6 @@ $parcel$export($7d12200010f0192e$exports, "focus-ring", () => $7d12200010f0192e$
 $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);
@@ -16,7 +15,6 @@ 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;
@@ -24,7 +22,6 @@ $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`;

package/dist/colorarea_vars_css.module.js

@@ -8,7 +8,6 @@ $parcel$export($7d12200010f0192e$exports, "focus-ring", () => $7d12200010f0192e$
 $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);
@@ -16,7 +15,6 @@ 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;
@@ -24,7 +22,6 @@ $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`;

package/dist/colorarea_vars_css.module.js.map

@@ -1 +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"}
+{"mappings":";;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AANA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,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/en-US.main.js

@@ -0,0 +1,10 @@
+module.exports = {
+    "colorFormat": `Color format`,
+    "hex": `Hex`,
+    "rgb": `RGB`,
+    "hsl": `HSL`,
+    "hsb": `HSB`
+};
+
+
+//# sourceMappingURL=en-US.main.js.map

package/dist/en-US.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,eAAe,CAAC,YAAY,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;AACd","sources":["packages/@react-spectrum/color/intl/en-US.json"],"sourcesContent":["{\n  \"colorFormat\": \"Color format\",\n  \"hex\": \"Hex\",\n  \"rgb\": \"RGB\",\n  \"hsl\": \"HSL\",\n  \"hsb\": \"HSB\"\n}\n"],"names":[],"version":3,"file":"en-US.main.js.map"}

package/dist/en-US.mjs

@@ -0,0 +1,12 @@
+var $18286902f239e43e$exports = {};
+$18286902f239e43e$exports = {
+    "colorFormat": `Color format`,
+    "hex": `Hex`,
+    "rgb": `RGB`,
+    "hsl": `HSL`,
+    "hsb": `HSB`
+};
+
+
+export {$18286902f239e43e$exports as default};
+//# sourceMappingURL=en-US.mjs.map

package/dist/en-US.module.js

@@ -0,0 +1,12 @@
+var $18286902f239e43e$exports = {};
+$18286902f239e43e$exports = {
+    "colorFormat": `Color format`,
+    "hex": `Hex`,
+    "rgb": `RGB`,
+    "hsl": `HSL`,
+    "hsb": `HSB`
+};
+
+
+export {$18286902f239e43e$exports as default};
+//# sourceMappingURL=en-US.module.js.map

package/dist/en-US.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,YAAY,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;IACZ,OAAO,CAAC,GAAG,CAAC;AACd","sources":["packages/@react-spectrum/color/intl/en-US.json"],"sourcesContent":["{\n  \"colorFormat\": \"Color format\",\n  \"hex\": \"Hex\",\n  \"rgb\": \"RGB\",\n  \"hsl\": \"HSL\",\n  \"hsb\": \"HSB\"\n}\n"],"names":[],"version":3,"file":"en-US.module.js.map"}

package/dist/import.mjs

@@ -2,6 +2,11 @@ import {ColorArea as $40046aa1a7ccb226$export$b2103f68a961418e} from "./ColorAre
 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";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -20,5 +25,10 @@ import {ColorField as $0077d47e004328f0$export$b865d4358897bb17} from "./ColorFi
 
 
 
-export {$40046aa1a7ccb226$export$b2103f68a961418e as ColorArea, $3aac1c27203f04b5$export$f80663f808113381 as ColorWheel, $3870e4ce67ed7ee1$export$44fd664bcca5b6fb as ColorSlider, $0077d47e004328f0$export$b865d4358897bb17 as ColorField};
+
+
+
+
+
+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};
 //# sourceMappingURL=module.js.map

package/dist/intlStrings.main.js

@@ -0,0 +1,9 @@
+var $f8dd0c5b3aac7877$exports = require("./en-US.main.js");
+
+
+module.exports = {
+    "en-US": $f8dd0c5b3aac7877$exports
+};
+
+
+//# sourceMappingURL=intlStrings.main.js.map

package/dist/intlStrings.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AACA,iBAAiB;IACf,SAAS;AACX","sources":["packages/@react-spectrum/color/src/*.js"],"sourcesContent":["const _temp0 = require(\"../intl/en-US.json\");\nmodule.exports = {\n  \"en-US\": _temp0\n}"],"names":[],"version":3,"file":"intlStrings.main.js.map"}

package/dist/intlStrings.mjs

@@ -0,0 +1,11 @@
+import $9jGeN$enUSmodulejs from "./en-US.mjs";
+
+var $2801e6aca0fbff37$exports = {};
+
+$2801e6aca0fbff37$exports = {
+    "en-US": $9jGeN$enUSmodulejs
+};
+
+
+export {$2801e6aca0fbff37$exports as default};
+//# sourceMappingURL=intlStrings.mjs.map

package/dist/intlStrings.module.js

@@ -0,0 +1,11 @@
+import $9jGeN$enUSmodulejs from "./en-US.module.js";
+
+var $2801e6aca0fbff37$exports = {};
+
+$2801e6aca0fbff37$exports = {
+    "en-US": $9jGeN$enUSmodulejs
+};
+
+
+export {$2801e6aca0fbff37$exports as default};
+//# sourceMappingURL=intlStrings.module.js.map

package/dist/intlStrings.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;AACA,4BAAiB;IACf,SAAS;AACX","sources":["packages/@react-spectrum/color/src/*.js"],"sourcesContent":["const _temp0 = require(\"../intl/en-US.json\");\nmodule.exports = {\n  \"en-US\": _temp0\n}"],"names":[],"version":3,"file":"intlStrings.module.js.map"}

package/dist/main.js

@@ -2,6 +2,11 @@ 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");
 
 
 function $parcel$export(e, n, v, s) {
@@ -12,6 +17,12 @@ $parcel$export(module.exports, "ColorArea", () => $5f016e950c2dc3a6$exports.Colo
 $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);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -29,4 +40,9 @@ $parcel$export(module.exports, "ColorField", () => $8bdb9bc27ff3debb$exports.Col
 
 
 
+
+
+
+
+
 //# 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 type {SpectrumColorAreaProps, SpectrumColorFieldProps, SpectrumColorSliderProps, SpectrumColorWheelProps} 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 './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"}

package/dist/module.js

@@ -2,6 +2,11 @@ import {ColorArea as $40046aa1a7ccb226$export$b2103f68a961418e} from "./ColorAre
 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";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -20,5 +25,10 @@ import {ColorField as $0077d47e004328f0$export$b865d4358897bb17} from "./ColorFi
 
 
 
-export {$40046aa1a7ccb226$export$b2103f68a961418e as ColorArea, $3aac1c27203f04b5$export$f80663f808113381 as ColorWheel, $3870e4ce67ed7ee1$export$44fd664bcca5b6fb as ColorSlider, $0077d47e004328f0$export$b865d4358897bb17 as ColorField};
+
+
+
+
+
+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};
 //# 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 type {SpectrumColorAreaProps, SpectrumColorFieldProps, SpectrumColorSliderProps, SpectrumColorWheelProps} 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 './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"}

package/dist/types.d.ts

@@ -1,7 +1,9 @@
-import { FocusableRef, FocusableRefValue } from "@react-types/shared";
-import React, { ReactElement } from "react";
-import { SpectrumColorAreaProps, SpectrumColorWheelProps, SpectrumColorSliderProps, SpectrumColorFieldProps } from "@react-types/color";
+import { FocusableRef, FocusableRefValue, StyleProps, DOMRefValue, AriaLabelingProps, ValueBase } from "@react-types/shared";
+import React, { ReactElement, ReactNode } from "react";
+import { SpectrumColorAreaProps, SpectrumColorWheelProps, SpectrumColorSliderProps, SpectrumColorFieldProps, Color as _Color1 } from "@react-types/color";
 import { TextFieldRef } from "@react-types/textfield";
+import { AriaColorSwatchProps } from "@react-aria/color";
+import { Color } from "react-aria-components";
 /**
  * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
  */
@@ -17,9 +19,78 @@ export let ColorWheel: React.ForwardRefExoticComponent<SpectrumColorWheelProps &
  */
 export let ColorSlider: React.ForwardRefExoticComponent<SpectrumColorSliderProps & React.RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 /**
- * ColorFields allow users to enter a color in #rrggbb hexadecimal format.
+ * A color field allows users to edit a hex color or individual color channel value.
  */
 export const ColorField: React.ForwardRefExoticComponent<SpectrumColorFieldProps & React.RefAttributes<TextFieldRef>>;
+export interface SpectrumColorSwatchProps extends AriaColorSwatchProps, StyleProps {
+    /**
+     * The size of the ColorSwatch.
+     * @default "M"
+     */
+    size?: 'XS' | 'S' | 'M' | 'L';
+    /**
+     * The corner rounding of the ColorSwatch.
+     * @default "default"
+     */
+    rounding?: 'default' | 'none' | 'full';
+}
+/**
+ * A ColorSwatch displays a preview of a selected color.
+ */
+export let ColorSwatch: React.ForwardRefExoticComponent<SpectrumColorSwatchProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export interface SpectrumColorPickerProps extends ValueBase<string | Color, Color>, AriaLabelingProps {
+    /** A visual label for the color picker. */
+    label?: ReactNode;
+    /** The contents of the color picker popover, e.g. `<ColorEditor />`. */
+    children?: ReactNode;
+    /**
+     * The size of the color swatch.
+     * @default "M"
+     */
+    size?: 'XS' | 'S' | 'M' | 'L';
+    /**
+     * The corner rounding of the color swatch.
+     * @default "default"
+     */
+    rounding?: 'default' | 'none' | 'full';
+}
+/**
+ * A ColorPicker combines a swatch with a customizable popover for editing a color.
+ */
+export let ColorPicker: React.ForwardRefExoticComponent<SpectrumColorPickerProps & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export interface SpectrumColorEditorProps {
+    /** Whether to hide the alpha channel color slider and color field. */
+    hideAlphaChannel?: boolean;
+}
+/**
+ * ColorEditor provides a default UI for editing colors within a ColorPicker.
+ */
+export let ColorEditor: React.ForwardRefExoticComponent<SpectrumColorEditorProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export interface SpectrumColorSwatchPickerProps extends ValueBase<string | _Color1 | null, _Color1>, StyleProps {
+    /** The ColorSwatches within the ColorSwatchPicker. */
+    children: ReactNode;
+    /**
+     * The amount of padding between the swatches.
+     * @default "regular"
+     */
+    density?: 'compact' | 'regular' | 'spacious';
+    /**
+     * The size of the color swatches.
+     * @default "M"
+     */
+    size?: 'XS' | 'S' | 'M' | 'L';
+    /**
+     * The corner rounding of the color swatches.
+     * @default "none"
+     */
+    rounding?: 'none' | 'default' | 'full';
+}
+/**
+ * A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
+ */
+export let ColorSwatchPicker: React.ForwardRefExoticComponent<SpectrumColorSwatchPickerProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export { parseColor, getColorChannels } from '@react-stately/color';
 export type { SpectrumColorAreaProps, SpectrumColorFieldProps, SpectrumColorSliderProps, SpectrumColorWheelProps } from '@react-types/color';
+export type { Color, ColorSpace, ColorFormat } from '@react-types/color';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;;ACoFA;;GAEG;AACH,OAAA,IAAI,mBAAoD,sBAAsB,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,cAAc,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACmBvI;;GAEG;AACH,OAAA,IAAI,6IAA0C,CAAC;AC4B/C;;GAEG;AACH,OAAA,IAAI,+IAA4C,CAAC;ACzFjD;;GAEG;AACH,OAAA,MAAM,wGAA0C,CAAC;ACrCjD,YAAY,EAAC,sBAAsB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,EAAC,MAAM,oBAAoB,CAAC","sources":["packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorThumb.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorArea.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorWheel.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorSlider.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorField.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/index.ts","packages/@react-spectrum/color/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,"/*\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 type {SpectrumColorAreaProps, SpectrumColorFieldProps, SpectrumColorSliderProps, SpectrumColorWheelProps} from '@react-types/color';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;;;;ACqFA;;GAEG;AACH,OAAA,IAAI,mBAAoD,sBAAsB,GAAG;IAAC,GAAG,CAAC,EAAE,aAAa,cAAc,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACqBvI;;GAEG;AACH,OAAA,IAAI,6IAA0C,CAAC;AC2B/C;;GAEG;AACH,OAAA,IAAI,+IAA4C,CAAC;ACtGjD;;GAEG;AACH,OAAA,MAAM,wGAA0C,CAAC;ACvBjD,yCAA0C,SAAQ,oBAAoB,EAAE,UAAU;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;CACvC;AAkED;;GAEG;AACH,OAAA,IAAI,yHAAsC,CAAC;AC9E3C,yCAA0C,SAAQ,UAAU,MAAM,GAAG,KAAK,EAAE,KAAK,CAAC,EAAE,iBAAiB;IACnG,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;CACvC;AAgFD;;GAEG;AACH,OAAA,IAAI,qJAA4C,CAAC;AC1GjD;IACE,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAyCD;;GAEG;AACH,OAAA,IAAI,yHAA4C,CAAC;ACzCjD,+CAAgD,SAAQ,UAAU,MAAM,GAAG,OAAK,GAAG,IAAI,EAAE,OAAK,CAAC,EAAE,UAAU;IACzG,sDAAsD;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;CACvC;AAmCD;;GAEG;AACH,OAAA,IAAI,qIAAkD,CAAC;ACvDvD,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAC,sBAAsB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,EAAC,MAAM,oBAAoB,CAAC;AAK3I,YAAY,EAAC,KAAK,EAAE,UAAU,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC","sources":["packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorThumb.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorArea.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorWheel.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorSlider.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorField.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorSwatch.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorPicker.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorEditor.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/ColorSwatchPicker.tsx","packages/@react-spectrum/color/src/packages/@react-spectrum/color/src/index.ts","packages/@react-spectrum/color/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,"/*\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":"types.d.ts.map"}

package/dist/{vars.08ba4b4c.css → vars.53b417c1.css}

@@ -46,8 +46,7 @@
 .hoc2UW_spectrum-ColorHandle {
   border-color: var(--spectrum-colorhandle-inner-border-color, var(--spectrum-global-color-static-white));
   box-shadow: 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) #0000006b;
-  background-color: var(--spectrum-global-color-static-white, #fff);
-  background-image: linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%), linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%);
+  background: repeating-conic-gradient(#e6e6e6 0% 25%, #fff 0% 50%) 50% / 16px 16px;
 }
 
 .hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled {
@@ -73,4 +72,4 @@
     --spectrum-colorhandle-outer-border-color: ButtonFace;
   }
 }
-/*# sourceMappingURL=vars.08ba4b4c.css.map */
+/*# sourceMappingURL=vars.53b417c1.css.map */

package/dist/vars.53b417c1.css.map

@@ -0,0 +1 @@
+{"mappings":"AAYA;;;;;;;;;;;;;;;;;AA8BE;;;;;;;;;;;AAeA;;;;AAKF;;;;;;;AAcA;;;;;;AAMA;;;;;;AAKE;;;;;;AAKE;;;;AAMJ;;;;AAIA;EACE","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":"vars.53b417c1.css.map"}

package/dist/{vars.6f3d3943.css → vars.6fa9fa04.css}

@@ -18,8 +18,6 @@
 .lm1DSq_spectrum-ColorArea.lm1DSq_is-focused .lm1DSq_spectrum-ColorArea-handle {
   width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
   height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
-  margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
-  margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
 }
 
 .lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring {
@@ -29,8 +27,6 @@
 .lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring .lm1DSq_spectrum-ColorArea-handle {
   width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
   height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
-  margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
-  margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
 }
 
 .lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled {
@@ -45,21 +41,16 @@
   inset: 0;
 }
 
-.lm1DSq_spectrum-ColorArea-handle {
+.lm1DSq_spectrum-ColorArea-handle.lm1DSq_spectrum-ColorArea-handle {
+  margin: 0;
   top: 0;
   left: 0;
 }
 
-.lm1DSq_spectrum-ColorArea-handle:focus-within {
+.lm1DSq_spectrum-ColorArea-handle.lm1DSq_spectrum-ColorArea-handle:focus-within {
   z-index: 2;
 }
 
-.lm1DSq_spectrum-ColorArea-gradient {
-  border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
-  width: 100%;
-  height: 100%;
-}
-
 .lm1DSq_spectrum-ColorArea-slider {
   opacity: .0001;
   z-index: 0;
@@ -76,7 +67,7 @@
   box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color);
 }
 
-.lm1DSq_spectrum-ColorArea-gradient, .lm1DSq_spectrum-ColorHandle-color {
+.lm1DSq_spectrum-ColorHandle-color {
   forced-color-adjust: none;
 }
 
@@ -88,13 +79,10 @@
   box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color-disabled, var(--spectrum-global-color-gray-300));
 }
 
-.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled .lm1DSq_spectrum-ColorArea-gradient {
-  display: none;
-}
-
 @media (forced-colors: active) {
   .lm1DSq_spectrum-ColorArea {
     --spectrum-colorarea-fill-color-disabled: GrayText;
+    --spectrum-colorarea-border-color: ButtonBorder;
     forced-color-adjust: none;
   }
 
@@ -102,4 +90,4 @@
     forced-color-adjust: none;
   }
 }
-/*# sourceMappingURL=vars.6f3d3943.css.map */
+/*# sourceMappingURL=vars.6fa9fa04.css.map */

package/dist/vars.6fa9fa04.css.map

@@ -0,0 +1 @@
+{"mappings":"AAYA;;;;;;;;;;;;;AAcE;;;;AAIE;;;;;AAJF;;;;AAIE;;;;;AAOF;;;;AAKA;;;;;;;;AAYF;;;;;;AAKE;;;;AAKF;;;;;;;;;;;;AAaI;;;;AAKJ;;;;AAKI;;;;AAGE;;;;AAMN;EACI;;;;;;EAME","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":"vars.6fa9fa04.css.map"}

package/dist/{vars.571f903e.css → vars.aa07b6d2.css}

@@ -100,7 +100,7 @@
 }
 
 .WJOmgG_spectrum-ColorSlider:before {
-  background-image: linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%), linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%);
+  background: repeating-conic-gradient(#e6e6e6 0% 25%, #fff 0% 50%) 0% / 16px 16px;
 }
 
 .WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled {
@@ -117,4 +117,4 @@
     --spectrum-colorarea-border-color: ButtonText;
   }
 }
-/*# sourceMappingURL=vars.571f903e.css.map */
+/*# sourceMappingURL=vars.aa07b6d2.css.map */

package/dist/{vars.571f903e.css.map → vars.aa07b6d2.css.map}

@@ -1 +1 @@
-{"mappings":"AAYA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;;AAaE;;;;AAKA;;;;;;;;;;AAiBA;;;;AAIA;;;;AAKF;;;;;;AAME;;;;;AAMF;;;;;AAIE;;;;;;AAeF;;;;;;;AAOA;;;;;;AAMA;;;;;AAKA;;;;;AAIE;;;;AASA;;;;;AAMF;EACE","sources":["packages/@adobe/spectrum-css-temp/components/colorslider/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":"vars.571f903e.css.map"}
+{"mappings":"AAYA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;;AAaE;;;;AAKA;;;;;;;;;;AAiBA;;;;AAIA;;;;AAKF;;;;;;AAME;;;;;AAMF;;;;;AAIE;;;;;;AAeF;;;;;;;AAOA;;;;;;AAMA;;;;;AAKA;;;;;AAIE;;;;AAIA;;;;;AAMF;EACE","sources":["packages/@adobe/spectrum-css-temp/components/colorslider/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":"vars.aa07b6d2.css.map"}