fix: Focus on known use cases

Author: meissadia

src/components/Icon/Icon.stories.tsx

@@ -79,12 +79,9 @@ export const IconWithText = (): React.ReactElement => {
       <thead>
         <tr>
           <th>Element</th>
-          <th>Plain Icon</th>
-          <th>Round Icon</th>
-          <th>Square Icon</th>
-          <th>Plain Icon Left</th>
-          <th>Round Icon Left</th>
-          <th>Square Icon Left</th>
+          <th>Text + Icon</th>
+          <th>Icon + Text</th>
+          <th>Round Icon + Text</th>
         </tr>
       </thead>
       <tbody>
@@ -101,19 +98,6 @@ export const IconWithText = (): React.ReactElement => {
                 </DynamicTag>
               </td>
 
-              <td>
-                <DynamicTag className='u-icon-after-text'>
-                  {element} text
-                  <Icon name='zero' withBg />
-                </DynamicTag>
-              </td>
-
-              <td>
-                <DynamicTag className='u-icon-after-text'>
-                  {element} text
-                  <Icon name='facebook' withBg />
-                </DynamicTag>
-              </td>
               <td>
                 <DynamicTag className='u-icon-before-text'>
                   <Icon name='email' />
@@ -126,12 +110,6 @@ export const IconWithText = (): React.ReactElement => {
                   {element} text
                 </DynamicTag>
               </td>
-              <td>
-                <DynamicTag className='u-icon-before-text'>
-                  <Icon name='facebook' withBg />
-                  {element} text
-                </DynamicTag>
-              </td>
             </tr>
           );
         })}