Prepare color picker components for GA (#7122)

* Add color components to monopackages

* Remove beta tag from docs

* Add color picker component cards to home pages

* Add color components to tailwind starter

* update yarn lock

* remove old css parser

* run docs-verdaccio

* Revert "run docs-verdaccio"

This reverts commit 5a15a3d.

* fix heading level

* fix safari doing weird things on mousedown of the cards

* improve ColorSwatchPicker dark mode

* fix centering

package.json

@@ -140,7 +140,6 @@
     "core-js": "^3.0.0",
     "cross-env": "^7.0.2",
     "cross-spawn": "^7.0.3",
-    "css-parse": "^2.0.0",
     "delta-e": "^0.0.8",
     "diff": "^5.1.0",
     "eslint": "^8.56.0",

packages/@adobe/react-spectrum/package.json

@@ -51,6 +51,7 @@
     "@react-spectrum/buttongroup": "^3.6.15",
     "@react-spectrum/calendar": "^3.4.11",
     "@react-spectrum/checkbox": "^3.9.8",
+    "@react-spectrum/color": "3.0.0-rc.1",
     "@react-spectrum/combobox": "^3.13.2",
     "@react-spectrum/contextualhelp": "^3.6.13",
     "@react-spectrum/datepicker": "^3.10.1",

packages/@adobe/react-spectrum/src/index.ts

@@ -23,6 +23,7 @@ export {Avatar} from '@react-spectrum/avatar';
 export {ButtonGroup} from '@react-spectrum/buttongroup';
 export {Calendar, RangeCalendar} from '@react-spectrum/calendar';
 export {Checkbox, CheckboxGroup} from '@react-spectrum/checkbox';
+export {ColorArea, ColorEditor, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, parseColor, getColorChannels} from '@react-spectrum/color';
 export {ComboBox} from '@react-spectrum/combobox';
 export {ContextualHelp} from '@react-spectrum/contextualhelp';
 export {AlertDialog, Dialog, DialogTrigger, DialogContainer, useDialogContainer} from '@react-spectrum/dialog';
@@ -78,6 +79,7 @@ export type {SpectrumActionButtonProps, SpectrumButtonProps, SpectrumLogicButton
 export type {SpectrumButtonGroupProps} from '@react-spectrum/buttongroup';
 export type {SpectrumCalendarProps, SpectrumRangeCalendarProps} from '@react-spectrum/calendar';
 export type {SpectrumCheckboxGroupProps, SpectrumCheckboxProps} from '@react-spectrum/checkbox';
+export type {Color, ColorFormat, ColorSpace, SpectrumColorAreaProps, SpectrumColorEditorProps, SpectrumColorFieldProps, SpectrumColorPickerProps, SpectrumColorSliderProps, SpectrumColorSwatchPickerProps, SpectrumColorSwatchProps, SpectrumColorWheelProps} from '@react-spectrum/color';
 export type {SpectrumComboBoxProps} from '@react-spectrum/combobox';
 export type {SpectrumContextualHelpProps} from '@react-spectrum/contextualhelp';
 export type {DialogContainerValue, SpectrumAlertDialogProps, SpectrumDialogContainerProps, SpectrumDialogProps, SpectrumDialogTriggerProps} from '@react-spectrum/dialog';

packages/@react-spectrum/color/package.json

@@ -49,7 +49,7 @@
     "@react-spectrum/textfield": "^3.12.3",
     "@react-spectrum/utils": "^3.11.9",
     "@react-spectrum/view": "^3.6.12",
-    "@react-stately/color": "^3.7.1",
+    "@react-stately/color": "^3.7.2",
     "@react-types/color": "3.0.0-rc.1",
     "@react-types/shared": "^3.24.1",
     "@react-types/textfield": "^3.9.5",