fixup

Author: dmytrokirpa

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

@@ -49,7 +49,6 @@ export type ToolbarButtonBaseState = DistributiveOmit<ToolbarButtonState, 'appea
 // @public
 export type ToolbarButtonProps = ComponentProps<ButtonSlots> & Partial<Pick<ButtonProps, 'disabled' | 'disabledFocusable'>> & {
     appearance?: 'primary' | 'subtle' | 'transparent';
-} & {
     vertical?: boolean;
 };
 

packages/react-components/react-toolbar/library/src/components/ToolbarButton/ToolbarButton.types.ts

@@ -7,7 +7,6 @@ import type { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-butt
 export type ToolbarButtonProps = ComponentProps<ButtonSlots> &
   Partial<Pick<ButtonProps, 'disabled' | 'disabledFocusable'>> & {
     appearance?: 'primary' | 'subtle' | 'transparent';
-  } & {
     vertical?: boolean;
   };
 

packages/react-components/react-toolbar/library/src/components/ToolbarButton/useToolbarButton.ts

@@ -19,10 +19,11 @@ export const useToolbarButton_unstable = (
   props: ToolbarButtonProps,
   ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,
 ): ToolbarButtonState => {
-  const state = useToolbarButtonBase_unstable(props, ref);
+  const { appearance = 'subtle', ...baseProps } = props;
+  const state = useToolbarButtonBase_unstable(baseProps, ref);
 
   return {
-    appearance: 'subtle',
+    appearance,
     size: 'medium',
     shape: 'rounded',
     ...state,

packages/react-components/react-toolbar/library/src/components/ToolbarRadioButton/useToolbarRadioButton.ts

@@ -27,7 +27,6 @@ export const useToolbarRadioButton_unstable = (
 
   return {
     ...state,
-
     appearance,
     size: size || contextSize,
     shape: 'rounded',