Extended Tokens: Input (#34796)

Co-authored-by: Mitch-At-Work <[email protected]>

Author: etudie

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

@@ -28,6 +28,7 @@ import { FlatTreeState } from '@fluentui/react-tree';
 import { FluentProviderCustomStyleHooks } from '@fluentui/react-provider';
 import { ImageState } from '@fluentui/react-image';
 import { InlineDrawerState } from '@fluentui/react-drawer';
+import { InputState } from '@fluentui/react-input';
 import { LabelState } from '@fluentui/react-label';
 import { LinkState } from '@fluentui/react-link';
 import { ListItemState } from '@fluentui/react-list';
@@ -134,6 +135,9 @@ export const useSemanticImageStyles: (_state: unknown) => ImageState;
 // @public
 export const useSemanticInlineDrawerStyles: (_state: unknown) => InlineDrawerState;
 
+// @public
+export const useSemanticInputStyles: (_state: unknown) => InputState;
+
 // @public
 export const useSemanticLabelStyles: (_state: unknown) => LabelState;
 

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

@@ -34,6 +34,7 @@
     "@fluentui/react-divider": "^9.2.86",
     "@fluentui/react-drawer": "^9.7.8",
     "@fluentui/react-field": "^9.2.6",
+    "@fluentui/react-input": "^9.5.6",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-image": "^9.1.84",
     "@fluentui/react-jsx-runtime": "^9.0.54",

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

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