UIDS-286 Add fontawesome pro (#293)

Author: rroppolo

.github/workflows/gh-pages-deploy.yml

@@ -7,10 +7,16 @@
     gh-pages-deploy:
       name: Deploying to gh-pages
       runs-on: ubuntu-latest
+      env:
+        FONTAWESOME_NPM_AUTH_TOKEN: ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
       steps:
         - name: Checkout branch
           uses: actions/checkout@v2
 
+        - name: Configure npm
+          run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
+               npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
+
         - name: Install dependencies
           run: yarn install
 

.github/workflows/lint.yml

@@ -5,8 +5,12 @@ on: push
 jobs:
   js-lint:
     runs-on: ubuntu-latest
+    env:
+      FONTAWESOME_NPM_AUTH_TOKEN: ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
+      - run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
+          npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
       - run: yarn
       - run: yarn lint

.github/workflows/release.yml

@@ -9,10 +9,14 @@ on:
 jobs:
   create-release:
     runs-on: ubuntu-latest
+    env:
+      FONTAWESOME_NPM_AUTH_TOKEN: ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
       - uses: fregante/setup-git-user@v1
+      - run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
+          npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
       - run: yarn install
 
       # Update package version

.github/workflows/test.yml

@@ -5,8 +5,12 @@ on: push
 jobs:
   js-test:
     runs-on: ubuntu-latest
+    env:
+      FONTAWESOME_NPM_AUTH_TOKEN: ${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
+      - run: npm config set "@fortawesome:registry" https://npm.fontawesome.com/ &&
+            npm config set "//npm.fontawesome.com/:_authToken" $FONTAWESOME_NPM_AUTH_TOKEN
       - run: yarn
       - run: yarn test

.gitignore

@@ -20,6 +20,7 @@ lib
 .env.development.local
 .env.test.local
 .env.production.local
+.npmrc
 
 # Ignore Jetbrains IDE settings
 /.idea

README.md

@@ -71,6 +71,10 @@ How do we determine whether it's a major, minor, or patch release?
 
 # Developer Resources
 
+## Initial Setup
+After cloning the repo, obtain a `.npmrc` file from another developer. This file contains authorization tokens for any private 
+node packages.
+
 ## Available Scripts
 In the project directory, you can run:
 

package.json

@@ -34,8 +34,8 @@
   "peerDependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.28",
     "@fortawesome/free-brands-svg-icons": "^5.15.3",
-    "@fortawesome/free-regular-svg-icons": "^5.13.0",
-    "@fortawesome/free-solid-svg-icons": "^5.13.0",
+    "@fortawesome/pro-regular-svg-icons": "^5.15.3",
+    "@fortawesome/pro-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@popperjs/core": "^2.5.3",
     "bootstrap": "^4.3.1",
@@ -58,8 +58,8 @@
     "@babel/runtime": "^7.12.5",
     "@fortawesome/fontawesome-svg-core": "^1.2.28",
     "@fortawesome/free-brands-svg-icons": "^5.15.3",
-    "@fortawesome/free-regular-svg-icons": "^5.13.0",
-    "@fortawesome/free-solid-svg-icons": "^5.13.0",
+    "@fortawesome/pro-regular-svg-icons": "^5.15.3",
+    "@fortawesome/pro-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@popperjs/core": "^2.5.3",
     "@storybook/addon-a11y": "^6.2.1",

src/Alert/Alert.jsx

@@ -7,7 +7,7 @@ import {
   faCheckCircle,
   faExclamationTriangle,
   faInfoCircle,
-} from '@fortawesome/free-solid-svg-icons';
+} from '@fortawesome/pro-solid-svg-icons';
 
 import './Alert.scss';
 import classNames from 'classnames';

src/CopyToClipboardButton/CopyToClipboardButton.jsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCopy } from '@fortawesome/free-regular-svg-icons';
+import { faCopy } from '@fortawesome/pro-regular-svg-icons';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 
 import Popper from 'src/Popper';

src/FormGroup/FormGroup.stories.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { faSearch } from '@fortawesome/free-solid-svg-icons';
+import { faSearch } from '@fortawesome/pro-solid-svg-icons';
 import {
   boolean,
   radios,