Updating Font to Inter (#983)

* Updating Font to `Inter`

* Update changelog

---------

Co-authored-by: Bill Bridegroom <william.bridegroom@mx.com>

Author: wbridegroom

.gitignore

@@ -32,4 +32,7 @@ dist
 # Webpack files
 demo/bundle.js
 
-.DS_Store
+.DS_Store
+
+# Webstorm cache
+.idea

docs/bundle.js

@@ -7,6 +7,11 @@ class Changelog extends React.Component {
         <h1>Change Log</h1>
 
         <h2>MX React Components V 8.0.0</h2>
+        <h3>8.5.0</h3>
+        <ul>
+          <li>Changing Font to Inter</li>
+        </ul>
+
         <h3>8.4.4</h3>
         <ul>
           <li>Republish for change log</li>

docs/components/Changelog.js

@@ -297,7 +297,7 @@ class DrawerDocs extends React.Component {
     return {
       content: {
         padding: 60,
-        fontFamily: 'ProximaNovaRegular, Helvetica, Arial, sans-serif',
+        fontFamily: 'InterRegular, Helvetica, Arial, sans-serif',
         color: '#2E323F'
       },
       unorderdLists: {

docs/components/DrawerDocs.js

@@ -99,15 +99,15 @@ class StylesDocs extends React.Component {
         </Markdown>
 
         <h5>Fonts</h5>
-        <p>In order to leverage the ProximaNova fonts, you will need to include those fonts in your application using <Code>@font_face</Code> and make sure the names match.</p>
+        <p>In order to leverage the Inter fonts, you will need to include those fonts in your application using <Code>@font_face</Code> and make sure the names match.</p>
 
         <Markdown lang='js'>
           {`
-            Styles.Fonts.THIN // ProximaNovaThin, Helvetica, Arial, sans-serif
-            Styles.Fonts.LIGHT // ProximaNovaLight, Helvetica, Arial, sans-serif
-            Styles.Fonts.REGULAR // ProximaNovaRegular, Helvetica, Arial, sans-serif
-            Styles.Fonts.ITALIC // ProximaNovaRegularItalic, Helvetica, Arial, sans-serif
-            Styles.Fonts.SEMIBOLD // ProximaNovaSemibold, Helvetica, Arial, sans-serif
+            Styles.Fonts.THIN // InterRegular, Helvetica, Arial, sans-serif
+            Styles.Fonts.LIGHT // InterRegular, Helvetica, Arial, sans-serif
+            Styles.Fonts.REGULAR // InterRegular, Helvetica, Arial, sans-serif
+            Styles.Fonts.ITALIC // InterRegular, Helvetica, Arial, sans-serif
+            Styles.Fonts.SEMIBOLD // InterSemibold, Helvetica, Arial, sans-serif
           `}
         </Markdown>
 

docs/components/StylesDocs.js

@@ -1,6 +1,6 @@
 {
   "name": "mx-react-components",
-  "version": "8.4.4",
+  "version": "8.5.0",
   "description": "A collection of generic React UI components",
   "main": "dist/index.js",
   "files": [

package.json

@@ -68,11 +68,11 @@ const Style = {
   },
 
   Fonts: {
-    THIN: 'ProximaNovaThin, Helvetica, Arial, sans-serif',
-    LIGHT: 'ProximaNovaLight, Helvetica, Arial, sans-serif',
-    REGULAR: 'ProximaNovaRegular, Helvetica, Arial, sans-serif',
-    ITALIC: 'ProximaNovaRegularItalic, Helvetica, Arial, sans-serif',
-    SEMIBOLD: 'ProximaNovaSemibold, Helvetica, Arial, sans-serif'
+    THIN: 'InterRegular, Helvetica, Arial, sans-serif',
+    LIGHT: 'InterRegular, Helvetica, Arial, sans-serif',
+    REGULAR: 'InterRegular, Helvetica, Arial, sans-serif',
+    ITALIC: 'InterRegular, Helvetica, Arial, sans-serif',
+    SEMIBOLD: 'InterSemibold, Helvetica, Arial, sans-serif'
   },
 
   //Box Shadows