Update V9 ComponentCommons type to ComponentCommonsUnstable

apps/vr-tests/src/stories/Badge.stories.tsx

@@ -1,11 +1,11 @@
 import { storiesOf } from '@storybook/react';
 import * as React from 'react';
-import { Badge, BadgeCommons } from '@fluentui/react-badge';
+import { Badge, BadgeCommonsUnstable } from '@fluentui/react-badge';
 import { CircleRegular } from '@fluentui/react-icons';
 import { mergeClasses, makeStyles, shorthands } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
 
-const badgeColors: BadgeCommons['color'][] = [
+const badgeColors: BadgeCommonsUnstable['color'][] = [
   'brand',
   'danger',
   'important',
@@ -16,7 +16,12 @@ const badgeColors: BadgeCommons['color'][] = [
   'warning',
 ];
 
-const badgeAppearances: BadgeCommons['appearance'][] = ['filled', 'outline', 'tint', 'ghost'];
+const badgeAppearances: BadgeCommonsUnstable['appearance'][] = [
+  'filled',
+  'outline',
+  'tint',
+  'ghost',
+];
 
 const useStyles = makeStyles({
   container: {
@@ -40,12 +45,12 @@ const useStyles = makeStyles({
   },
 });
 
-const BadgeAppearanceTemplate: React.FC<{ appearance: BadgeCommons['appearance'] }> = ({
+const BadgeAppearanceTemplate: React.FC<{ appearance: BadgeCommonsUnstable['appearance'] }> = ({
   appearance,
 }) => {
   const styles = useStyles();
 
-  const badges = new Map<BadgeCommons['color'], JSX.Element[]>();
+  const badges = new Map<BadgeCommonsUnstable['color'], JSX.Element[]>();
   badges.set('brand', []);
   badges.set('danger', []);
   badges.set('severe', []);
@@ -109,7 +114,7 @@ const BadgeAppearanceTemplate: React.FC<{ appearance: BadgeCommons['appearance']
 
   return (
     <div>
-      {Array.from(badges.keys()).map((color: BadgeCommons['color'], i) => (
+      {Array.from(badges.keys()).map((color: BadgeCommonsUnstable['color'], i) => (
         <div key={i} className={styles.container}>
           <div
             className={mergeClasses(
@@ -148,7 +153,7 @@ storiesOf('Badge Converged - sizes', module).addStory(
         'medium',
         'large',
         'extra-large',
-      ] as BadgeCommons['size'][]).map(size => (
+      ] as BadgeCommonsUnstable['size'][]).map(size => (
         <Badge key={size} size={size} />
       ))}
     </div>

change/@fluentui-react-accordion-1a59af91-1bb6-4e97-b169-0015a2b93628.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-accordion",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-avatar-9088a763-26b3-4ad1-9e37-2a0fffd1b1b4.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-avatar",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-badge-94d0d2da-1a7f-492a-9fea-ea0ec5f3b182.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-badge",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-button-d22c5e25-201d-4540-8c8b-821504d7df42.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-button",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-checkbox-c6d4fb86-1d32-47bb-80eb-9d11c00aad98.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-checkbox",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-divider-40240833-3285-477a-b8bb-3e3a99bd4738.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-divider",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-image-97e87b47-9e02-424d-bba0-5db2c8a0b9ce.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-image",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-label-05b9cebc-7e4b-4afa-b5cb-7c948bb6aed7.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-label",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-link-03aac507-bd25-478e-99ad-95e63e218d22.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-link",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-menu-4c81f78a-ea5e-49f1-af2f-9691b678c645.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-menu",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-popover-85a5376a-5b6f-45be-8dac-1b4a6918b500.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-popover",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-portal-7456b5ce-e7e5-4fa6-b9a9-88b6ba28497c.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-portal",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-provider-c0799206-5e00-418c-9b7b-17f8e9372108.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-provider",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-slider-a2d53b51-7bc1-4a0b-849e-c28738317560.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-slider",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-switch-b4663504-89c2-4e00-9f6f-feabe29233e1.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-switch",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-text-52ed3ec1-b013-4242-ade7-0bc6c57de13b.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-text",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-tooltip-041195b3-16d3-4bd9-8c85-16039adb9cc2.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change commons type to be unstable",
+  "packageName": "@fluentui/react-tooltip",
+  "email": "mgodbolt@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-accordion/etc/react-accordion.api.md

@@ -19,7 +19,7 @@ export const Accordion: ForwardRefComponent<AccordionProps>;
 export const accordionClassName = "fui-Accordion";
 
 // @public (undocumented)
-export type AccordionCommons = {
+export type AccordionCommonsUnstable = {
     navigable: boolean;
     multiple: boolean;
     collapsible: boolean;
@@ -29,7 +29,7 @@ export type AccordionCommons = {
 export const AccordionContext: Context<AccordionContextValue>;
 
 // @public (undocumented)
-export type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
+export type AccordionContextValue = Omit<AccordionCommonsUnstable, 'multiple'> & {
     openItems: AccordionItemValue[];
     requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
 };
@@ -46,7 +46,7 @@ export const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
 export const accordionHeaderClassName = "fui-AccordionHeader";
 
 // @public (undocumented)
-export type AccordionHeaderCommons = {
+export type AccordionHeaderCommonsUnstable = {
     size: AccordionHeaderSize;
     expandIconPosition: AccordionHeaderExpandIconPosition;
     inline: boolean;
@@ -69,7 +69,7 @@ export type AccordionHeaderContextValues = {
 export type AccordionHeaderExpandIconPosition = 'start' | 'end';
 
 // @public (undocumented)
-export type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
+export type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommonsUnstable>;
 
 // @public (undocumented)
 export type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
@@ -83,7 +83,7 @@ export type AccordionHeaderSlots = {
 };
 
 // @public (undocumented)
-export type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
+export type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommonsUnstable & AccordionHeaderContextValue;
 
 // @public (undocumented)
 export type AccordionIndex = number | number[];
@@ -95,7 +95,7 @@ export const AccordionItem: ForwardRefComponent<AccordionItemProps>;
 export const accordionItemClassName = "fui-AccordionItem";
 
 // @public (undocumented)
-export type AccordionItemCommons = {
+export type AccordionItemCommonsUnstable = {
     disabled: boolean;
     value: AccordionItemValue;
 };
@@ -104,7 +104,7 @@ export type AccordionItemCommons = {
 export const AccordionItemContext: React_2.Context<AccordionItemContextValue>;
 
 // @public (undocumented)
-export type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
+export type AccordionItemContextValue = Omit<AccordionItemCommonsUnstable, 'value'> & {
     open: boolean;
     onHeaderClick(ev: React_2.MouseEvent | React_2.KeyboardEvent): void;
 };
@@ -115,15 +115,15 @@ export type AccordionItemContextValues = {
 };
 
 // @public (undocumented)
-export type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
+export type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommonsUnstable> & Pick<AccordionItemCommonsUnstable, 'value'>;
 
 // @public (undocumented)
 export type AccordionItemSlots = {
     root: Slot<'div'>;
 };
 
 // @public (undocumented)
-export type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
+export type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommonsUnstable & AccordionItemContextValue;
 
 // @public (undocumented)
 export type AccordionItemValue = unknown;
@@ -148,7 +148,7 @@ export type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
 };
 
 // @public (undocumented)
-export type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
+export type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommonsUnstable> & {
     openItems?: AccordionItemValue | AccordionItemValue[];
     defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
     onToggle?: AccordionToggleEventHandler;
@@ -160,7 +160,7 @@ export type AccordionSlots = {
 };
 
 // @public (undocumented)
-export type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
+export type AccordionState = ComponentState<AccordionSlots> & AccordionCommonsUnstable & AccordionContextValue;
 
 // @public (undocumented)
 export type AccordionToggleData = {

packages/react-accordion/src/components/Accordion/Accordion.types.ts

@@ -8,7 +8,7 @@ export type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.
 
 export type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
 
-export type AccordionCommons = {
+export type AccordionCommonsUnstable = {
   /**
    * Indicates if keyboard navigation is available
    */
@@ -23,7 +23,7 @@ export type AccordionCommons = {
   collapsible: boolean;
 };
 
-export type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
+export type AccordionContextValue = Omit<AccordionCommonsUnstable, 'multiple'> & {
   /**
    * The list of opened panels by index
    */
@@ -48,7 +48,7 @@ export type AccordionToggleData = {
 };
 
 export type AccordionProps = ComponentProps<AccordionSlots> &
-  Partial<AccordionCommons> & {
+  Partial<AccordionCommonsUnstable> & {
     /**
      * Controls the state of the panel
      */
@@ -60,4 +60,4 @@ export type AccordionProps = ComponentProps<AccordionSlots> &
     onToggle?: AccordionToggleEventHandler;
   };
 
-export type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
+export type AccordionState = ComponentState<AccordionSlots> & AccordionCommonsUnstable & AccordionContextValue;

packages/react-accordion/src/components/AccordionHeader/AccordionHeader.types.ts

@@ -34,7 +34,7 @@ export type AccordionHeaderSlots = {
   icon?: Slot<'div'>;
 };
 
-export type AccordionHeaderCommons = {
+export type AccordionHeaderCommonsUnstable = {
   /**
    * Size of spacing in the heading
    */
@@ -49,8 +49,9 @@ export type AccordionHeaderCommons = {
   inline: boolean;
 };
 
-export type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
+export type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> &
+  Partial<AccordionHeaderCommonsUnstable>;
 
 export type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &
-  AccordionHeaderCommons &
+  AccordionHeaderCommonsUnstable &
   AccordionHeaderContextValue;

packages/react-accordion/src/components/AccordionItem/AccordionItem.types.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
 
-export type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
+export type AccordionItemContextValue = Omit<AccordionItemCommonsUnstable, 'value'> & {
   open: boolean;
   onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
 };
@@ -14,7 +14,7 @@ export type AccordionItemSlots = {
   root: Slot<'div'>;
 };
 
-export type AccordionItemCommons = {
+export type AccordionItemCommonsUnstable = {
   /**
    * Disables opening/closing of panel
    */
@@ -26,9 +26,11 @@ export type AccordionItemCommons = {
 };
 
 export type AccordionItemProps = ComponentProps<AccordionItemSlots> &
-  Partial<AccordionItemCommons> &
-  Pick<AccordionItemCommons, 'value'>;
+  Partial<AccordionItemCommonsUnstable> &
+  Pick<AccordionItemCommonsUnstable, 'value'>;
 
 export type AccordionItemValue = unknown;
 
-export type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
+export type AccordionItemState = ComponentState<AccordionItemSlots> &
+  AccordionItemCommonsUnstable &
+  AccordionItemContextValue;