feat: release react-breadcrumb to preview

apps/public-docsite-v9/.storybook/main.js

@@ -15,6 +15,7 @@ module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript
     '../../../packages/react-components/react-migration-v0-v9/stories/**/@(index.stories.@(ts|tsx)|*.stories.mdx)',
     '../../../packages/react-components/react-migration-v8-v9/stories/**/@(index.stories.@(ts|tsx)|*.stories.mdx)',
     '../../../packages/react-components/react-datepicker-compat/stories/**/@(index.stories.@(ts|tsx)|*.stories.mdx)',
+    '../../../packages/react-components/react-breadcrumb-preview/stories/**/@(index.stories.@(ts|tsx)|*.stories.mdx)',
   ],
   staticDirs: ['../public'],
   addons: [...rootMain.addons],

change/@fluentui-react-breadcrumb-preview-dcf7332b-26ee-48a7-a554-7ade059bb2a2.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: release react-breadcrumb to unstable",
+  "packageName": "@fluentui/react-breadcrumb-preview",
+  "email": "vkozlova@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-breadcrumb-preview/etc/react-breadcrumb.api.md

@@ -0,0 +1,196 @@
+## API Report File for "@fluentui/react-breadcrumb"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ButtonProps } from '@fluentui/react-button';
+import { ButtonSlots } from '@fluentui/react-button';
+import { ButtonState } from '@fluentui/react-button';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { Link } from '@fluentui/react-link';
+import { LinkProps } from '@fluentui/react-link';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+// @public
+export const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;
+
+// @public
+export const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;
+
+// @public
+export const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots>;
+
+// @public
+export type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> & Pick<BreadcrumbProps, 'appearance' | 'iconPosition' | 'size'> & Pick<ButtonProps, 'disabled'> & {
+    current?: boolean;
+};
+
+// @public (undocumented)
+export type BreadcrumbButtonSlots = ButtonSlots;
+
+// @public
+export type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'> & Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;
+
+// @public (undocumented)
+export const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots>;
+
+// @public
+export const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;
+
+// @public (undocumented)
+export const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots>;
+
+// @public
+export type BreadcrumbDividerProps = ComponentProps<BreadcrumbDividerSlots> & {};
+
+// @public (undocumented)
+export type BreadcrumbDividerSlots = {
+    root: Slot<'li'>;
+};
+
+// @public
+export type BreadcrumbDividerState = ComponentState<BreadcrumbDividerSlots>;
+
+// @public
+export const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;
+
+// @public (undocumented)
+export const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots>;
+
+// @public
+export type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'> & {
+    current?: boolean;
+};
+
+// @public (undocumented)
+export type BreadcrumbItemSlots = {
+    root: Slot<'li'>;
+};
+
+// @public
+export type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size' | 'current'>>;
+
+// @public
+export const BreadcrumbLink: ForwardRefComponent<BreadcrumbLinkProps>;
+
+// @public (undocumented)
+export const breadcrumbLinkClassNames: SlotClassNames<BreadcrumbLinkSlots>;
+
+// @public
+export type BreadcrumbLinkProps = ComponentProps<BreadcrumbLinkSlots> & Pick<LinkProps, 'appearance' | 'disabled'> & {
+    current?: boolean;
+    iconPosition?: 'before' | 'after';
+    overflow?: boolean;
+    size?: 'small' | 'medium' | 'large';
+};
+
+// @public (undocumented)
+export type BreadcrumbLinkSlots = {
+    root: Slot<typeof Link>;
+    icon?: Slot<'span'>;
+};
+
+// @public
+export type BreadcrumbLinkState = ComponentState<BreadcrumbLinkSlots> & Partial<Omit<BreadcrumbLinkProps, 'size'>> & Required<Pick<BreadcrumbLinkProps, 'size'>> & {
+    iconOnly: boolean;
+};
+
+// @public
+export type BreadcrumbProps = ComponentProps<BreadcrumbSlots> & {
+    appearance?: 'transparent' | 'subtle';
+    focusMode?: 'arrow' | 'tab';
+    dividerType?: 'chevron' | 'slash';
+    iconPosition?: 'before' | 'after';
+    size?: 'small' | 'medium' | 'large';
+};
+
+// @public (undocumented)
+export type BreadcrumbSlots = {
+    root: Slot<'nav'>;
+    list?: Slot<'ol'>;
+};
+
+// @public
+export type BreadcrumbState = ComponentState<BreadcrumbSlots> & Required<Pick<BreadcrumbProps, 'appearance' | 'iconPosition' | 'size' | 'dividerType'>>;
+
+// @public (undocumented)
+export const isTruncatableBreadcrumbContent: (content: string, maxLength: number) => boolean;
+
+// @public (undocumented)
+export type PartitionBreadcrumbItems<T> = {
+    startDisplayedItems: readonly T[];
+    overflowItems?: readonly T[];
+    endDisplayedItems?: readonly T[];
+};
+
+// @public
+export const partitionBreadcrumbItems: <T>(options: PartitionBreadcrumbItemsOptions<T>) => PartitionBreadcrumbItems<T>;
+
+// @public (undocumented)
+export type PartitionBreadcrumbItemsOptions<T> = {
+    items: readonly T[];
+    maxDisplayedItems?: number;
+    overflowIndex?: number;
+};
+
+// @public
+export const renderBreadcrumb_unstable: (state: BreadcrumbState, contextValues: BreadcrumbContextValues) => JSX.Element;
+
+// @public
+export const renderBreadcrumbButton_unstable: (state: BreadcrumbButtonState) => JSX.Element;
+
+// @public
+export const renderBreadcrumbDivider_unstable: (state: BreadcrumbDividerState) => JSX.Element;
+
+// @public
+export const renderBreadcrumbItem_unstable: (state: BreadcrumbItemState) => JSX.Element;
+
+// @public
+export const renderBreadcrumbLink_unstable: (state: BreadcrumbLinkState) => JSX.Element;
+
+// @public (undocumented)
+export const truncateBreadcrumbLongName: (content: string, maxLength?: number) => string;
+
+// @public (undocumented)
+export const truncateBreadcrumLongTooltip: (content: string, maxLength?: number) => string;
+
+// @public
+export const useBreadcrumb_unstable: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
+
+// @public
+export const useBreadcrumbButton_unstable: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;
+
+// @public
+export const useBreadcrumbButtonStyles_unstable: (state: BreadcrumbButtonState) => BreadcrumbButtonState;
+
+// @public
+export const useBreadcrumbDivider_unstable: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;
+
+// @public
+export const useBreadcrumbDividerStyles_unstable: (state: BreadcrumbDividerState) => BreadcrumbDividerState;
+
+// @public
+export const useBreadcrumbItem_unstable: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbItemState;
+
+// @public
+export const useBreadcrumbItemStyles_unstable: (state: BreadcrumbItemState) => BreadcrumbItemState;
+
+// @public
+export const useBreadcrumbLink_unstable: (props: BreadcrumbLinkProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbLinkState;
+
+// @public
+export const useBreadcrumbLinkStyles_unstable: (state: BreadcrumbLinkState) => BreadcrumbLinkState;
+
+// @public
+export const useBreadcrumbStyles_unstable: (state: BreadcrumbState) => BreadcrumbState;
+
+// (No @packageDocumentation comment for this package)
+
+```

scripts/storybook/src/utils.js

@@ -168,6 +168,7 @@ function _createCodesandboxRule(allPackageInfo = getAllPackageInfo()) {
       '@fluentui/react-datepicker-compat',
       '@fluentui/react-migration-v8-v9',
       '@fluentui/react-migration-v0-v9',
+      '@fluentui/react-breadcrumb-preview',
     ];
 
     const importMappings = Object.values(allPackageInfo).reduce((acc, cur) => {