Run npm run format

Author: vine77

packages/react-components/source/react/library/avatar/Avatar.md

@@ -9,13 +9,22 @@ Avatar is an icon or figure representing a particular user of the application. T
 ```jsx
 <div style={{ display: 'flex', alignItems: 'center' }}>
   <Avatar>
-    <img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=100" alt="placeholder" />
+    <img
+      src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=100"
+      alt="placeholder"
+    />
   </Avatar>
   <Avatar>
-    <img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=100" alt="placeholder" />
+    <img
+      src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=100"
+      alt="placeholder"
+    />
   </Avatar>
   <Avatar>
-    <img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=100" alt="placeholder" />
+    <img
+      src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=100"
+      alt="placeholder"
+    />
   </Avatar>
 </div>
 ```
@@ -27,10 +36,10 @@ Avatar is an icon or figure representing a particular user of the application. T
   <Avatar>
     <span>R</span>
   </Avatar>
-  <Avatar style={{backgroundColor: '#ffae1a'}}>
+  <Avatar style={{ backgroundColor: '#ffae1a' }}>
     <span>M</span>
   </Avatar>
-  <Avatar style={{backgroundColor: '#11d1c4', color: '#ffffff'}}>
+  <Avatar style={{ backgroundColor: '#11d1c4', color: '#ffffff' }}>
     <span>T</span>
   </Avatar>
 </div>

packages/react-components/source/react/library/content/Content.md

@@ -281,8 +281,7 @@ The `Content` component is a wrapper for simple HTML content, which provides def
         <li>
           <p>
             For more information on our curated step specifications, see{' '}
-            <a href="/documentation/step-specifications">Step specifications</a>
-            .
+            <a href="/documentation/step-specifications">Step specifications</a>.
           </p>
         </li>
         <li>

packages/react-components/source/react/library/sidepanel/SidePanel.md

@@ -19,6 +19,7 @@ import Text from '../text';
   </SidePanel>
 </div>;
 ```
+
 ## Variations
 
 ### Alternative Button Icon
@@ -42,6 +43,7 @@ import Text from '../text';
 ```
 
 ### Static SidePanel
+
 An example of how you might use the `hideCloseButton` prop to have the `SidePanel` as a static component on a page.
 
 ```jsx
@@ -62,12 +64,7 @@ const TitleNode = () => (
 );
 
 <div className="sidebar-container">
-  <SidePanel
-    border
-    title={<TitleNode/>}
-    type="toolbar"
-    hideCloseButton="true"
-  >
+  <SidePanel border title={<TitleNode />} type="toolbar" hideCloseButton="true">
     <Text>Hello world!</Text>
   </SidePanel>
 </div>;