diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 000000000..56d491db5
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+v16.4.0
\ No newline at end of file
diff --git a/.storybook/headstormTheme.js b/.storybook/headstormTheme.js
index d96f5e186..68136edca 100644
--- a/.storybook/headstormTheme.js
+++ b/.storybook/headstormTheme.js
@@ -45,5 +45,5 @@ export default create({
 
   brandTitle: 'Headstorm UI',
   brandUrl: 'https://headstorm.com',
-  brandImage: '/headstorm-logo.png',
+  brandImage: `${process.env.PUBLIC_URL}/Wordmark-Full-transparent.svg`,
 });
diff --git a/coverage/components/Button/Button.tsx.html b/coverage/components/Button/Button.tsx.html
index 40fb7b598..f8161d28f 100644
--- a/coverage/components/Button/Button.tsx.html
+++ b/coverage/components/Button/Button.tsx.html
@@ -841,7 +841,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/B
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Button/index.html b/coverage/components/Button/index.html
index bde00f2cb..8511b8919 100644
--- a/coverage/components/Button/index.html
+++ b/coverage/components/Button/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Button</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Card/Card.tsx.html b/coverage/components/Card/Card.tsx.html
index 16052bee1..55b715807 100644
--- a/coverage/components/Card/Card.tsx.html
+++ b/coverage/components/Card/Card.tsx.html
@@ -727,7 +727,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/C
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Card/index.html b/coverage/components/Card/index.html
index 5e973a05e..79f5a2252 100644
--- a/coverage/components/Card/index.html
+++ b/coverage/components/Card/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Card</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Checkbox/Checkbox.tsx.html b/coverage/components/Checkbox/Checkbox.tsx.html
index bf07722e0..436a3f1c8 100644
--- a/coverage/components/Checkbox/Checkbox.tsx.html
+++ b/coverage/components/Checkbox/Checkbox.tsx.html
@@ -799,7 +799,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/C
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Checkbox/index.html b/coverage/components/Checkbox/index.html
index 18f889ba4..50167894e 100644
--- a/coverage/components/Checkbox/index.html
+++ b/coverage/components/Checkbox/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Checkbox</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Divider/Divider.tsx.html b/coverage/components/Divider/Divider.tsx.html
index e709ccd1c..a3d5157b8 100644
--- a/coverage/components/Divider/Divider.tsx.html
+++ b/coverage/components/Divider/Divider.tsx.html
@@ -250,7 +250,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/D
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Divider/index.html b/coverage/components/Divider/index.html
index 10bcfe1b6..726efe958 100644
--- a/coverage/components/Divider/index.html
+++ b/coverage/components/Divider/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Divider</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Dropdown/Dropdown.tsx.html b/coverage/components/Dropdown/Dropdown.tsx.html
index 601a27851..2ccca92ad 100644
--- a/coverage/components/Dropdown/Dropdown.tsx.html
+++ b/coverage/components/Dropdown/Dropdown.tsx.html
@@ -1870,7 +1870,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/D
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Dropdown/index.html b/coverage/components/Dropdown/index.html
index 6e08c7c49..d127fbdc2 100644
--- a/coverage/components/Dropdown/index.html
+++ b/coverage/components/Dropdown/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Dropdown</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/InteractionFeedback/InteractionFeedback.tsx.html b/coverage/components/InteractionFeedback/InteractionFeedback.tsx.html
index 7e3ce18ef..c1e124a95 100644
--- a/coverage/components/InteractionFeedback/InteractionFeedback.tsx.html
+++ b/coverage/components/InteractionFeedback/InteractionFeedback.tsx.html
@@ -454,7 +454,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/I
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/InteractionFeedback/index.html b/coverage/components/InteractionFeedback/index.html
index 9d28a7701..47b4943bf 100644
--- a/coverage/components/InteractionFeedback/index.html
+++ b/coverage/components/InteractionFeedback/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/InteractionFeedback</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Label/Label.tsx.html b/coverage/components/Label/Label.tsx.html
index 5556fbab6..75443ab05 100644
--- a/coverage/components/Label/Label.tsx.html
+++ b/coverage/components/Label/Label.tsx.html
@@ -409,7 +409,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/L
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Label/index.html b/coverage/components/Label/index.html
index cb45e87ff..c53d614be 100644
--- a/coverage/components/Label/index.html
+++ b/coverage/components/Label/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Label</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Modal/Modal.tsx.html b/coverage/components/Modal/Modal.tsx.html
index 9fe6786c4..a872977a1 100644
--- a/coverage/components/Modal/Modal.tsx.html
+++ b/coverage/components/Modal/Modal.tsx.html
@@ -778,7 +778,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/M
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Modal/index.html b/coverage/components/Modal/index.html
index 9d3cfb037..48a58bd1a 100644
--- a/coverage/components/Modal/index.html
+++ b/coverage/components/Modal/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Modal</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Progress/Progress.tsx.html b/coverage/components/Progress/Progress.tsx.html
index e2aacd7e2..6f611eef0 100644
--- a/coverage/components/Progress/Progress.tsx.html
+++ b/coverage/components/Progress/Progress.tsx.html
@@ -175,7 +175,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/P
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Progress/index.html b/coverage/components/Progress/index.html
index 0d860760f..a093f2c09 100644
--- a/coverage/components/Progress/index.html
+++ b/coverage/components/Progress/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Progress</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/RangeSlider/RangeSlider.tsx.html b/coverage/components/RangeSlider/RangeSlider.tsx.html
index d4519724d..7e13a2b3b 100644
--- a/coverage/components/RangeSlider/RangeSlider.tsx.html
+++ b/coverage/components/RangeSlider/RangeSlider.tsx.html
@@ -1621,7 +1621,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/R
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/RangeSlider/index.html b/coverage/components/RangeSlider/index.html
index a933c49ca..17322f654 100644
--- a/coverage/components/RangeSlider/index.html
+++ b/coverage/components/RangeSlider/index.html
@@ -110,7 +110,7 @@ <h1><a href="../../index.html">All files</a> components/RangeSlider</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/RangeSlider/types.ts.html b/coverage/components/RangeSlider/types.ts.html
index 0afc763a7..f378ef223 100644
--- a/coverage/components/RangeSlider/types.ts.html
+++ b/coverage/components/RangeSlider/types.ts.html
@@ -271,7 +271,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/R
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Table/Table.tsx.html b/coverage/components/Table/Table.tsx.html
index 41ba79724..9934e9d2b 100644
--- a/coverage/components/Table/Table.tsx.html
+++ b/coverage/components/Table/Table.tsx.html
@@ -1605,7 +1605,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/T
 <span class="cstat-no" title="statement not covered" >          return copiedColumns[key].sortFunction(a[key], b[key]) ? -1 : 1;</span>
         }
         const comparison = newDirection ? a[key] &lt; b[key] : <span class="branch-1 cbranch-no" title="branch not covered" >a[key] &gt; b[key];</span>
-        return comparison ? -1 : <span class="branch-1 cbranch-no" title="branch not covered" >1;</span>
+        return comparison ? <span class="branch-0 cbranch-no" title="branch not covered" >-1 </span>: 1;
       });
     } else {
       // Cast data to the appropariate type and iterate over each group, sorting their content
@@ -1963,7 +1963,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/T
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Table/index.html b/coverage/components/Table/index.html
index c0cd5a1d7..7280f002d 100644
--- a/coverage/components/Table/index.html
+++ b/coverage/components/Table/index.html
@@ -110,7 +110,7 @@ <h1><a href="../../index.html">All files</a> components/Table</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Table/types.ts.html b/coverage/components/Table/types.ts.html
index beea85785..d98848651 100644
--- a/coverage/components/Table/types.ts.html
+++ b/coverage/components/Table/types.ts.html
@@ -301,7 +301,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/T
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Tag/Tag.tsx.html b/coverage/components/Tag/Tag.tsx.html
index 6daa3e53a..4d7330342 100644
--- a/coverage/components/Tag/Tag.tsx.html
+++ b/coverage/components/Tag/Tag.tsx.html
@@ -634,7 +634,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/T
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Tag/index.html b/coverage/components/Tag/index.html
index 390df7974..adb9bf89e 100644
--- a/coverage/components/Tag/index.html
+++ b/coverage/components/Tag/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Tag</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Text/Text.tsx.html b/coverage/components/Text/Text.tsx.html
index 05796a77c..3e240115b 100644
--- a/coverage/components/Text/Text.tsx.html
+++ b/coverage/components/Text/Text.tsx.html
@@ -427,7 +427,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/T
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/Text/index.html b/coverage/components/Text/index.html
index ef83d4dfb..6ff7ba5c5 100644
--- a/coverage/components/Text/index.html
+++ b/coverage/components/Text/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/Text</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/TextInput/TextInput.tsx.html b/coverage/components/TextInput/TextInput.tsx.html
index 0ec764cd9..3fe72a631 100644
--- a/coverage/components/TextInput/TextInput.tsx.html
+++ b/coverage/components/TextInput/TextInput.tsx.html
@@ -835,7 +835,7 @@ <h1><a href="../../index.html">All files</a> / <a href="index.html">components/T
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/TextInput/index.html b/coverage/components/TextInput/index.html
index 6f0ff062d..e088a9cf4 100644
--- a/coverage/components/TextInput/index.html
+++ b/coverage/components/TextInput/index.html
@@ -95,7 +95,7 @@ <h1><a href="../../index.html">All files</a> components/TextInput</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>
diff --git a/coverage/components/commonTypes.ts.html b/coverage/components/commonTypes.ts.html
index 7779e8ef9..4c5d73778 100644
--- a/coverage/components/commonTypes.ts.html
+++ b/coverage/components/commonTypes.ts.html
@@ -67,7 +67,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">components</a>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/components/index.html b/coverage/components/index.html
index b436b0e5b..f2a09c503 100644
--- a/coverage/components/index.html
+++ b/coverage/components/index.html
@@ -95,7 +95,7 @@ <h1><a href="../index.html">All files</a> components</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/context/index.html b/coverage/context/index.html
index b5a3e96fa..553d7ccc6 100644
--- a/coverage/context/index.html
+++ b/coverage/context/index.html
@@ -95,7 +95,7 @@ <h1><a href="../index.html">All files</a> context</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/context/index.tsx.html b/coverage/context/index.tsx.html
index 26df42db0..ab06968d3 100644
--- a/coverage/context/index.tsx.html
+++ b/coverage/context/index.tsx.html
@@ -280,7 +280,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">context</a> ind
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/enums/colors.ts.html b/coverage/enums/colors.ts.html
index 24aa2e3e7..c545e4baf 100644
--- a/coverage/enums/colors.ts.html
+++ b/coverage/enums/colors.ts.html
@@ -148,7 +148,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">enums</a> color
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/enums/feedbackTypes.ts.html b/coverage/enums/feedbackTypes.ts.html
index c9e8503da..8996c840c 100644
--- a/coverage/enums/feedbackTypes.ts.html
+++ b/coverage/enums/feedbackTypes.ts.html
@@ -82,7 +82,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">enums</a> feedb
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/enums/fonts.ts.html b/coverage/enums/fonts.ts.html
index bcae756a7..d999f21c3 100644
--- a/coverage/enums/fonts.ts.html
+++ b/coverage/enums/fonts.ts.html
@@ -79,7 +79,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">enums</a> fonts
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/enums/index.html b/coverage/enums/index.html
index 3e20fb4a5..6393f66d3 100644
--- a/coverage/enums/index.html
+++ b/coverage/enums/index.html
@@ -155,7 +155,7 @@ <h1><a href="../index.html">All files</a> enums</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/enums/timings.ts.html b/coverage/enums/timings.ts.html
index 83ceb314a..5a310a929 100644
--- a/coverage/enums/timings.ts.html
+++ b/coverage/enums/timings.ts.html
@@ -91,7 +91,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">enums</a> timin
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/enums/variants.ts.html b/coverage/enums/variants.ts.html
index 91a2b6ab0..935b66585 100644
--- a/coverage/enums/variants.ts.html
+++ b/coverage/enums/variants.ts.html
@@ -85,7 +85,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">enums</a> varia
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/htmlElements/index.html b/coverage/htmlElements/index.html
index 554a294f9..8bbfa20a5 100644
--- a/coverage/htmlElements/index.html
+++ b/coverage/htmlElements/index.html
@@ -95,7 +95,7 @@ <h1><a href="../index.html">All files</a> htmlElements</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/htmlElements/index.tsx.html b/coverage/htmlElements/index.tsx.html
index 3d2e2fc58..6bbaa4b70 100644
--- a/coverage/htmlElements/index.tsx.html
+++ b/coverage/htmlElements/index.tsx.html
@@ -124,7 +124,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">htmlElements</a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/index.html b/coverage/index.html
index 1379b0fc9..8d070f5de 100644
--- a/coverage/index.html
+++ b/coverage/index.html
@@ -365,7 +365,7 @@ <h1>All files</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="prettify.js"></script>
diff --git a/coverage/utils/color.ts.html b/coverage/utils/color.ts.html
index 5d5336a3a..f6d549bab 100644
--- a/coverage/utils/color.ts.html
+++ b/coverage/utils/color.ts.html
@@ -241,7 +241,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">utils</a> color
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/utils/index.html b/coverage/utils/index.html
index d8d59212a..41b694d9a 100644
--- a/coverage/utils/index.html
+++ b/coverage/utils/index.html
@@ -140,7 +140,7 @@ <h1><a href="../index.html">All files</a> utils</h1>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/utils/math.ts.html b/coverage/utils/math.ts.html
index 5140b2191..1f330567d 100644
--- a/coverage/utils/math.ts.html
+++ b/coverage/utils/math.ts.html
@@ -73,7 +73,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">utils</a> math.
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/utils/refs.ts.html b/coverage/utils/refs.ts.html
index c42a03077..92bb68011 100644
--- a/coverage/utils/refs.ts.html
+++ b/coverage/utils/refs.ts.html
@@ -136,7 +136,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">utils</a> refs.
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/coverage/utils/styles.ts.html b/coverage/utils/styles.ts.html
index f0bf34681..7abe8168a 100644
--- a/coverage/utils/styles.ts.html
+++ b/coverage/utils/styles.ts.html
@@ -475,7 +475,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">utils</a> style
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Jul 30 2021 16:15:22 GMT-0500 (Central Daylight Time)
+                at Mon Aug 02 2021 11:03:27 GMT-0500 (Central Daylight Time)
             </div>
         </div>
         <script src="../prettify.js"></script>
diff --git a/public/Images/ThemeExampleCode.png b/public/Images/ThemeExampleCode.png
index 4705c8b93..f247b25b7 100644
Binary files a/public/Images/ThemeExampleCode.png and b/public/Images/ThemeExampleCode.png differ
diff --git a/public/Images/ThemingExample.png b/public/Images/ThemingExample.png
index 427391cbd..4e0308df2 100644
Binary files a/public/Images/ThemingExample.png and b/public/Images/ThemingExample.png differ
diff --git a/public/Wordmark-Full-transparent.svg b/public/Wordmark-Full-transparent.svg
new file mode 100644
index 000000000..8af781b28
--- /dev/null
+++ b/public/Wordmark-Full-transparent.svg
@@ -0,0 +1,40 @@
+<svg width="869" height="215" viewBox="0 0 869 215" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M67.7525 0V22.5799H22.5929V45.1598H45.1727V67.7397H0V0H67.7525Z" fill="white"/>
+<path d="M23.5661 91.3018H0V114.863H23.5661V91.3018Z" fill="white"/>
+<path d="M123.95 114.863C109.575 114.863 97.5932 109.256 88.004 98.0407C80.2301 88.4497 75.3762 76.7942 74.0286 64.4817C72.6809 52.1693 74.8972 39.7267 80.4096 28.6568C84.5225 20.1314 90.8534 12.8919 98.7269 7.71077C106.193 2.67942 114.971 -0.00415565 123.95 4.83033e-06C137.417 4.83033e-06 149.079 5.60745 158.936 16.8223C168.837 28.2554 173.792 41.8878 173.8 57.7195C173.8 74.0225 169.006 87.6244 159.417 98.525C149.698 109.426 137.876 114.872 123.95 114.863ZM123.95 94.9773C131.809 94.9773 138.598 91.4121 144.319 84.2818C150.135 77.2997 153.043 68.4413 153.043 57.7064C153.265 48.0979 150.183 38.708 144.319 31.1311C138.78 23.992 131.856 20.4268 123.548 20.4355C115.24 20.4442 108.316 24.0095 102.777 31.1311C97.2297 38.1131 94.4559 46.9716 94.4559 57.7064C94.4559 69.9773 98.0648 79.6736 105.283 86.7953C107.677 89.3661 110.567 91.4176 113.774 92.8244C116.982 94.2312 120.44 94.9638 123.937 94.9773H123.95Z" fill="white"/>
+<path d="M220.939 114.848C213.521 114.97 206.224 113.014 199.925 109.213C194.146 106.162 189.551 101.367 186.835 95.5561C184.037 89.9647 182.638 80.7993 182.638 68.0599V2.94531H204.163V73.6426C204.163 79.8166 204.674 84.0471 205.697 86.3342C208.728 91.7778 213.634 94.4952 220.415 94.4865C223.934 94.5158 227.394 93.6138 230.424 91.8778C232.998 90.5514 235.005 88.3841 236.088 85.7602C237.164 83.3602 237.702 78.2949 237.702 70.5642V2.94531H259.228V68.0599C259.228 78.6601 258.523 86.282 257.115 90.9256C255.737 95.4813 253.245 99.6471 249.851 103.069C246.34 106.866 242.008 109.863 237.164 111.848C232.045 113.979 226.508 115.003 220.939 114.848Z" fill="white"/>
+<path d="M362.329 111.918H342.228L294.452 40.4903V111.918H273.956V2.94531H293.965L341.201 74.9444V2.94531H362.276L362.329 111.918Z" fill="white"/>
+<path d="M402.512 111.918H377.058V2.94531H402.512C418.637 2.94531 430.591 4.97559 438.374 9.03615C446.281 12.9322 452.874 19.352 458.151 28.2956C463.002 36.6765 465.428 46.9751 465.428 59.1914C465.503 66.9953 464.094 74.7452 461.27 82.0482C458.837 88.8249 454.715 94.9071 449.276 99.7492C444.664 104.052 439.148 107.327 433.11 109.347C427.282 111.061 417.082 111.918 402.512 111.918ZM408.282 91.6325C418.153 91.6325 425.261 90.6195 429.605 88.5936C433.763 86.4637 437.228 82.7451 440 77.4379C442.763 72.4336 444.145 66.1956 444.145 58.7238C444.145 35.0271 431.311 23.1788 405.644 23.1788H398.354V91.5806L408.282 91.6325Z" fill="white"/>
+<path d="M550.858 111.918H528.373L508.32 74.6629H501.185V111.918H480.159V2.94724H515.508C520.153 2.89823 524.759 3.78344 529.049 5.54956C533.34 7.31568 537.227 9.9262 540.476 13.224C543.812 16.4396 546.451 20.2997 548.229 24.5665C550.008 28.8334 550.889 33.4167 550.818 38.0346V39.0531C550.818 53.8002 543.665 64.682 529.359 71.6986L550.858 111.918ZM513.445 54.3443C515.477 54.3456 517.487 53.9287 519.348 53.1196C521.21 52.3105 522.882 51.1269 524.26 49.6434C525.75 48.1966 526.926 46.4618 527.714 44.5461C528.503 42.6303 528.888 40.5742 528.846 38.5047C528.893 36.4811 528.508 34.4706 527.718 32.605C526.927 30.7394 525.749 29.0609 524.26 27.6795C522.849 26.2608 521.163 25.1407 519.304 24.3866C517.446 23.6326 515.453 23.2602 513.445 23.2919H501.185V54.3443H513.445Z" fill="white"/>
+<path d="M582.24 111.918H561.264L585.95 64.5346L553.804 2.94531H576.314L580.418 10.5575L606.953 62.5499L582.24 111.918ZM606.94 62.4977L586.134 64.3126L617.179 2.94531H639.231L606.94 62.4977Z" fill="white"/>
+<path d="M718.779 114.851C711.358 114.972 704.058 113.014 697.759 109.211C691.968 106.156 687.372 101.344 684.675 95.5147C681.872 89.9266 680.471 80.7611 680.471 68.0181V2.94531H701.963V73.6584C701.963 79.821 702.475 84.0513 703.499 86.3492C706.517 91.7806 711.422 94.4964 718.213 94.4964C721.738 94.5257 725.204 93.6228 728.238 91.8851C730.808 90.5574 732.812 88.3936 733.898 85.7747C734.958 83.3724 735.492 78.3065 735.501 70.5772V2.94531H757.061V68.0181C757.061 78.6198 756.36 86.2448 754.958 90.8928C753.574 95.4476 751.078 99.6124 747.682 103.035C744.165 106.816 739.837 109.806 735.002 111.796C729.888 113.945 724.352 114.988 718.779 114.851Z" fill="white"/>
+<path d="M792.41 111.918H771.79V2.94531H792.41V111.918Z" fill="white"/>
+<g opacity="0.75">
+<path opacity="0.75" d="M6.55565 168.119H3.08117V173.745H0V156.236H6.90968C10.9873 156.236 13.5571 158.531 13.5571 162.112C13.5571 166.06 10.4104 168.119 6.55565 168.119ZM6.66057 159.043H3.08117V165.338H6.72611C9.04681 165.338 10.5022 164.027 10.5022 162.191C10.4366 160.105 8.95503 159.043 6.72611 159.043H6.66057Z" fill="white"/>
+<path opacity="0.75" d="M28.2935 174.047C26.5074 174.024 24.768 173.473 23.294 172.464C21.8199 171.454 20.6771 170.032 20.0091 168.375C19.341 166.718 19.1775 164.9 19.5393 163.15C19.901 161.4 20.7718 159.797 22.0421 158.54C23.3124 157.284 24.9256 156.432 26.6789 156.09C28.4322 155.748 30.2473 155.933 31.8962 156.62C33.545 157.307 34.954 158.467 35.9459 159.953C36.9379 161.439 37.4686 163.185 37.4714 164.971C37.4969 166.179 37.2762 167.38 36.8227 168.499C36.3692 169.619 35.6923 170.634 34.8335 171.483C33.9746 172.333 32.9518 172.998 31.8273 173.439C30.7029 173.88 29.5005 174.087 28.2935 174.047ZM28.2935 158.768C27.4987 158.778 26.714 158.947 25.9864 159.267C25.2587 159.587 24.6029 160.05 24.0583 160.63C23.5136 161.209 23.0913 161.892 22.8165 162.638C22.5417 163.384 22.4201 164.177 22.4589 164.971C22.4273 165.776 22.5575 166.578 22.8418 167.33C23.1261 168.083 23.5587 168.771 24.1139 169.353C24.6691 169.936 25.3356 170.4 26.0739 170.72C26.8121 171.04 27.6071 171.208 28.4115 171.214C29.2108 171.207 30.0004 171.037 30.7323 170.715C31.4643 170.394 32.1235 169.927 32.67 169.344C33.2166 168.76 33.6393 168.072 33.9124 167.32C34.1855 166.569 34.3034 165.77 34.2591 164.971C34.2854 164.17 34.1508 163.371 33.8632 162.621C33.5757 161.872 33.1411 161.189 32.585 160.61C32.029 160.032 31.3627 159.571 30.6256 159.255C29.8885 158.938 29.0956 158.773 28.2935 158.768Z" fill="white"/>
+<path opacity="0.75" d="M53.9271 156.185H56.5494L60.8499 169.221L65.0324 156.237H68.2577L62.1479 173.877H59.5256L55.2251 161.286L50.9246 173.877H48.3024L42.127 156.237H45.4572L49.6397 169.221L53.9271 156.185Z" fill="white"/>
+<path opacity="0.75" d="M87.6095 158.99H77.7105V163.541H86.4819V166.282H77.7105V170.978H87.7275V173.732H74.6162V156.236H87.5964L87.6095 158.99Z" fill="white"/>
+<path opacity="0.75" d="M105.848 173.745L101.547 167.594H97.6928V173.693H94.5723V156.236H102.439C106.464 156.236 108.929 158.361 108.929 161.784C108.977 163.023 108.584 164.239 107.821 165.216C107.058 166.193 105.973 166.869 104.76 167.122L109.48 173.745H105.848ZM102.177 159.043H97.6928V164.971H102.19C104.393 164.971 105.796 163.817 105.796 162.02C105.796 160.223 104.445 159.043 102.177 159.043Z" fill="white"/>
+<path opacity="0.75" d="M128.91 158.99H119.011V163.541H127.782V166.282H119.011V170.978H129.041V173.732H115.93V156.236H128.91V158.99Z" fill="white"/>
+<path opacity="0.75" d="M142.455 173.745H135.899V156.236H142.455C147.949 156.236 151.751 160.013 151.751 164.971C151.751 169.928 147.949 173.745 142.455 173.745ZM142.455 159.043H138.994V170.938H142.455C143.259 170.976 144.063 170.85 144.817 170.568C145.572 170.287 146.261 169.855 146.844 169.299C147.426 168.743 147.89 168.074 148.207 167.334C148.524 166.593 148.687 165.796 148.687 164.991C148.687 164.185 148.524 163.388 148.207 162.648C147.89 161.907 147.426 161.239 146.844 160.683C146.261 160.127 145.572 159.695 144.817 159.413C144.063 159.131 143.259 159.005 142.455 159.043Z" fill="white"/>
+<path opacity="0.75" d="M183.047 160.709C183.07 161.54 182.844 162.359 182.398 163.06C181.952 163.762 181.305 164.313 180.542 164.643C182.601 165.338 184.017 166.519 184.017 168.919C184.017 172.066 181.395 173.745 177.54 173.745H169.45V156.236H177.317C180.818 156.236 183.047 157.954 183.047 160.709ZM179.965 161.207C179.965 159.791 178.877 158.964 176.897 158.964H172.466V163.659H176.675C178.641 163.659 179.965 162.833 179.965 161.207ZM180.949 168.591C180.949 167.096 179.769 166.217 177.343 166.217H172.466V171.017H177.566C179.677 171.017 180.949 170.217 180.949 168.591Z" fill="white"/>
+<path opacity="0.75" d="M198.23 173.745H195.135V166.846L188.187 156.236H191.805L196.709 163.987L201.665 156.236H205.192L198.23 166.728V173.745Z" fill="white"/>
+</g>
+<g clip-path="url(#clip0)">
+<path opacity="0.75" d="M249.392 147.874V160.514H237.448V147.874H228.063V181.621H237.448V168.859H249.392V181.621H258.777V147.874H249.392Z" fill="white"/>
+<path opacity="0.75" d="M303.628 147.629H312.647L326.906 181.621H316.912L314.475 175.608H301.556L299.118 181.621H289.246L303.628 147.629ZM311.793 168.368L308.015 158.796L304.237 168.368H311.793Z" fill="white"/>
+<path opacity="0.75" d="M327.883 147.874H340.924C352.99 147.874 359.937 154.869 359.937 164.564V164.686C359.937 174.504 352.868 181.744 340.68 181.744H327.883V147.874ZM340.924 173.399C346.53 173.399 350.186 170.331 350.186 164.809V164.686C350.186 159.287 346.53 156.096 340.924 156.096H337.146V173.276H340.924V173.399Z" fill="white"/>
+<path opacity="0.75" d="M399.423 156.096H389.307V147.874H418.801V156.096H408.685V181.621H399.301V156.096H399.423Z" fill="white"/>
+<path opacity="0.75" d="M458.168 147.874H474.134C479.253 147.874 482.787 149.224 485.103 151.556C487.053 153.519 488.028 156.096 488.028 159.409V159.532C488.028 164.686 485.347 168.122 481.081 169.963L489.125 181.744H478.399L471.574 171.558H467.43V181.621H458.046V147.874H458.168ZM473.646 164.073C476.815 164.073 478.643 162.477 478.643 160.023V159.9C478.643 157.201 476.693 155.851 473.646 155.851H467.552V163.95L473.646 164.073Z" fill="white"/>
+<path opacity="0.75" d="M450.002 151.801C448.783 150.574 447.321 149.469 445.615 148.61L440.13 157.078L449.88 160.759L432.33 179.658L436.961 164.441L426.114 160.759L431.111 147.874C428.917 148.733 426.845 150.083 425.139 151.801C421.727 155.114 419.898 159.532 419.898 164.318C419.898 169.472 421.605 173.767 424.774 177.203C428.186 180.762 432.574 182.603 437.571 182.603C442.324 182.603 446.955 180.762 450.246 177.203C453.537 173.89 455.243 169.472 455.243 164.441C455.365 159.655 453.415 155.237 450.002 151.801Z" fill="#EC7A52"/>
+<path opacity="0.75" d="M359.691 176.59L364.932 170.332C368.223 173.031 372.001 174.381 375.901 174.381C378.461 174.381 379.801 173.522 379.801 172.05V171.927C379.801 170.577 378.704 169.718 374.073 168.736C366.882 167.141 361.398 165.055 361.398 158.06C361.398 151.801 366.395 147.261 374.439 147.261C380.167 147.261 384.676 148.856 388.333 151.801L383.701 158.428C380.654 156.219 377.242 155.115 374.317 155.115C372.001 155.115 370.904 156.096 370.904 157.324V157.446C370.904 159.042 372.001 159.655 376.754 160.76C384.554 162.478 389.308 164.932 389.308 171.313V171.436C389.308 178.308 383.823 182.48 375.657 182.48C369.563 182.235 363.835 180.394 359.691 176.59Z" fill="white"/>
+<path opacity="0.75" d="M490.343 147.874H500.215L508.259 161.005L516.303 147.874H526.175V181.621H516.912V162.232L508.259 175.485H508.015L499.484 162.355V181.621H490.343V147.874Z" fill="white"/>
+<path opacity="0.75" d="M262.311 147.874H289.367V155.851H271.573V161.005H287.783V168.368H271.573V173.767H289.611V181.621H262.311V147.874Z" fill="white"/>
+<path opacity="0.75" d="M535.439 157.692C534.22 157.692 533.001 157.201 532.026 156.219C531.173 155.36 530.686 154.133 530.686 152.783C530.686 151.556 531.173 150.329 532.148 149.347C533.001 148.488 534.22 147.997 535.561 147.997C536.779 147.997 537.998 148.488 538.973 149.347C539.826 150.206 540.436 151.433 540.436 152.783C540.436 154.01 539.948 155.237 539.095 156.219C538.242 157.078 537.023 157.692 535.682 157.692H535.439ZM535.439 148.611C533.001 148.611 531.173 150.574 531.173 152.906C531.173 155.237 533.001 157.201 535.439 157.201C537.876 157.201 539.704 155.237 539.704 152.906C539.704 150.451 537.876 148.611 535.439 148.611ZM536.414 153.397L537.754 155.36H536.658L535.439 153.642H534.342V155.36H533.367V150.206H535.561C536.779 150.206 537.511 150.82 537.511 151.801C537.633 152.66 537.145 153.151 536.414 153.397ZM535.682 151.065H534.464V152.66H535.682C536.292 152.66 536.658 152.415 536.658 151.801C536.658 151.433 536.292 151.065 535.682 151.065Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="312.251" height="38.2877" fill="white" transform="translate(228.063 144.315)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/headstorm-logo.png b/public/headstorm-logo.png
deleted file mode 100644
index 1bc22fbcc..000000000
Binary files a/public/headstorm-logo.png and /dev/null differ
diff --git a/src/components/Appendix/Appendix.stories.tsx b/src/components/Appendix/Appendix.stories.tsx
index b74426f65..069b00152 100644
--- a/src/components/Appendix/Appendix.stories.tsx
+++ b/src/components/Appendix/Appendix.stories.tsx
@@ -28,8 +28,14 @@ storiesOf('Appendix', module).add('Appendix', () => {
         The components you used in the hackathon will be the same ones you use when you're a fortune
         500 megacorp.
       </p>
-      <FullWidthImage src="%PUBLIC_URL%/images/ThemingExample.png" alt="Theming Example" />
-      <FullWidthImage src="%PUBLIC_URL%/images/ThemeExampleCode.png" alt="Theming Example Code" />
+      <FullWidthImage
+        src={`${process.env.PUBLIC_URL}/images/ThemingExample.png`}
+        alt="Theming Example"
+      />
+      <FullWidthImage
+        src={`${process.env.PUBLIC_URL}/images/ThemeExampleCode.png`}
+        alt="Theming Example Code"
+      />
     </DocContainer>
   );
 });