@react-spectrum/color 3.0.1 → 3.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/color",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,37 +36,37 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/color": "^3.0.1",
-    "@react-aria/focus": "^3.18.4",
-    "@react-aria/i18n": "^3.12.3",
-    "@react-aria/interactions": "^3.22.4",
-    "@react-aria/utils": "^3.25.3",
-    "@react-spectrum/dialog": "^3.8.15",
-    "@react-spectrum/form": "^3.7.9",
-    "@react-spectrum/label": "^3.16.9",
-    "@react-spectrum/overlays": "^5.6.5",
-    "@react-spectrum/picker": "^3.15.3",
-    "@react-spectrum/textfield": "^3.12.6",
-    "@react-spectrum/utils": "^3.11.11",
-    "@react-spectrum/view": "^3.6.13",
-    "@react-stately/color": "^3.8.0",
-    "@react-types/color": "^3.0.0",
-    "@react-types/shared": "^3.25.0",
-    "@react-types/textfield": "^3.9.7",
+    "@react-aria/color": "^3.0.3",
+    "@react-aria/focus": "^3.19.1",
+    "@react-aria/i18n": "^3.12.5",
+    "@react-aria/interactions": "^3.23.0",
+    "@react-aria/utils": "^3.27.0",
+    "@react-spectrum/dialog": "^3.8.17",
+    "@react-spectrum/form": "^3.7.11",
+    "@react-spectrum/label": "^3.16.11",
+    "@react-spectrum/overlays": "^5.7.1",
+    "@react-spectrum/picker": "^3.15.5",
+    "@react-spectrum/textfield": "^3.12.8",
+    "@react-spectrum/utils": "^3.12.1",
+    "@react-spectrum/view": "^3.6.15",
+    "@react-stately/color": "^3.8.2",
+    "@react-types/color": "^3.0.2",
+    "@react-types/shared": "^3.27.0",
+    "@react-types/textfield": "^3.11.0",
     "@swc/helpers": "^0.5.0",
-    "react-aria-components": "^1.4.1"
+    "react-aria-components": "^1.6.0"
   },
   "devDependencies": {
     "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
-    "@react-spectrum/style-macro-s1": "3.0.0-alpha.1"
+    "@react-spectrum/style-macro-s1": "3.0.0-alpha.2"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.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": "8e0a28d188cdbdbd2b32296fa034b1b02ddde229"
+  "gitHead": "09e7f44bebdc9d89122926b2b439a0a38a2814ea"
 }

package/src/ColorArea.tsx

@@ -23,7 +23,10 @@ import {useColorAreaState} from '@react-stately/color';
 import {useFocusRing} from '@react-aria/focus';
 import {useProviderProps} from '@react-spectrum/provider';
 
-function ColorArea(props: SpectrumColorAreaProps, ref: FocusableRef<HTMLDivElement>) {
+/**
+ * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
+ */
+export const ColorArea = React.forwardRef(function ColorArea(props: SpectrumColorAreaProps, ref: FocusableRef<HTMLDivElement>) {
   props = useProviderProps(props);
   let inputXRef = useRef(null);
   let inputYRef = useRef(null);
@@ -81,10 +84,4 @@ function ColorArea(props: SpectrumColorAreaProps, ref: FocusableRef<HTMLDivEleme
       </ColorThumb>
     </div>
   );
-}
-
-/**
- * ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
- */
-let _ColorArea = React.forwardRef(ColorArea) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;
-export {_ColorArea as ColorArea};
+}) as (props: SpectrumColorAreaProps & {ref?: FocusableRef<HTMLDivElement>}) => ReactElement;

package/src/ColorEditor.tsx

@@ -17,7 +17,10 @@ export interface SpectrumColorEditorProps {
   hideAlphaChannel?: boolean
 }
 
-function ColorEditor(props: SpectrumColorEditorProps, ref: DOMRef<HTMLDivElement>) {
+/**
+ * ColorEditor provides a default UI for editing colors within a ColorPicker.
+ */
+export const ColorEditor = React.forwardRef(function ColorEditor(props: SpectrumColorEditorProps, ref: DOMRef<HTMLDivElement>) {
   let [format, setFormat] = useState<ColorSpace | 'hex'>('hex');
   let domRef = useDOMRef(ref);
   let formatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/color');
@@ -54,10 +57,4 @@ function ColorEditor(props: SpectrumColorEditorProps, ref: DOMRef<HTMLDivElement
       </div>
     </div>
   );
-}
-
-/**
- * ColorEditor provides a default UI for editing colors within a ColorPicker.
- */
-let _ColorEditor = React.forwardRef(ColorEditor);
-export {_ColorEditor as ColorEditor};
+});

package/src/ColorField.tsx

@@ -23,7 +23,10 @@ import {useFormProps} from '@react-spectrum/form';
 import {useLocale} from '@react-aria/i18n';
 import {useProviderProps} from '@react-spectrum/provider';
 
-function ColorField(props: SpectrumColorFieldProps, ref: Ref<TextFieldRef>) {
+/**
+ * A color field allows users to edit a hex color or individual color channel value.
+ */
+export const ColorField = React.forwardRef(function ColorField(props: SpectrumColorFieldProps, ref: Ref<TextFieldRef>) {
   props = useProviderProps(props);
   props = useFormProps(props);
   [props] = useContextProps(props, null, ColorFieldContext);
@@ -36,13 +39,7 @@ function ColorField(props: SpectrumColorFieldProps, ref: Ref<TextFieldRef>) {
   } else {
     return <HexColorField {...props} forwardedRef={ref} />;
   }
-}
-
-/**
- * A color field allows users to edit a hex color or individual color channel value.
- */
-const _ColorField = React.forwardRef(ColorField);
-export {_ColorField as ColorField};
+});
 
 interface ColorChannelFieldProps extends Omit<SpectrumColorFieldProps, 'channel'> {
   channel: ColorChannel,

package/src/ColorPicker.tsx

@@ -37,7 +37,10 @@ export interface SpectrumColorPickerProps extends ValueBase<string | Color, Colo
   rounding?: 'default' | 'none' | 'full'
 }
 
-function ColorPicker(props: SpectrumColorPickerProps, ref: FocusableRef<HTMLButtonElement>) {
+/**
+ * A ColorPicker combines a swatch with a customizable popover for editing a color.
+ */
+export const ColorPicker = React.forwardRef(function ColorPicker(props: SpectrumColorPickerProps, ref: FocusableRef<HTMLButtonElement>) {
   let swatchRef = useRef(null);
   let domRef = useFocusableRef(ref);
   let labelId = useId();
@@ -114,10 +117,4 @@ function ColorPicker(props: SpectrumColorPickerProps, ref: FocusableRef<HTMLButt
       </DialogTrigger>
     </AriaColorPicker>
   );
-}
-
-/**
- * A ColorPicker combines a swatch with a customizable popover for editing a color.
- */
-let _ColorPicker = React.forwardRef(ColorPicker);
-export {_ColorPicker as ColorPicker};
+});

package/src/ColorSlider.tsx

@@ -24,7 +24,10 @@ import {useFocus, useFocusVisible} from '@react-aria/interactions';
 import {useLocale} from '@react-aria/i18n';
 import {useProviderProps} from '@react-spectrum/provider';
 
-function ColorSlider(props: SpectrumColorSliderProps, ref: FocusableRef<HTMLDivElement>) {
+/**
+ * ColorSliders allow users to adjust an individual channel of a color value.
+ */
+export const ColorSlider = React.forwardRef(function ColorSlider(props: SpectrumColorSliderProps, ref: FocusableRef<HTMLDivElement>) {
   props = useProviderProps(props);
   let inputRef = useRef(null);
   let trackRef = useRef(null);
@@ -135,10 +138,4 @@ function ColorSlider(props: SpectrumColorSliderProps, ref: FocusableRef<HTMLDivE
       </div>
     </div>
   );
-}
-
-/**
- * ColorSliders allow users to adjust an individual channel of a color value.
- */
-let _ColorSlider = React.forwardRef(ColorSlider);
-export {_ColorSlider as ColorSlider};
+});

package/src/ColorSwatch.tsx

@@ -37,7 +37,10 @@ interface SpectrumColorSwatchContextValue extends Pick<SpectrumColorSwatchProps,
 
 export const SpectrumColorSwatchContext = createContext<SpectrumColorSwatchContextValue | null>(null);
 
-function ColorSwatch(props: SpectrumColorSwatchProps, ref: DOMRef<HTMLDivElement>): JSX.Element {
+/**
+ * A ColorSwatch displays a preview of a selected color.
+ */
+export const ColorSwatch = forwardRef(function ColorSwatch(props: SpectrumColorSwatchProps, ref: DOMRef<HTMLDivElement>): JSX.Element {
   let domRef = useDOMRef(ref);
   [props, domRef] = useContextProps(props, domRef, ColorSwatchContext);
   let {colorSwatchProps, color} = useColorSwatch(props);
@@ -93,10 +96,4 @@ function ColorSwatch(props: SpectrumColorSwatchProps, ref: DOMRef<HTMLDivElement
   }
 
   return swatch;
-}
-
-/**
- * A ColorSwatch displays a preview of a selected color.
- */
-let _ColorSwatch = forwardRef(ColorSwatch);
-export {_ColorSwatch as ColorSwatch};
+});

package/src/ColorSwatchPicker.tsx

@@ -38,7 +38,10 @@ export interface SpectrumColorSwatchPickerProps extends ValueBase<string | Color
   rounding?: 'none' | 'default' | 'full'
 }
 
-function ColorSwatchPicker(props: SpectrumColorSwatchPickerProps, ref: DOMRef<HTMLDivElement>) {
+/**
+ * A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
+ */
+export const ColorSwatchPicker = forwardRef(function ColorSwatchPicker(props: SpectrumColorSwatchPickerProps, ref: DOMRef<HTMLDivElement>) {
   let {
     density = 'regular',
     size = 'M',
@@ -69,13 +72,7 @@ function ColorSwatchPicker(props: SpectrumColorSwatchPickerProps, ref: DOMRef<HT
       </SpectrumColorSwatchContext.Provider>
     </AriaColorSwatchPicker>
   );
-}
-
-/**
- * A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
- */
-let _ColorSwatchPicker = forwardRef(ColorSwatchPicker);
-export {_ColorSwatchPicker as ColorSwatchPicker};
+});
 
 function useWrapper(swatch: ReactElement, color: Color, rounding: SpectrumColorSwatchProps['rounding']) {
   return (

package/src/ColorWheel.tsx

@@ -25,7 +25,10 @@ import {useResizeObserver} from '@react-aria/utils';
 
 const WHEEL_THICKNESS = 24;
 
-function ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {
+/**
+ * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
+ */
+export const ColorWheel = React.forwardRef(function ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivElement>) {
   props = useProviderProps(props);
   let inputRef = useRef(null);
   let containerRef = useFocusableRef(ref, inputRef);
@@ -88,7 +91,6 @@ function ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivEle
       style={{
         ...styleProps.style,
         // Workaround around https://github.com/adobe/spectrum-css/issues/1032
-        // @ts-ignore
         'width': size,
         'height': size
       }}>
@@ -105,10 +107,4 @@ function ColorWheel(props: SpectrumColorWheelProps, ref: FocusableRef<HTMLDivEle
       </ColorThumb>
     </div>
   );
-}
-
-/**
- * ColorWheels allow users to adjust the hue of an HSL or HSB color value on a circular track.
- */
-let _ColorWheel = React.forwardRef(ColorWheel);
-export {_ColorWheel as ColorWheel};
+});

package/dist/ColorEditor.32e497e8.css

@@ -1,20 +0,0 @@
-@layer a {
-  ._Zb {
-    flex-direction: column;
-  }
-
-  ._Sd {
-    display: flex;
-  }
-
-  .le {
-    row-gap: 1rem;
-  }
-
-  .me {
-    column-gap: 1rem;
-  }
-}
-
-@layer b;
-/*# sourceMappingURL=ColorEditor.32e497e8.css.map */

package/dist/ColorEditor.32e497e8.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA;EASE;;;;EANA;;;;EAMA;;;;EAMA;;;;;AAfF","sources":["831a302ce8de66a2","packages/@react-spectrum/color/src/ColorEditor.tsx"],"sourcesContent":["@import \"61db59ad802e5cd4\";\n@import \"4bcaf5321f340d0a\";\n@import \"76e53872e9d29f42\";\n","@layer a, b;\n\n@layer a {\n  ._Sd {\n    display: flex;\n  }\n}\n\n@layer a {\n  ._Zb {\n    flex-direction: column;\n  }\n}\n\n@layer a {\n  .le {\n    row-gap: 1rem;\n  }\n}\n\n@layer a {\n  .me {\n    column-gap: 1rem;\n  }\n}\n\n"],"names":[],"version":3,"file":"ColorEditor.32e497e8.css.map"}

package/dist/ColorPicker.ab9f47c0.css

@@ -1,204 +0,0 @@
-@layer a {
-  .ba {
-    background-color: #0000;
-  }
-
-  .Af {
-    border-style: none;
-  }
-
-  .Ia {
-    padding-top: 0;
-  }
-
-  .Ja {
-    padding-bottom: 0;
-  }
-
-  .Ga {
-    padding-inline-start: 0;
-  }
-
-  .Ha {
-    padding-inline-end: 0;
-  }
-
-  ._Sd {
-    display: flex;
-  }
-
-  ._Uc {
-    align-items: center;
-  }
-
-  .lM {
-    row-gap: .714286em;
-  }
-
-  .mM {
-    column-gap: .714286em;
-  }
-
-  ._5a {
-    font-family: adobe-clean, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
-  }
-
-  .a___K {
-    color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));
-  }
-
-  ._6a {
-    font-size: var(--spectrum-global-dimension-font-size-50);
-  }
-
-  ._6b {
-    font-size: var(--spectrum-global-dimension-font-size-75);
-  }
-
-  ._6c {
-    font-size: var(--spectrum-global-dimension-font-size-100);
-  }
-
-  ._6d {
-    font-size: var(--spectrum-global-dimension-font-size-200);
-  }
-
-  ._Ea {
-    outline-style: none;
-  }
-
-  ._Eb {
-    outline-style: solid;
-  }
-
-  .d___I {
-    outline-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
-  }
-
-  ._Gc {
-    outline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
-  }
-
-  ._Fc {
-    outline-offset: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
-  }
-
-  ._pc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._pc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._pc:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._pc:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._qc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._qc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._qc:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._qc:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._rc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._rc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._rc:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._rc:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._sc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._sc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._sc:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-
-  ._sc:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  }
-}
-
-@layer b {
-  ._5-enzrfpb:lang(ar) {
-    font-family: myriad-arabic, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
-  }
-}
-
-@layer c {
-  ._5-enzwzjc:lang(he) {
-    font-family: myriad-hebrew, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
-  }
-}
-
-@layer d {
-  ._5-enzykdd:lang(ja) {
-    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
-  }
-}
-
-@layer e {
-  ._5-enzzrge:lang(ko) {
-    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-  }
-}
-
-@layer f {
-  ._5-eo0c6sf:lang(zh) {
-    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-  }
-}
-
-@layer g {
-  ._5-1uotwbwg:lang(zh-hant) {
-    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-  }
-}
-
-@layer h {
-  ._5-bc1l9oh:-webkit-any(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
-    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-  }
-
-  ._5-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
-    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-  }
-}
-
-@layer b.a {
-  @media (forced-colors: active) {
-    .da___D {
-      outline-color: highlight;
-    }
-  }
-}
-/*# sourceMappingURL=ColorPicker.ab9f47c0.css.map */

package/dist/ColorPicker.ab9f47c0.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA;EAGE;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EA8DA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAxJA;;;;EAMA;;;;EAMA;;;;EAcA;;;;EAMA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AA3DF;EA4EI;;;;;AA5EJ;EAoFI;;;;;AApFJ;EA4FI;;;;;AA5FJ;EAoGI;;;;;AApGJ;EA4GI;;;;;AA5GJ;EAoHI;;;;;AApHJ;EA4HI;;;;EAAA;;;;;AAxGJ;EACE;IACE","sources":["4265cbe66e3f0344","packages/@react-spectrum/color/src/ColorPicker.tsx"],"sourcesContent":["@import \"01eac0e6ccf8a0b9\";\n@import \"e3400cf9c7231dbc\";\n","@layer a, b, c, d, e, f, g, h;\n\n@layer a {\n  .ba {\n    background-color: transparent;\n  }\n}\n\n@layer a {\n  .Af {\n    border-style: none;\n  }\n}\n\n@layer a {\n  .Ia {\n    padding-top: 0px;\n  }\n}\n\n@layer a {\n  .Ja {\n    padding-bottom: 0px;\n  }\n}\n\n@layer a {\n  .Ga {\n    padding-inline-start: 0px;\n  }\n}\n\n@layer a {\n  .Ha {\n    padding-inline-end: 0px;\n  }\n}\n\n@layer a {\n  ._Sd {\n    display: flex;\n  }\n}\n\n@layer a {\n  ._Uc {\n    align-items: center;\n  }\n}\n\n@layer a {\n  .lM {\n    row-gap: 0.7142857142857143em;\n  }\n}\n\n@layer a {\n  .mM {\n    column-gap: 0.7142857142857143em;\n  }\n}\n\n@layer a {\n  ._Ea {\n    outline-style: none;\n  }\n}\n\n@layer a {\n  ._5a {\n    font-family: adobe-clean, ui-sans-serif, system-ui, sans-serif;\n  }\n}\n\n@layer b {\n  ._5-enzrfpb {\n    &:lang(ar) {\n      font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;\n    }\n  }\n}\n\n@layer c {\n  ._5-enzwzjc {\n    &:lang(he) {\n      font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;\n    }\n  }\n}\n\n@layer d {\n  ._5-enzykdd {\n    &:lang(ja) {\n      font-family: adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;\n    }\n  }\n}\n\n@layer e {\n  ._5-enzzrge {\n    &:lang(ko) {\n      font-family: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', sans-serif;\n    }\n  }\n}\n\n@layer f {\n  ._5-eo0c6sf {\n    &:lang(zh) {\n      font-family: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', sans-serif;\n    }\n  }\n}\n\n@layer g {\n  ._5-1uotwbwg {\n    &:lang(zh-hant) {\n      font-family: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif;\n    }\n  }\n}\n\n@layer h {\n  ._5-bc1l9oh {\n    &:lang(zh-Hans, zh-CN, zh-SG) {\n      font-family: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif;\n    }\n  }\n}\n\n@layer a {\n  .a___K {\n    color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));\n  }\n}\n\n@layer a {\n  ._6a {\n    font-size: var(--spectrum-global-dimension-font-size-50);\n  }\n}\n\n@layer a {\n  ._6b {\n    font-size: var(--spectrum-global-dimension-font-size-75);\n  }\n}\n\n@layer a {\n  ._6c {\n    font-size: var(--spectrum-global-dimension-font-size-100);\n  }\n}\n\n@layer a {\n  ._6d {\n    font-size: var(--spectrum-global-dimension-font-size-200);\n  }\n}\n\n"],"names":[],"version":3,"file":"ColorPicker.ab9f47c0.css.map"}