feat(react-color-picker): release ColorPicker as 9.0.0 stable

Author: ValentinaKozlova

.github/CODEOWNERS

@@ -323,8 +323,8 @@ packages/react-components/react-motion-components-preview/library @microsoft/flu
 packages/react-components/react-motion-components-preview/stories @microsoft/fluent-motion-framework
 packages/react-components/react-utilities-compat/library @microsoft/cxe-prg
 packages/react-components/react-utilities-compat/stories @microsoft/cxe-prg
-packages/react-components/react-color-picker-preview/library @microsoft/cxe-prg
-packages/react-components/react-color-picker-preview/stories @microsoft/cxe-prg
+packages/react-components/react-color-picker/library @microsoft/cxe-prg
+packages/react-components/react-color-picker/stories @microsoft/cxe-prg
 # <%= NX-CODEOWNER-PLACEHOLDER %>
 
 ## Components

apps/perf-test-react-components/package.json

@@ -21,7 +21,6 @@
     "@fluentui/scripts-perf-test-flamegrill": "*",
     "@fluentui/react-avatar": "*",
     "@fluentui/react-button": "*",
-    "@fluentui/react-color-picker-preview": "*",
     "@fluentui/react-components": "*",
     "@fluentui/react-field": "*",
     "@fluentui/react-persona": "*",

apps/perf-test-react-components/src/scenarios/ColorPicker.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ColorPicker, ColorArea, ColorSlider, AlphaSlider } from '@fluentui/react-color-picker-preview';
+import { ColorPicker, ColorArea, ColorSlider, AlphaSlider } from '@fluentui/react-components';
 import { FluentProvider } from '@fluentui/react-provider';
 import { webLightTheme } from '@fluentui/react-theme';
 

apps/public-docsite-v9/package.json

@@ -44,7 +44,6 @@
     "react-hook-form": "^5.7.2",
     "@fluentui/react-nav-preview": "*",
     "@fluentui/react-motion-components-preview": "*",
-    "@fluentui/react-icons-compat": "*",
-    "@fluentui/react-color-picker-preview": "*"
+    "@fluentui/react-icons-compat": "*"
   }
 }

apps/vr-tests-react-components/package.json

@@ -27,7 +27,6 @@
     "@fluentui/react-card": "*",
     "@fluentui/react-charts-preview": "*",
     "@fluentui/react-checkbox": "*",
-    "@fluentui/react-color-picker-preview": "*",
     "@fluentui/react-combobox": "*",
     "@fluentui/react-context-selector": "*",
     "@fluentui/react-datepicker-compat": "*",
@@ -81,6 +80,7 @@
     "@fluentui/react-teaching-popover": "*",
     "@fluentui/react-tag-picker": "*",
     "@fluentui/react-carousel": "*",
-    "@fluentui/react-list": "*"
+    "@fluentui/react-list": "*",
+    "@fluentui/react-color-picker": ">=9.0.0-alpha"
   }
 }

apps/vr-tests-react-components/src/stories/ColorPicker/ColorPicker.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Meta } from '@storybook/react';
-import { ColorPicker, ColorSlider, AlphaSlider } from '@fluentui/react-color-picker-preview';
+import { ColorPicker, ColorSlider, AlphaSlider } from '@fluentui/react-color-picker';
 import { SampleColorPicker } from './utils';
 import { Steps } from 'storywright';
 

apps/vr-tests-react-components/src/stories/ColorPicker/utils.tsx

@@ -1,11 +1,5 @@
 import * as React from 'react';
-import {
-  ColorPicker,
-  ColorArea,
-  AlphaSlider,
-  ColorSlider,
-  type ColorPickerProps,
-} from '@fluentui/react-color-picker-preview';
+import { ColorPicker, ColorArea, AlphaSlider, ColorSlider, type ColorPickerProps } from '@fluentui/react-color-picker';
 import { makeStyles } from '@griffel/react';
 
 const useStyles = makeStyles({

change/@fluentui-react-color-picker-853a1ddd-2e11-4c46-935d-92f0db794571.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "'feat:",
+  "packageName": "@fluentui/react-color-picker",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-components-cd3e49df-c537-4ae0-8aee-13f486684a83.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "'feat:",
+  "packageName": "@fluentui/react-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-color-picker-preview/stories/README.md

@@ -1,4 +1,4 @@
-@fluentui/react-color-picker-preview
+@fluentui/react-color-picker
 
 Copyright (c) Microsoft Corporation
 

packages/react-components/react-color-picker-preview/library/.babelrc.json packages/react-components/react-color-picker/library/.babelrc.json

@@ -1,4 +1,4 @@
-import { ColorArea } from '@fluentui/react-color-picker-preview';
+import { ColorArea } from '@fluentui/react-color-picker';
 
 console.log(ColorArea);
 

packages/react-components/react-color-picker-preview/library/.eslintrc.json packages/react-components/react-color-picker/library/.eslintrc.json

@@ -1,4 +1,4 @@
-import { ColorPicker } from '@fluentui/react-color-picker-preview';
+import { ColorPicker } from '@fluentui/react-color-picker';
 
 console.log(ColorPicker);
 

packages/react-components/react-color-picker-preview/library/.swcrc packages/react-components/react-color-picker/library/.swcrc

@@ -1,4 +1,4 @@
-import { ColorSlider } from '@fluentui/react-color-picker-preview';
+import { ColorSlider } from '@fluentui/react-color-picker';
 
 console.log(ColorSlider);
 

packages/react-components/react-color-picker-preview/library/CHANGELOG.json packages/react-components/react-color-picker/library/CHANGELOG.json

@@ -23,7 +23,7 @@ if (swcJestConfig.swcrc === undefined) {
  * @type {import('@jest/types').Config.InitialOptions}
  */
 module.exports = {
-  displayName: 'react-color-picker-preview',
+  displayName: 'react-color-picker',
   preset: '../../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': ['@swc/jest', swcJestConfig],

packages/react-components/react-color-picker-preview/library/CHANGELOG.md packages/react-components/react-color-picker/library/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
-  "name": "@fluentui/react-color-picker-preview",
-  "version": "0.3.1",
+  "name": "@fluentui/react-color-picker",
+  "version": "9.0.0-alpha.0",
   "description": "ColorPicker component for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",

packages/react-components/react-color-picker-preview/library/LICENSE packages/react-components/react-color-picker/library/LICENSE

@@ -1,8 +1,8 @@
 {
-  "name": "react-color-picker-preview",
+  "name": "react-color-picker",
   "$schema": "../../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "library",
-  "sourceRoot": "packages/react-components/react-color-picker-preview/library/src",
+  "sourceRoot": "packages/react-components/react-color-picker/library/src",
   "tags": ["platform:web", "vNext"],
   "implicitDependencies": []
 }