Fix directional hint typo

Author: lawrencewin

packages/components/Callout/src/Callout.settings.macos.ts

@@ -10,7 +10,7 @@ export const settings: IComposeSettings<ICalloutType> = [
       borderColor: 'transparent',
       borderWidth: 0,
       borderRadius: 5,
-      directionalHint: 'bottonLeftEdge',
+      directionalHint: 'bottomLeftEdge',
     },
     root: {
       style: {

packages/components/Callout/src/Callout.settings.ts

@@ -10,7 +10,7 @@ export const settings: IComposeSettings<ICalloutType> = [
       beakWidth: 20,
       borderColor: 'bodyFrameBackground',
       borderWidth: 1,
-      directionalHint: 'bottonLeftEdge',
+      directionalHint: 'bottomLeftEdge',
       gapSpace: 0,
       minPadding: 0,
     },

packages/components/Callout/src/Callout.types.ts

@@ -22,7 +22,7 @@ export type DirectionalHint =
   | 'rightTopEdge'
   | 'rightCenter'
   | 'rightBottomEdge'
-  | 'bottonLeftEdge'
+  | 'bottomLeftEdge'
   | 'bottomAutoEdge'
   | 'bottomCenter'
   | 'bottomRightEdge';

packages/components/Callout/src/CalloutNativeComponent.ts

@@ -35,11 +35,11 @@ export interface NativeProps extends ViewProps {
     | 'rightTopEdge'
     | 'rightCenter'
     | 'rightBottomEdge'
-    | 'bottonLeftEdge'
+    | 'bottomLeftEdge'
     | 'bottomAutoEdge'
     | 'bottomCenter'
     | 'bottomRightEdge',
-    'bottonLeftEdge'
+    'bottomLeftEdge'
   >;
   dismissBehaviors?: string[];
   doNotTakePointerCapture?: boolean;

packages/components/Callout/src/MacOSCalloutNativeComponent.ts

@@ -31,7 +31,7 @@ export interface NativeProps extends ViewProps {
     | 'rightTopEdge'
     | 'rightCenter'
     | 'rightBottomEdge'
-    | 'bottonLeftEdge'
+    | 'bottomLeftEdge'
     | 'bottomAutoEdge'
     | 'bottomCenter'
     | 'bottomRightEdge',

packages/components/ContextualMenu/src/ContextualMenu.settings.macos.ts

@@ -8,7 +8,7 @@ import { contextualMenuName } from './ContextualMenu.types';
 export const settings: IComposeSettings<ContextualMenuType> = [
   {
     tokens: {
-      directionalHint: I18nManager.isRTL ? 'bottomRightEdge' : 'bottonLeftEdge',
+      directionalHint: I18nManager.isRTL ? 'bottomRightEdge' : 'bottomLeftEdge',
     },
     container: {
       style: {

packages/components/ContextualMenu/src/ContextualMenu.settings.ts

@@ -10,7 +10,7 @@ export const settings: IComposeSettings<ContextualMenuType> = [
       beakWidth: 20,
       borderColor: 'buttonBorder',
       borderWidth: 1,
-      directionalHint: 'bottonLeftEdge',
+      directionalHint: 'bottomLeftEdge',
       gapSpace: 0,
       minPadding: 0,
     },