From 2d0c8f03ec02f7d9d0dfcd6af61f2758c5972d18 Mon Sep 17 00:00:00 2001
From: Diana Mounter <broccolini@github.com>
Date: Mon, 9 Oct 2017 14:38:04 -0400
Subject: [PATCH] move typography to correct module

---
 .../stories/Typography.js                     | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)
 rename modules/{primer-support => primer-utilities}/stories/Typography.js (74%)

diff --git a/modules/primer-support/stories/Typography.js b/modules/primer-utilities/stories/Typography.js
similarity index 74%
rename from modules/primer-support/stories/Typography.js
rename to modules/primer-utilities/stories/Typography.js
index 24fa0571..cf31c1ba 100644
--- a/modules/primer-support/stories/Typography.js
+++ b/modules/primer-utilities/stories/Typography.js
@@ -33,14 +33,14 @@ storiesOf('Typography', module)
 ))
 .add('line-height', () =>(
   <div>
-    <p className="lh-default">
+    <p className='lh-default'>
       lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default lh-default
 
     </p>
-    <p className="lh-condensed">
+    <p className='lh-condensed'>
       lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed lh-condensed
     </p>
-    <p className="lh-condensed-ultra">
+    <p className='lh-condensed-ultra'>
       lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra lh-condensed-ultra
     </p>
   </div>
@@ -49,31 +49,31 @@ storiesOf('Typography', module)
   <div>
     <h3 className='text-normal'>text-normal</h3>
     <p className='text-bold'>text-bold</p>
-    <p className="text-uppercase">text-uppercase</p>
-    <p className="no-wrap">no-wrap</p>
-    <p className="ws-normal">ws-normal</p>
-    <p className="wb-break-all">wb-break-all</p>
-    <p className="no-underline">no-underline</p>
-    <p className="text-emphasized">text-emphasized</p>
-    <p className="text-small">text-small</p>
-    <p className="lead">lead</p>
+    <p className='text-uppercase'>text-uppercase</p>
+    <p className='no-wrap'>no-wrap</p>
+    <p className='ws-normal'>ws-normal</p>
+    <p className='wb-break-all'>wb-break-all</p>
+    <p className='no-underline'>no-underline</p>
+    <p className='text-emphasized'>text-emphasized</p>
+    <p className='text-small'>text-small</p>
+    <p className='lead'>lead</p>
   </div>
 ))
 .add('text alignment', () => (
   <div>
-    <p className="text-left">text-left</p>
-    <p className="text-center">text-center</p>
-    <p className="text-right">text-right</p>
+    <p className='text-left'>text-left</p>
+    <p className='text-center'>text-center</p>
+    <p className='text-right'>text-right</p>
   </div>
 ))
 .add('responsive text alignment', () => (
   <div>
-    <p className="text-left text-sm-center text-lg-right">Left in a small viewport, centered in mid-sized viewports, and right aligned in larger viewports</p>
+    <p className='text-left text-sm-center text-lg-right'>Left in a small viewport, centered in mid-sized viewports, and right aligned in larger viewports</p>
   </div>
 ))
 .add('list-style-none', () => (
   <div>
-    <ul className="list-style-none">
+    <ul className='list-style-none'>
       <li>list-style-none</li>
       <li>list-style-none</li>
       <li>list-style-none</li>
@@ -82,11 +82,11 @@ storiesOf('Typography', module)
 ))
 .add('text shadows', () => (
   <div>
-  <div className="bg-purple p-5">
-    <h3 className="text-white text-shadow-dark">.text-shadow-dark helps white text stand out on dark or photographic backgrounds</h3>
+  <div className='bg-purple p-5'>
+    <h3 className='text-white text-shadow-dark'>.text-shadow-dark helps white text stand out on dark or photographic backgrounds</h3>
   </div>
-  <div className="bg-yellow p-5">
-    <h3 className="text-shadow-light">.text-shadow-light creates an embossed effect for dark text</h3>
+  <div className='bg-yellow p-5'>
+    <h3 className='text-shadow-light'>.text-shadow-light creates an embossed effect for dark text</h3>
   </div>
   </div>
 ))