From d5288fd2bf503f8700c7688d5a61f7a2f3c48e14 Mon Sep 17 00:00:00 2001
From: Stephen Morrissey <v-mostep@microsoft.com>
Date: Fri, 22 Jul 2016 13:12:43 -0700
Subject: [PATCH 1/2] #196743: removed beakWidth and class settings. Use
 defaults

---
 .../pages/CalloutPage/examples/Callout.Directional.Example.tsx  | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx b/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
index 3bd29ec19cfa1..2c0405622d40a 100644
--- a/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
+++ b/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
@@ -81,8 +81,6 @@ export class CalloutDirectionalExample extends React.Component<any, ICalloutDire
             isBeakVisible={ isBeakVisible }
             onDismiss={ this._onDismiss }
             directionalHint={ directionalHint }
-            beakStyle={ 'ms-Callout-smallbeak' }
-            beakWidth={ 16 }
             >
             <div className='ms-Callout-header'>
               <p className='ms-Callout-title'>

From 4031190b9b743d4fb558b1c1932dda2633f89101 Mon Sep 17 00:00:00 2001
From: Stephen Morrissey <v-mostep@microsoft.com>
Date: Fri, 22 Jul 2016 13:19:10 -0700
Subject: [PATCH 2/2] TaskID 196744: updated default gapSpace to be 16 -
 removed gapSpace settings in the examples as they can use the default.

---
 src/components/Callout/Callout.Props.ts                        | 2 +-
 src/components/Callout/Callout.tsx                             | 2 +-
 .../pages/CalloutPage/examples/Callout.Directional.Example.tsx | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Callout/Callout.Props.ts b/src/components/Callout/Callout.Props.ts
index e3d5b3e96f5f3..9135fea56d796 100644
--- a/src/components/Callout/Callout.Props.ts
+++ b/src/components/Callout/Callout.Props.ts
@@ -17,7 +17,7 @@ export interface ICalloutProps extends React.Props<Callout>, IPositionProps {
 
   /**
    * The gap space between the target element and the callout.
-   * @default 20
+   * @default 16
    */
   gapSpace?: number;
 
diff --git a/src/components/Callout/Callout.tsx b/src/components/Callout/Callout.tsx
index 7aa3ee86344b8..4c2c0b7c8c6fb 100644
--- a/src/components/Callout/Callout.tsx
+++ b/src/components/Callout/Callout.tsx
@@ -22,7 +22,7 @@ export class Callout extends React.Component<ICalloutProps, ICalloutState> {
     isBeakVisible: true,
     beakStyle: 'ms-Callout-beak',
     beakWidth: 28,
-    gapSpace: 10,
+    gapSpace: 16,
     directionalHint: DirectionalHint.rightCenter
   };
 
diff --git a/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx b/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
index 2c0405622d40a..7165a394c1a1f 100644
--- a/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
+++ b/src/demo/pages/CalloutPage/examples/Callout.Directional.Example.tsx
@@ -50,8 +50,7 @@ export class CalloutDirectionalExample extends React.Component<any, ICalloutDire
     this.state = {
       isCalloutVisible: false,
       isBeakVisible: true,
-      directionalHint: DirectionalHint.bottomLeftEdge,
-      gapSpace: 10
+      directionalHint: DirectionalHint.bottomLeftEdge
     };
   }