From 32ae3ffdf623a4acf1557813615761af1b6db1a1 Mon Sep 17 00:00:00 2001
From: Shawn Allen <shawn.allen@github.com>
Date: Wed, 20 Jun 2018 14:02:03 -0700
Subject: [PATCH 1/3] remove btn-outline-blue docs references

---
 modules/primer-buttons/README.md  | 5 +----
 modules/primer-buttons/stories.js | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/modules/primer-buttons/README.md b/modules/primer-buttons/README.md
index 3ebbe61e36..697139e781 100644
--- a/modules/primer-buttons/README.md
+++ b/modules/primer-buttons/README.md
@@ -95,10 +95,9 @@ Use `.btn-large` to increase the padding and border radius of a button. This is
 [Type scale utilities](https://styleguide.github.com/primer/utilities/typography/#type-scale-utilities) can be used to alter the font-size if needed. Padding is applied in em's so that it scales proportionally with the font-size.
 
 ```html
-
 <p>
   <a class="btn btn-large btn-purple" href="#url" role="button">Large link button</a>
-  <button class="btn btn-large btn-outline-blue" type="button">Large button button</button>
+  <button class="btn btn-large" type="button">Large button button</button>
 </p>
 
 ```
@@ -106,12 +105,10 @@ Use `.btn-large` to increase the padding and border radius of a button. This is
 Use `.btn-large` with a type scale utility to transform the text to a bigger size.
 
 ```html
-
 <p class="f3">
   <a class="btn btn-large btn-purple" href="#url" role="button">Large link button</a>
   <button class="btn btn-large btn-outline-blue" type="button">Large button button</button>
 </p>
-
 ```
 
 ## Disabled state
diff --git a/modules/primer-buttons/stories.js b/modules/primer-buttons/stories.js
index bb443ddda0..a111986975 100644
--- a/modules/primer-buttons/stories.js
+++ b/modules/primer-buttons/stories.js
@@ -62,7 +62,7 @@ storiesOf('Button', module)
   .add('btn-large', () => (
     <div className='f3 p-4'>
       <a className="btn btn-large btn-purple mr-6" href="#url" role="button">Large link button</a>
-      <button className="btn btn-large btn-outline-blue" type="button">Large button button</button>
+      <button className="btn btn-large" type="button">Large button button</button>
     </div>
   ))
   .add('btn-link', () => (

From 6ccfe8e3e269094d4a4f524a39dacd64998492fe Mon Sep 17 00:00:00 2001
From: Shawn Allen <shawn.allen@github.com>
Date: Wed, 20 Jun 2018 14:04:27 -0700
Subject: [PATCH 2/3] remove btn-secondary references

---
 modules/primer-buttons/stories.js       | 9 ---------
 modules/primer-tooltips/stories.js      | 4 ++--
 modules/primer-utilities/docs/layout.md | 2 +-
 3 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/modules/primer-buttons/stories.js b/modules/primer-buttons/stories.js
index a111986975..81bd0a1997 100644
--- a/modules/primer-buttons/stories.js
+++ b/modules/primer-buttons/stories.js
@@ -14,15 +14,6 @@ storiesOf('Button', module)
       <button className='btn btn-primary disabled'>disabled</button>
     </div>
   ))
-  .add('btn-secondary', () => (
-    <div className='p-4 d-flex flex-justify-between'>
-      <button className='btn btn-secondary'>Button</button>
-      <button className='btn btn-secondary hover'>hover</button>
-      <button className='btn btn-secondary focus'>focus</button>
-      <button className='btn btn-secondary selected'>selected</button>
-      <button className='btn btn-secondary disabled'>disabled</button>
-    </div>
-  ))
   .add('btn-danger', () => (
     <div className='p-4 d-flex flex-justify-between'>
       <button className='btn btn-danger'>Button</button>
diff --git a/modules/primer-tooltips/stories.js b/modules/primer-tooltips/stories.js
index 579876b385..9d52d3cd7f 100644
--- a/modules/primer-tooltips/stories.js
+++ b/modules/primer-tooltips/stories.js
@@ -77,6 +77,6 @@ storiesOf('Tooltips', module)
   ))
   .add('tooltip on button', () => (
     <div className='p-6'>
-    <button className='btn btn-secondary tooltipped tooltipped-n' aria-label='This is the tooltip on a button.'>Button</button>
+      <button className='btn tooltipped tooltipped-n' aria-label='This is the tooltip on a button.'>Button</button>
     </div>
-))
+  ))
diff --git a/modules/primer-utilities/docs/layout.md b/modules/primer-utilities/docs/layout.md
index cb2082ddf9..8401b9c024 100644
--- a/modules/primer-utilities/docs/layout.md
+++ b/modules/primer-utilities/docs/layout.md
@@ -204,7 +204,7 @@ Use `.position-absolute` to take elements out of the normal document flow.
 
 ```html
 <div class="position-relative" style="height:116px;">
-  <button type="button" class="btn btn-secondary mb-1">Button</button>
+  <button type="button" class="btn mb-1">Button</button>
   <div class="position-absolute border border-gray p-2">
     <a href="#url" class="d-block p-1">Mashed potatoes</a>
     <a href="#url" class="d-block p-1">Fries</a>

From a6c8d855ed4dea5124a241bf8312176ddb3fcb3e Mon Sep 17 00:00:00 2001
From: Shawn Allen <shawn.allen@github.com>
Date: Wed, 20 Jun 2018 14:04:48 -0700
Subject: [PATCH 3/3] clean up tooltip storybook JS

---
 modules/primer-tooltips/stories.js | 110 ++++++++++++++---------------
 1 file changed, 55 insertions(+), 55 deletions(-)

diff --git a/modules/primer-tooltips/stories.js b/modules/primer-tooltips/stories.js
index 9d52d3cd7f..8a2f985034 100644
--- a/modules/primer-tooltips/stories.js
+++ b/modules/primer-tooltips/stories.js
@@ -2,61 +2,61 @@ import React from 'react'
 import { storiesOf } from '@storybook/react'
 
 storiesOf('Tooltips', module)
-.add('tooltipped direction', () => (
-  <div className='p-4'>
-    <span className='tooltipped tooltipped-n border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the North side.'>
-    Tooltip North
-    </span>
-    <span className='tooltipped tooltipped-ne border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the North East side.'>
-      Tooltip North East
-    </span>
-    <span className='tooltipped tooltipped-e border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the East side.'>
-      Tooltip East
-    </span>
-    <span className='tooltipped tooltipped-se border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the South East side.'>
-      Tooltip South East
-    </span>
-    <span className='tooltipped tooltipped-s border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the South side.'>
-      Tooltip South
-    </span>
-    <span className='tooltipped tooltipped-sw border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the South West side.'>
-      Tooltip South West
-    </span>
-    <span className='tooltipped tooltipped-w border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the West side.'>
-      Tooltip West
-    </span>
-    <span className='tooltipped tooltipped-nw border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the North West side.'>
-      Tooltip North West
-    </span>
-  </div>
-))
-.add('tooltip aligned', () => (
-  <div className='p-4'>
-    <span className='tooltipped tooltipped-ne tooltipped-align-left-1 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped NE and aligned left.'>
-    Tooltip North East align left 1
-    </span>
-    <span className='tooltipped tooltipped-ne tooltipped-align-left-2 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped NE and aligned left.'>
-    Tooltip North East align left 2
-    </span>
-    <span className='tooltipped tooltipped-se tooltipped-align-left-1 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped SW and aigned left.'>
-    Tooltip South East align left 1
-    </span>
-    <span className='tooltipped tooltipped-se tooltipped-align-left-2 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped SW and aigned left.'>
-    Tooltip South East align left 2
-    </span>
-    <span className='tooltipped tooltipped-nw tooltipped-align-right-1 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped NW and aligned right.'>
-      Tooltip North West align right 1
-    </span>
-    <span className='tooltipped tooltipped-nw tooltipped-align-right-2 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped NW and aligned right.'>
-      Tooltip North West align right 2
-    </span>
-    <span className='tooltipped tooltipped-sw tooltipped-align-right-1 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped SE and aligned right.'>
-      Tooltip South West align right 1
-    </span>
-    <span className='tooltipped tooltipped-sw tooltipped-align-right-2 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped SE and aligned right.'>
-      Tooltip South West align right 2
-    </span>
-  </div>
+  .add('tooltipped direction', () => (
+    <div className='p-4'>
+      <span className='tooltipped tooltipped-n border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the North side.'>
+      Tooltip North
+      </span>
+      <span className='tooltipped tooltipped-ne border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the North East side.'>
+        Tooltip North East
+      </span>
+      <span className='tooltipped tooltipped-e border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the East side.'>
+        Tooltip East
+      </span>
+      <span className='tooltipped tooltipped-se border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the South East side.'>
+        Tooltip South East
+      </span>
+      <span className='tooltipped tooltipped-s border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the South side.'>
+        Tooltip South
+      </span>
+      <span className='tooltipped tooltipped-sw border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the South West side.'>
+        Tooltip South West
+      </span>
+      <span className='tooltipped tooltipped-w border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the West side.'>
+        Tooltip West
+      </span>
+      <span className='tooltipped tooltipped-nw border p-2 mb-2 mr-2 float-left' aria-label='This is the tooltip on the North West side.'>
+        Tooltip North West
+      </span>
+    </div>
+  ))
+  .add('tooltip aligned', () => (
+    <div className='p-4'>
+      <span className='tooltipped tooltipped-ne tooltipped-align-left-1 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped NE and aligned left.'>
+        Tooltip North East align left 1
+      </span>
+      <span className='tooltipped tooltipped-ne tooltipped-align-left-2 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped NE and aligned left.'>
+        Tooltip North East align left 2
+      </span>
+      <span className='tooltipped tooltipped-se tooltipped-align-left-1 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped SW and aigned left.'>
+        Tooltip South East align left 1
+      </span>
+      <span className='tooltipped tooltipped-se tooltipped-align-left-2 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped SW and aigned left.'>
+        Tooltip South East align left 2
+      </span>
+      <span className='tooltipped tooltipped-nw tooltipped-align-right-1 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped NW and aligned right.'>
+        Tooltip North West align right 1
+      </span>
+      <span className='tooltipped tooltipped-nw tooltipped-align-right-2 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped NW and aligned right.'>
+        Tooltip North West align right 2
+      </span>
+      <span className='tooltipped tooltipped-sw tooltipped-align-right-1 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped SE and aligned right.'>
+        Tooltip South West align right 1
+      </span>
+      <span className='tooltipped tooltipped-sw tooltipped-align-right-2 border p-2 mb-2 mr-2 float-left' aria-label='Tooltipped SE and aligned right.'>
+        Tooltip South West align right 2
+      </span>
+    </div>
   ))
   .add('tootlipped-multiline', () => (
     <div className='p-6'>