feat(react-provider): use feature flag

Author: mainframev

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

@@ -47,6 +47,7 @@ export type ButtonSlots = {
 // @public (undocumented)
 export type ButtonState = ComponentState<ButtonSlots> & Required<Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>> & {
     iconOnly: boolean;
+    isHovered: boolean;
 };
 
 // @public

packages/react-components/react-button/library/src/components/Button/useButtonBase.ts

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';
 import { getIntrinsicElementProps, slot, useHover_unstable } from '@fluentui/react-utilities';
-import { usePointerInteractions_unstable } from '@fluentui/react-shared-contexts';
+import { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';
 import type { ButtonBaseProps, ButtonBaseState } from './Button.types';
 
 /**
@@ -18,19 +18,20 @@ export const useButtonBase_unstable = (
   const { as = 'button', disabled = false, disabledFocusable = false, icon, iconPosition = 'before' } = props;
   const iconShorthand = slot.optional(icon, { elementType: 'span' });
 
-  // Check if pointer-aware hover behavior is enabled via FluentProvider
-  const { usePointerHover } = usePointerInteractions_unstable();
+  // Check if smart hover behavior is enabled via FluentProvider
+  const overrides = useOverrides();
+  const smartHover = overrides.smartHover ?? false;
 
-  // Use pointer-aware hover hook - disabled when feature flag is off or button is disabled
+  // Use smart hover hook - disabled when feature flag is off or button is disabled
   const { hoverProps, isHovered } = useHover_unstable({
-    isDisabled: !usePointerHover || disabled || disabledFocusable,
+    isDisabled: !smartHover || disabled || disabledFocusable,
   });
 
   // Get base ARIA button props
   const ariaButtonProps = useARIAButtonProps(props.as, props);
 
-  // Merge hover props with ARIA button props when pointer hover is enabled
-  const mergedProps = usePointerHover
+  // Merge hover props with ARIA button props when smart hover is enabled
+  const mergedProps = smartHover
     ? {
         ...ariaButtonProps,
         ...hoverProps,

packages/react-components/react-shared-contexts/library/src/OverridesContext/OverridesContext.ts

@@ -8,6 +8,7 @@ import * as React from 'react';
 export type OverridesContextValue = {
   // No 'underline' as it is not supported by TextArea
   inputDefaultAppearance?: 'outline' | 'filled-darker' | 'filled-lighter';
+  smartHover?: boolean;
 };
 
 /**

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

@@ -119,27 +119,6 @@ export function getTriggerChild<TriggerChildProps>(children: TriggerProps<Trigge
     ref?: React_2.Ref<any>;
 }) | null;
 
-// @public
-export interface HoverEvent {
-    pointerType: PointerType;
-    target: HTMLElement;
-    type: 'hoverstart' | 'hoverend';
-}
-
-// @public
-export interface HoverProps {
-    isDisabled?: boolean;
-    onHoverChange?: (isHovered: boolean) => void;
-    onHoverEnd?: (e: HoverEvent) => void;
-    onHoverStart?: (e: HoverEvent) => void;
-}
-
-// @public
-export interface HoverResult {
-    hoverProps: React_2.DOMAttributes<HTMLElement>;
-    isHovered: boolean;
-}
-
 // @public
 export const IdPrefixProvider: React_2.Provider<string | undefined>;
 
@@ -200,9 +179,6 @@ function optional<Props extends UnknownSlotProps>(value: Props | SlotShorthandVa
     renderByDefault?: boolean;
 } & SlotOptions<Props>): SlotComponentType<Props> | undefined;
 
-// @public
-export type PointerType = 'mouse' | 'pen';
-
 // @internal (undocumented)
 export interface PriorityQueue<T> {
     // (undocumented)
@@ -400,9 +376,6 @@ export function useFirstMount(): boolean;
 // @internal
 export function useForceUpdate(): React_2.DispatchWithoutAction;
 
-// @public
-export function useHover_unstable(props: HoverProps): HoverResult;
-
 // @public
 export function useId(prefix?: string, providedId?: string): string;