add spin button to semantic style hooks (#34829)

Author: rachethecreator

packages/react-components/semantic-style-hooks-preview/library/etc/semantic-style-hooks-preview.api.md

@@ -49,6 +49,7 @@ import { RadioState } from '@fluentui/react-radio';
 import { RatingDisplayState } from '@fluentui/react-rating';
 import { RatingItemState } from '@fluentui/react-rating';
 import { SliderState } from '@fluentui/react-slider';
+import { SpinButtonState } from '@fluentui/react-spinbutton';
 import { SpinnerState } from '@fluentui/react-spinner';
 import { SplitButtonState } from '@fluentui/react-button';
 import { SwitchState } from '@fluentui/react-switch';
@@ -199,6 +200,9 @@ export const useSemanticRatingItemStyles: (_state: unknown) => RatingItemState;
 // @public
 export const useSemanticSliderStyles: (_state: unknown) => SliderState;
 
+// @public
+export const useSemanticSpinButtonStyles: (_state: unknown) => SpinButtonState;
+
 // @public
 export const useSemanticSpinnerStyles: (_state: unknown) => SpinnerState;
 

packages/react-components/semantic-style-hooks-preview/library/package.json

@@ -51,6 +51,7 @@
     "@fluentui/react-rating": "^9.1.6",
     "@fluentui/react-shared-contexts": "^9.23.1",
     "@fluentui/react-slider": "^9.3.7",
+    "@fluentui/react-spinbutton": "^9.3.6",
     "@fluentui/react-spinner": "^9.5.11",
     "@fluentui/react-switch": "^9.2.6",
     "@fluentui/react-tabster": "^9.24.6",

packages/react-components/semantic-style-hooks-preview/library/src/component-styles/SpinButton/index.ts

@@ -0,0 +1 @@
+export { useSemanticSpinButtonStyles } from './useSemanticSpinButtonStyles.styles';