Release @fluentui/react-toolbar as stable

change/@fluentui-react-components-bcef16b9-804c-48f4-a270-835ac8748384.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Release `@fluentui/react-toolbar` as stable",
+  "packageName": "@fluentui/react-components",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-toolbar-0491daa8-2b96-481e-88d2-92fa5bba1a2b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Release `@fluentui/react-toolbar` as stable",
+  "packageName": "@fluentui/react-toolbar",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "patch"
+}

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

@@ -389,6 +389,8 @@ import { renderTabList_unstable } from '@fluentui/react-tabs';
 import { renderText_unstable } from '@fluentui/react-text';
 import { renderTextarea_unstable } from '@fluentui/react-textarea';
 import { renderToggleButton_unstable } from '@fluentui/react-button';
+import { renderToolbar_unstable } from '@fluentui/react-toolbar';
+import { renderToolbarGroup_unstable } from '@fluentui/react-toolbar';
 import { renderTooltip_unstable } from '@fluentui/react-tooltip';
 import { renderToStyleElements } from '@griffel/react';
 import { resetIdsForTests } from '@fluentui/react-utilities';
@@ -484,6 +486,32 @@ import { toggleButtonClassNames } from '@fluentui/react-button';
 import { ToggleButtonProps } from '@fluentui/react-button';
 import { ToggleButtonState } from '@fluentui/react-button';
 import { tokens } from '@fluentui/react-theme';
+import { Toolbar } from '@fluentui/react-toolbar';
+import { ToolbarButton } from '@fluentui/react-toolbar';
+import { ToolbarButtonProps } from '@fluentui/react-toolbar';
+import { ToolbarButtonState } from '@fluentui/react-toolbar';
+import { toolbarClassNames } from '@fluentui/react-toolbar';
+import { ToolbarContextValue } from '@fluentui/react-toolbar';
+import { ToolbarContextValues } from '@fluentui/react-toolbar';
+import { ToolbarDivider } from '@fluentui/react-toolbar';
+import { ToolbarDividerProps } from '@fluentui/react-toolbar';
+import { ToolbarDividerState } from '@fluentui/react-toolbar';
+import { ToolbarGroup } from '@fluentui/react-toolbar';
+import { toolbarGroupClassNames } from '@fluentui/react-toolbar';
+import { ToolbarGroupProps } from '@fluentui/react-toolbar';
+import { ToolbarGroupState } from '@fluentui/react-toolbar';
+import { ToolbarProps } from '@fluentui/react-toolbar';
+import { ToolbarRadioButton } from '@fluentui/react-toolbar';
+import { ToolbarRadioButtonProps } from '@fluentui/react-toolbar';
+import { ToolbarRadioButtonState } from '@fluentui/react-toolbar';
+import { ToolbarRadioGroup } from '@fluentui/react-toolbar';
+import { ToolbarRadioGroupProps } from '@fluentui/react-toolbar';
+import { ToolbarRadioGroupState } from '@fluentui/react-toolbar';
+import { ToolbarSlots } from '@fluentui/react-toolbar';
+import { ToolbarState } from '@fluentui/react-toolbar';
+import { ToolbarToggleButton } from '@fluentui/react-toolbar';
+import { ToolbarToggleButtonProps } from '@fluentui/react-toolbar';
+import { ToolbarToggleButtonState } from '@fluentui/react-toolbar';
 import { Tooltip } from '@fluentui/react-tooltip';
 import { tooltipClassNames } from '@fluentui/react-tooltip';
 import { TooltipProps } from '@fluentui/react-tooltip';
@@ -635,6 +663,18 @@ import { useThemeClassName_unstable as useThemeClassName } from '@fluentui/react
 import { useToggleButton_unstable } from '@fluentui/react-button';
 import { useToggleButtonStyles_unstable } from '@fluentui/react-button';
 import { useToggleState } from '@fluentui/react-button';
+import { useToolbar_unstable } from '@fluentui/react-toolbar';
+import { useToolbarButton_unstable } from '@fluentui/react-toolbar';
+import { useToolbarButtonStyles_unstable } from '@fluentui/react-toolbar';
+import { useToolbarDivider_unstable } from '@fluentui/react-toolbar';
+import { useToolbarDividerStyles_unstable } from '@fluentui/react-toolbar';
+import { useToolbarGroup_unstable } from '@fluentui/react-toolbar';
+import { useToolbarGroupStyles_unstable } from '@fluentui/react-toolbar';
+import { useToolbarRadioButton_unstable } from '@fluentui/react-toolbar';
+import { useToolbarRadioButtonStyles_unstable } from '@fluentui/react-toolbar';
+import { useToolbarStyles_unstable } from '@fluentui/react-toolbar';
+import { useToolbarToggleButton_unstable } from '@fluentui/react-toolbar';
+import { useToolbarToggleButtonStyles_unstable } from '@fluentui/react-toolbar';
 import { useTooltip_unstable } from '@fluentui/react-tooltip';
 import { useTooltipStyles_unstable } from '@fluentui/react-tooltip';
 import { useTooltipVisibility_unstable as useTooltipVisibility } from '@fluentui/react-shared-contexts';
@@ -1412,6 +1452,10 @@ export { renderTextarea_unstable }
 
 export { renderToggleButton_unstable }
 
+export { renderToolbar_unstable }
+
+export { renderToolbarGroup_unstable }
+
 export { renderTooltip_unstable }
 
 export { renderToStyleElements }
@@ -1602,6 +1646,58 @@ export { ToggleButtonState }
 
 export { tokens }
 
+export { Toolbar }
+
+export { ToolbarButton }
+
+export { ToolbarButtonProps }
+
+export { ToolbarButtonState }
+
+export { toolbarClassNames }
+
+export { ToolbarContextValue }
+
+export { ToolbarContextValues }
+
+export { ToolbarDivider }
+
+export { ToolbarDividerProps }
+
+export { ToolbarDividerState }
+
+export { ToolbarGroup }
+
+export { toolbarGroupClassNames }
+
+export { ToolbarGroupProps }
+
+export { ToolbarGroupState }
+
+export { ToolbarProps }
+
+export { ToolbarRadioButton }
+
+export { ToolbarRadioButtonProps }
+
+export { ToolbarRadioButtonState }
+
+export { ToolbarRadioGroup }
+
+export { ToolbarRadioGroupProps }
+
+export { ToolbarRadioGroupState }
+
+export { ToolbarSlots }
+
+export { ToolbarState }
+
+export { ToolbarToggleButton }
+
+export { ToolbarToggleButtonProps }
+
+export { ToolbarToggleButtonState }
+
 export { Tooltip }
 
 export { tooltipClassNames }
@@ -1904,6 +2000,30 @@ export { useToggleButtonStyles_unstable }
 
 export { useToggleState }
 
+export { useToolbar_unstable }
+
+export { useToolbarButton_unstable }
+
+export { useToolbarButtonStyles_unstable }
+
+export { useToolbarDivider_unstable }
+
+export { useToolbarDividerStyles_unstable }
+
+export { useToolbarGroup_unstable }
+
+export { useToolbarGroupStyles_unstable }
+
+export { useToolbarRadioButton_unstable }
+
+export { useToolbarRadioButtonStyles_unstable }
+
+export { useToolbarStyles_unstable }
+
+export { useToolbarToggleButton_unstable }
+
+export { useToolbarToggleButtonStyles_unstable }
+
 export { useTooltip_unstable }
 
 export { useTooltipStyles_unstable }

packages/react-components/react-components/etc/react-components.unstable.api.md

@@ -173,8 +173,6 @@ import { renderTableHeader_unstable } from '@fluentui/react-table';
 import { renderTableHeaderCell_unstable } from '@fluentui/react-table';
 import { renderTableRow_unstable } from '@fluentui/react-table';
 import { renderTableSelectionCell_unstable } from '@fluentui/react-table';
-import { renderToolbar_unstable } from '@fluentui/react-toolbar';
-import { renderToolbarGroup_unstable } from '@fluentui/react-toolbar';
 import { Select } from '@fluentui/react-select';
 import { selectClassNames } from '@fluentui/react-select';
 import { SelectField_unstable as SelectField } from '@fluentui/react-select';
@@ -259,32 +257,6 @@ import { TableState } from '@fluentui/react-table';
 import { TextareaField_unstable as TextareaField } from '@fluentui/react-textarea';
 import { textareaFieldClassNames } from '@fluentui/react-textarea';
 import { TextareaFieldProps_unstable as TextareaFieldProps } from '@fluentui/react-textarea';
-import { Toolbar } from '@fluentui/react-toolbar';
-import { ToolbarButton } from '@fluentui/react-toolbar';
-import { ToolbarButtonProps } from '@fluentui/react-toolbar';
-import { ToolbarButtonState } from '@fluentui/react-toolbar';
-import { toolbarClassNames } from '@fluentui/react-toolbar';
-import { ToolbarContextValue } from '@fluentui/react-toolbar';
-import { ToolbarContextValues } from '@fluentui/react-toolbar';
-import { ToolbarDivider } from '@fluentui/react-toolbar';
-import { ToolbarDividerProps } from '@fluentui/react-toolbar';
-import { ToolbarDividerState } from '@fluentui/react-toolbar';
-import { ToolbarGroup } from '@fluentui/react-toolbar';
-import { toolbarGroupClassNames } from '@fluentui/react-toolbar';
-import { ToolbarGroupProps } from '@fluentui/react-toolbar';
-import { ToolbarGroupState } from '@fluentui/react-toolbar';
-import { ToolbarProps } from '@fluentui/react-toolbar';
-import { ToolbarRadioButton } from '@fluentui/react-toolbar';
-import { ToolbarRadioButtonProps } from '@fluentui/react-toolbar';
-import { ToolbarRadioButtonState } from '@fluentui/react-toolbar';
-import { ToolbarRadioGroup } from '@fluentui/react-toolbar';
-import { ToolbarRadioGroupProps } from '@fluentui/react-toolbar';
-import { ToolbarRadioGroupState } from '@fluentui/react-toolbar';
-import { ToolbarSlots } from '@fluentui/react-toolbar';
-import { ToolbarState } from '@fluentui/react-toolbar';
-import { ToolbarToggleButton } from '@fluentui/react-toolbar';
-import { ToolbarToggleButtonProps } from '@fluentui/react-toolbar';
-import { ToolbarToggleButtonState } from '@fluentui/react-toolbar';
 import { useAlert_unstable } from '@fluentui/react-alert';
 import { useAlertStyles_unstable } from '@fluentui/react-alert';
 import { useCard_unstable } from '@fluentui/react-card';
@@ -356,18 +328,6 @@ import { useTableSelectionCell_unstable } from '@fluentui/react-table';
 import { useTableSelectionCellStyles_unstable } from '@fluentui/react-table';
 import { useTableSort } from '@fluentui/react-table';
 import { useTableStyles_unstable } from '@fluentui/react-table';
-import { useToolbar_unstable } from '@fluentui/react-toolbar';
-import { useToolbarButton_unstable } from '@fluentui/react-toolbar';
-import { useToolbarButtonStyles_unstable } from '@fluentui/react-toolbar';
-import { useToolbarDivider_unstable } from '@fluentui/react-toolbar';
-import { useToolbarDividerStyles_unstable } from '@fluentui/react-toolbar';
-import { useToolbarGroup_unstable } from '@fluentui/react-toolbar';
-import { useToolbarGroupStyles_unstable } from '@fluentui/react-toolbar';
-import { useToolbarRadioButton_unstable } from '@fluentui/react-toolbar';
-import { useToolbarRadioButtonStyles_unstable } from '@fluentui/react-toolbar';
-import { useToolbarStyles_unstable } from '@fluentui/react-toolbar';
-import { useToolbarToggleButton_unstable } from '@fluentui/react-toolbar';
-import { useToolbarToggleButtonStyles_unstable } from '@fluentui/react-toolbar';
 
 export { Alert }
 
@@ -707,10 +667,6 @@ export { renderTableRow_unstable }
 
 export { renderTableSelectionCell_unstable }
 
-export { renderToolbar_unstable }
-
-export { renderToolbarGroup_unstable }
-
 export { Select }
 
 export { selectClassNames }
@@ -879,58 +835,6 @@ export { textareaFieldClassNames }
 
 export { TextareaFieldProps }
 
-export { Toolbar }
-
-export { ToolbarButton }
-
-export { ToolbarButtonProps }
-
-export { ToolbarButtonState }
-
-export { toolbarClassNames }
-
-export { ToolbarContextValue }
-
-export { ToolbarContextValues }
-
-export { ToolbarDivider }
-
-export { ToolbarDividerProps }
-
-export { ToolbarDividerState }
-
-export { ToolbarGroup }
-
-export { toolbarGroupClassNames }
-
-export { ToolbarGroupProps }
-
-export { ToolbarGroupState }
-
-export { ToolbarProps }
-
-export { ToolbarRadioButton }
-
-export { ToolbarRadioButtonProps }
-
-export { ToolbarRadioButtonState }
-
-export { ToolbarRadioGroup }
-
-export { ToolbarRadioGroupProps }
-
-export { ToolbarRadioGroupState }
-
-export { ToolbarSlots }
-
-export { ToolbarState }
-
-export { ToolbarToggleButton }
-
-export { ToolbarToggleButtonProps }
-
-export { ToolbarToggleButtonState }
-
 export { useAlert_unstable }
 
 export { useAlertStyles_unstable }
@@ -1073,30 +977,6 @@ export { useTableSort }
 
 export { useTableStyles_unstable }
 
-export { useToolbar_unstable }
-
-export { useToolbarButton_unstable }
-
-export { useToolbarButtonStyles_unstable }
-
-export { useToolbarDivider_unstable }
-
-export { useToolbarDividerStyles_unstable }
-
-export { useToolbarGroup_unstable }
-
-export { useToolbarGroupStyles_unstable }
-
-export { useToolbarRadioButton_unstable }
-
-export { useToolbarRadioButtonStyles_unstable }
-
-export { useToolbarStyles_unstable }
-
-export { useToolbarToggleButton_unstable }
-
-export { useToolbarToggleButtonStyles_unstable }
-
 // (No @packageDocumentation comment for this package)
 
 ```

packages/react-components/react-components/src/index.ts

@@ -705,3 +705,49 @@ export type {
   DialogContentSlots,
   DialogContentState,
 } from '@fluentui/react-dialog';
+
+export {
+  Toolbar,
+  ToolbarButton,
+  useToolbarButtonStyles_unstable,
+  useToolbarButton_unstable,
+  ToolbarRadioButton,
+  useToolbarRadioButton_unstable,
+  useToolbarRadioButtonStyles_unstable,
+  ToolbarDivider,
+  useToolbarDivider_unstable,
+  ToolbarGroup,
+  useToolbarGroupStyles_unstable,
+  useToolbarGroup_unstable,
+  renderToolbarGroup_unstable,
+  toolbarGroupClassNames,
+  ToolbarToggleButton,
+  useToolbarToggleButtonStyles_unstable,
+  useToolbarToggleButton_unstable,
+  renderToolbar_unstable,
+  toolbarClassNames,
+  useToolbar_unstable,
+  useToolbarDividerStyles_unstable,
+  useToolbarStyles_unstable,
+  ToolbarRadioGroup,
+} from '@fluentui/react-toolbar';
+
+export type {
+  ToolbarButtonProps,
+  ToolbarButtonState,
+  ToolbarContextValue,
+  ToolbarContextValues,
+  ToolbarDividerProps,
+  ToolbarDividerState,
+  ToolbarProps,
+  ToolbarSlots,
+  ToolbarState,
+  ToolbarToggleButtonProps,
+  ToolbarToggleButtonState,
+  ToolbarGroupProps,
+  ToolbarGroupState,
+  ToolbarRadioButtonProps,
+  ToolbarRadioButtonState,
+  ToolbarRadioGroupProps,
+  ToolbarRadioGroupState,
+} from '@fluentui/react-toolbar';