From aac0063ecabf4ab6927f58308b9359e78e13cf0a Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Thu, 29 Aug 2019 16:43:21 +0530
Subject: [PATCH 01/13] Changed Shared user to Generic Avatar Varaint

---
 packages/terra-avatar/CHANGELOG.md            |   2 +
 packages/terra-avatar/docs/README.md          |   8 +-
 .../docs/{shared-user.md => generic.md}       |  11 +-
 packages/terra-avatar/package.json            |   2 +-
 .../src/common/Avatar.module.scss             |   6 +
 .../terra-avatar/src/common/AvatarUtils.jsx   |   2 +-
 packages/terra-avatar/src/index.js            |   4 +-
 .../doc/avatar/Generic.d.doc.jsx              |  91 ++++++
 .../doc/avatar/SharedUser.d.doc.jsx           |  47 ---
 .../doc/example/generic/provider/Provider.jsx |   8 +
 .../provider/ProviderColorVariants.jsx        |  15 +
 .../example/generic/provider/ProviderSize.jsx |   8 +
 .../shared-user/GenericSharedUser.jsx}        |   4 +-
 .../GenericSharedUserColorVariants.jsx        |  15 +
 .../shared-user/GenericSharedUserSize.jsx     |   8 +
 .../generic/single-user/GenericSingleUser.jsx |   8 +
 .../GenericSingleUserColorVariants.jsx        |  15 +
 .../single-user/GenericSingleUserSize.jsx     |   8 +
 .../shared-user/SharedUserColorVariants.jsx   |  15 -
 .../example/shared-user/SharedUserSize.jsx    |   8 -
 .../test/avatar/generic/Provider.test.jsx     |   4 +
 .../test/avatar/generic/SharedUser.test.jsx   |   4 +
 .../test/avatar/generic/SingleUser.test.jsx   |   4 +
 .../shared-user/DefaultSharedUser.test.jsx    |   4 -
 .../variants/{SharedUser.jsx => Generic.jsx}  |  35 ++-
 .../terra-avatar/tests/jest/Generic.test.jsx  | 114 ++++++++
 .../tests/jest/SharedUser.test.jsx            |  46 ---
 .../jest/__snapshots__/Generic.test.jsx.snap  | 276 ++++++++++++++++++
 .../__snapshots__/SharedUser.test.jsx.snap    | 101 -------
 .../Icon_Provider[default].png                | Bin 0 -> 1850 bytes
 .../Icon_Shared_User[default].png             | Bin 2112 -> 2079 bytes
 .../Icon_Single_User[default].png             | Bin 0 -> 1787 bytes
 .../tests/wdio/avatar-common-spec.js          |  16 +-
 33 files changed, 640 insertions(+), 249 deletions(-)
 rename packages/terra-avatar/docs/{shared-user.md => generic.md} (67%)
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.d.doc.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.d.doc.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/Provider.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderSize.jsx
 rename packages/terra-avatar/src/terra-dev-site/doc/example/{shared-user/SharedUser.jsx => generic/shared-user/GenericSharedUser.jsx} (51%)
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserSize.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/test/avatar/generic/Provider.test.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SharedUser.test.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SingleUser.test.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/test/avatar/shared-user/DefaultSharedUser.test.jsx
 rename packages/terra-avatar/src/variants/{SharedUser.jsx => Generic.jsx} (63%)
 create mode 100644 packages/terra-avatar/tests/jest/Generic.test.jsx
 delete mode 100644 packages/terra-avatar/tests/jest/SharedUser.test.jsx
 create mode 100644 packages/terra-avatar/tests/jest/__snapshots__/Generic.test.jsx.snap
 delete mode 100644 packages/terra-avatar/tests/jest/__snapshots__/SharedUser.test.jsx.snap
 create mode 100644 packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png
 create mode 100644 packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png

diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md
index 5e39e191410..7c643b64690 100644
--- a/packages/terra-avatar/CHANGELOG.md
+++ b/packages/terra-avatar/CHANGELOG.md
@@ -3,6 +3,8 @@ ChangeLog
 
 Unreleased
 ----------
+### Changed
+* Changed shared user to generic variant with sub-variants single-user, shared-user and provider.
 
 2.25.0 - (August 21, 2019)
 ------------------
diff --git a/packages/terra-avatar/docs/README.md b/packages/terra-avatar/docs/README.md
index c73853e393b..2a7c4f699b3 100644
--- a/packages/terra-avatar/docs/README.md
+++ b/packages/terra-avatar/docs/README.md
@@ -1,6 +1,6 @@
 # About terra-avatar
 
-The `terra-avatar` package contains three components: `Avatar`, `Facility`, and `SharedUser`. View their respective documentation tabs for information on accepted props and examples.
+The `terra-avatar` package contains three components: `Avatar`, `Facility`, and `Generic`. View their respective documentation tabs for information on accepted props and examples.
 
 ## Getting Started
 
@@ -28,7 +28,7 @@ This component requires the following peer dependencies be installed in your app
 
 ```jsx
 import React from 'react';
-import Avatar, { Facility, SharedUser } from 'terra-avatar';
+import Avatar, { Facility, Generic } from 'terra-avatar';
 
 <Avatar
   alt="User"
@@ -40,8 +40,8 @@ import Avatar, { Facility, SharedUser } from 'terra-avatar';
   image="https://path/to/image.jpg"
 />
 
-<SharedUser
-  alt="Shared-User"
+<Generic
+  alt="Generic"
 />
 ```
 
diff --git a/packages/terra-avatar/docs/shared-user.md b/packages/terra-avatar/docs/generic.md
similarity index 67%
rename from packages/terra-avatar/docs/shared-user.md
rename to packages/terra-avatar/docs/generic.md
index 3a01ef01976..65194eb4e26 100644
--- a/packages/terra-avatar/docs/shared-user.md
+++ b/packages/terra-avatar/docs/generic.md
@@ -1,9 +1,8 @@
-# Shared User
+# Generic
 
-The `SharedUser` variant represents multiple users - it displays a shared user icon in a circular frame.
+The `Generic` variant represents multiple variants like `single-user`, `shared-user`, `provider` - it displays a specified variant user icon in a circular frame.
 
 ## Getting Started
-
 - Install with [npmjs](https://www.npmjs.com):
   - `npm install terra-avatar`
 
@@ -11,10 +10,10 @@ The `SharedUser` variant represents multiple users - it displays a shared user i
 
 ```jsx
 import React from 'react';
-import { SharedUser } from 'terra-avatar';
+import { Generic } from 'terra-avatar';
 
-<SharedUser
-  alt="shared users"
+<Generic
+  alt="Generic Users"
 />
 ```
 
diff --git a/packages/terra-avatar/package.json b/packages/terra-avatar/package.json
index 93b5d70b419..9ab7e4e9899 100644
--- a/packages/terra-avatar/package.json
+++ b/packages/terra-avatar/package.json
@@ -2,7 +2,7 @@
   "name": "terra-avatar",
   "main": "lib/index.js",
   "version": "2.25.0",
-  "description": "Contains components that represent a person, location or entity. Variants include Avatar, Facility, and SharedUser.",
+  "description": "Contains components that represent a person, location or entity. Variants include Avatar, Facility, and Generic.",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cerner/terra-core.git"
diff --git a/packages/terra-avatar/src/common/Avatar.module.scss b/packages/terra-avatar/src/common/Avatar.module.scss
index 5c685a94b31..a023c2a15b0 100644
--- a/packages/terra-avatar/src/common/Avatar.module.scss
+++ b/packages/terra-avatar/src/common/Avatar.module.scss
@@ -58,6 +58,12 @@
       height: 100%;
       width: 100%;
     }
+
+    &.provider {
+      background-image: var(--terra-avatar-icon-provider-background-image, inline-svg("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='#fff' d='M24 28.9c4.7 0 8.5-3.8 8.5-8.5s-3.8-8.5-8.5-8.5-8.5 3.8-8.5 8.5 3.8 8.5 8.5 8.5zm6 2.9v4.4c0 .3.2.9.9 1.6.6.5.6 1.3.6 1.3v4.5c0 .4-.3.8-.8.8-.4 0-.8-.3-.8-.8v-5.2h-1.5v5.2c0 .4-.3.8-.8.8-.4 0-.8-.3-.8-.8V39s0-.8.6-1.3c.8-.6.9-1.2.9-1.6v-4.7c-.8-.2-1.6-.2-2.4-.2h-4.1c-.8 0-1.6.1-2.4.2v6.9c1.3.3 2.2 1.5 2.2 2.9 0 1.7-1.3 3-3 3s-3-1.3-3-3c0-1.4 1-2.6 2.2-2.9v-6.5c-5 1.7-8.6 6.4-8.6 11.9V48h29.3v-4.3c.1-5.5-3.5-10.2-8.5-11.9zm-12.8 9.4c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5-.7-1.5-1.5-1.5-1.5.7-1.5 1.5z'/></svg>"));
+      height: 100%;
+      width: 100%;
+    }
     /* stylelint-enable string-quotes */
   }
 
diff --git a/packages/terra-avatar/src/common/AvatarUtils.jsx b/packages/terra-avatar/src/common/AvatarUtils.jsx
index 3b99b29de0b..34760cbf217 100644
--- a/packages/terra-avatar/src/common/AvatarUtils.jsx
+++ b/packages/terra-avatar/src/common/AvatarUtils.jsx
@@ -8,7 +8,7 @@ const cx = classNames.bind(styles);
 const AVATAR_VARIANTS = {
   USER: 'user',
   FACILITY: 'facility',
-  SHARED_USER: 'shared-user',
+  GENERIC: 'generic',
 };
 
 const COLOR_VARIANTS = [
diff --git a/packages/terra-avatar/src/index.js b/packages/terra-avatar/src/index.js
index be5e28781b2..2039c0aae6b 100644
--- a/packages/terra-avatar/src/index.js
+++ b/packages/terra-avatar/src/index.js
@@ -1,6 +1,6 @@
 import Avatar from './variants/Avatar';
 import Facility from './variants/Facility';
-import SharedUser from './variants/SharedUser';
+import Generic from './variants/Generic';
 
 export default Avatar;
-export { Facility, SharedUser };
+export { Facility, Generic };
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.d.doc.jsx b/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.d.doc.jsx
new file mode 100644
index 00000000000..aff2f3eb268
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.d.doc.jsx
@@ -0,0 +1,91 @@
+import React from 'react';
+import DocTemplate from 'terra-doc-template';
+import ReadMe from '../../../../docs/generic.md';
+import { name, version } from '../../../../package.json';
+
+// Component Source
+import GenericSrc from '!raw-loader!../../../../src/variants/Generic.jsx';
+import SingleUser from '../example/generic/single-user/GenericSingleUser';
+import SingleUserSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser';
+import SingleUserSize from '../example/generic/single-user/GenericSingleUserSize';
+import SingleUserSizeSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize';
+import SingleUserColorVariants from '../example/generic/single-user/GenericSingleUserColorVariants';
+import SingleUserColorVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants';
+
+import SharedUser from '../example/generic/shared-user/GenericSharedUser';
+import SharedUserSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser';
+import SharedUserSize from '../example/generic/shared-user/GenericSharedUserSize';
+import SharedUserSizeSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize';
+import SharedUserColorVariants from '../example/generic/shared-user/GenericSharedUserColorVariants';
+import SharedUserColorVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants';
+
+import Provider from '../example/generic/provider/Provider';
+import ProviderSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/provider/Provider';
+import ProviderSize from '../example/generic/provider/ProviderSize';
+import ProviderSizeSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/provider/ProviderSize';
+import ProviderColorVariants from '../example/generic/provider/ProviderColorVariants';
+import ProviderColorVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants';
+
+const DocPage = () => (
+  <DocTemplate
+    packageName={name}
+    packageVersion={version}
+    readme={ReadMe}
+    srcPath={`https://github.com/cerner/terra-core/tree/master/packages/${name}`}
+    examples={[
+      {
+        title: 'Single User - Default',
+        example: <SingleUser />,
+        source: SingleUserSrc,
+      },
+      {
+        title: 'Single User - Override Size',
+        example: <SingleUserSize />,
+        source: SingleUserSizeSrc,
+      },
+      {
+        title: 'Single User - Toggle Color Variants - Theme Specific',
+        example: <SingleUserColorVariants />,
+        source: SingleUserColorVariantsSrc,
+      },
+      {
+        title: 'Shared User - Default',
+        example: <SharedUser />,
+        source: SharedUserSrc,
+      },
+      {
+        title: 'Shared User - Override Size',
+        example: <SharedUserSize />,
+        source: SharedUserSizeSrc,
+      },
+      {
+        title: 'Shared User - Toggle Color Variants - Theme Specific',
+        example: <SharedUserColorVariants />,
+        source: SharedUserColorVariantsSrc,
+      },
+      {
+        title: 'Provider - Default',
+        example: <Provider />,
+        source: ProviderSrc,
+      },
+      {
+        title: 'Provider - Override Size',
+        example: <ProviderSize />,
+        source: ProviderSizeSrc,
+      },
+      {
+        title: 'Provider - Toggle Color Variants - Theme Specific',
+        example: <ProviderColorVariants />,
+        source: ProviderColorVariantsSrc,
+      },
+    ]}
+    propsTables={[
+      {
+        componentName: 'Generic',
+        componentSrc: GenericSrc,
+      },
+    ]}
+  />
+);
+
+export default DocPage;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.d.doc.jsx b/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.d.doc.jsx
deleted file mode 100644
index 0d430e51226..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.d.doc.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import DocTemplate from 'terra-doc-template';
-import ReadMe from '../../../../docs/shared-user.md';
-import { name, version } from '../../../../package.json';
-
-// Component Source
-import src from '!raw-loader!../../../../src/variants/SharedUser.jsx';
-import SharedUser from '../example/shared-user/SharedUser';
-import SharedUserSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/shared-user/SharedUser';
-import SharedUserSize from '../example/shared-user/SharedUserSize';
-import SharedUserSizeSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/shared-user/SharedUserSize';
-import SharedUserColorVariants from '../example/shared-user/SharedUserColorVariants';
-import SharedUserColorVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants';
-
-const DocPage = () => (
-  <DocTemplate
-    packageName={name}
-    packageVersion={version}
-    readme={ReadMe}
-    srcPath={`https://github.com/cerner/terra-core/tree/master/packages/${name}`}
-    examples={[
-      {
-        title: 'Default',
-        example: <SharedUser />,
-        source: SharedUserSrc,
-      },
-      {
-        title: 'Override Size',
-        example: <SharedUserSize />,
-        source: SharedUserSizeSrc,
-      },
-      {
-        title: 'Toggle Color Variants - Theme Specific',
-        example: <SharedUserColorVariants />,
-        source: SharedUserColorVariantsSrc,
-      },
-    ]}
-    propsTables={[
-      {
-        componentName: 'Shared User',
-        componentSrc: src,
-      },
-    ]}
-  />
-);
-
-export default DocPage;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/Provider.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/Provider.jsx
new file mode 100644
index 00000000000..a286c215fe1
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/Provider.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Generic } from 'terra-avatar';
+
+const AvatarProvider = () => (
+  <Generic variant="provider" alt="Provider" />
+);
+
+export default AvatarProvider;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants.jsx
new file mode 100644
index 00000000000..6a969053fdb
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Generic } from 'terra-avatar';
+import ColorVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/common/ColorVariantsWrapper';
+
+const propTypes = { color: PropTypes.string };
+
+const GenericUserColorVariants = ({
+  ...props
+}) => (
+  <Generic variant="provider" alt="Provider" color={props.color} />
+);
+
+GenericUserColorVariants.propTypes = propTypes;
+export default ColorVariantsWrapper(GenericUserColorVariants);
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderSize.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderSize.jsx
new file mode 100644
index 00000000000..cb5b31c1ec4
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderSize.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Generic } from 'terra-avatar';
+
+const AvatarSize = () => (
+  <Generic variant="provider" alt="Provider" size="2em" />
+);
+
+export default AvatarSize;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUser.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser.jsx
similarity index 51%
rename from packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUser.jsx
rename to packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser.jsx
index 71b6d0dcabf..47050f45fd7 100644
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUser.jsx
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser.jsx
@@ -1,8 +1,8 @@
 import React from 'react';
-import { SharedUser } from 'terra-avatar';
+import { Generic } from 'terra-avatar';
 
 const AvatarSharedUser = () => (
-  <SharedUser alt="Shared User" />
+  <Generic variant="shared-user" alt="Shared User" />
 );
 
 export default AvatarSharedUser;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants.jsx
new file mode 100644
index 00000000000..d09f2aa25e0
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Generic } from 'terra-avatar';
+import ColorVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/common/ColorVariantsWrapper';
+
+const propTypes = { color: PropTypes.string };
+
+const GenericUserColorVariants = ({
+  ...props
+}) => (
+  <Generic variant="shared-user" alt="Shared User" color={props.color} />
+);
+
+GenericUserColorVariants.propTypes = propTypes;
+export default ColorVariantsWrapper(GenericUserColorVariants);
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize.jsx
new file mode 100644
index 00000000000..9235439236a
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Generic } from 'terra-avatar';
+
+const AvatarSize = () => (
+  <Generic variant="shared-user" alt="Shared User" size="2em" />
+);
+
+export default AvatarSize;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser.jsx
new file mode 100644
index 00000000000..200b42bfa1b
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Generic } from 'terra-avatar';
+
+const AvatarSingleUser = () => (
+  <Generic variant="single-user" alt="Single User" />
+);
+
+export default AvatarSingleUser;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants.jsx
new file mode 100644
index 00000000000..ae2b4eef2af
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Generic } from 'terra-avatar';
+import ColorVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/common/ColorVariantsWrapper';
+
+const propTypes = { color: PropTypes.string };
+
+const GenericUserColorVariants = ({
+  ...props
+}) => (
+  <Generic variant="single-user" alt="Single User" color={props.color} />
+);
+
+GenericUserColorVariants.propTypes = propTypes;
+export default ColorVariantsWrapper(GenericUserColorVariants);
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize.jsx
new file mode 100644
index 00000000000..d7e3296da02
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Generic } from 'terra-avatar';
+
+const AvatarSize = () => (
+  <Generic variant="single-user" alt="Single User" size="2em" />
+);
+
+export default AvatarSize;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants.jsx
deleted file mode 100644
index baf197792d4..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { SharedUser } from 'terra-avatar';
-import ColorVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/common/ColorVariantsWrapper';
-
-const propTypes = { color: PropTypes.string };
-
-const SharedUserColorVariants = ({
-  ...props
-}) => (
-  <SharedUser alt="Shared User" color={props.color} />
-);
-
-SharedUserColorVariants.propTypes = propTypes;
-export default ColorVariantsWrapper(SharedUserColorVariants);
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserSize.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserSize.jsx
deleted file mode 100644
index 4db7ee99548..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/shared-user/SharedUserSize.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import { SharedUser } from 'terra-avatar';
-
-const AvatarSize = () => (
-  <SharedUser alt="Shared User" size="2em" />
-);
-
-export default AvatarSize;
diff --git a/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/Provider.test.jsx b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/Provider.test.jsx
new file mode 100644
index 00000000000..52d1e14b19f
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/Provider.test.jsx
@@ -0,0 +1,4 @@
+import React from 'react';
+import { Generic } from '../../../../index';
+
+export default () => <Generic variant="provider" id="provider" alt="provider" color="seven" />;
diff --git a/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SharedUser.test.jsx b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SharedUser.test.jsx
new file mode 100644
index 00000000000..37ee35a4706
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SharedUser.test.jsx
@@ -0,0 +1,4 @@
+import React from 'react';
+import { Generic } from '../../../../index';
+
+export default () => <Generic id="shared-user" variant="shared-user" alt="shared user" color="eight" />;
diff --git a/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SingleUser.test.jsx b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SingleUser.test.jsx
new file mode 100644
index 00000000000..f38a3310f9c
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/test/avatar/generic/SingleUser.test.jsx
@@ -0,0 +1,4 @@
+import React from 'react';
+import { Generic } from '../../../../index';
+
+export default () => <Generic id="single-user" alt="single user" color="four" />;
diff --git a/packages/terra-avatar/src/terra-dev-site/test/avatar/shared-user/DefaultSharedUser.test.jsx b/packages/terra-avatar/src/terra-dev-site/test/avatar/shared-user/DefaultSharedUser.test.jsx
deleted file mode 100644
index 9a647d94a3f..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/test/avatar/shared-user/DefaultSharedUser.test.jsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import React from 'react';
-import { SharedUser } from '../../../../index';
-
-export default () => <SharedUser id="shared-user" alt="shared" color="four" />;
diff --git a/packages/terra-avatar/src/variants/SharedUser.jsx b/packages/terra-avatar/src/variants/Generic.jsx
similarity index 63%
rename from packages/terra-avatar/src/variants/SharedUser.jsx
rename to packages/terra-avatar/src/variants/Generic.jsx
index de1ce58bafa..059c6b91fa5 100644
--- a/packages/terra-avatar/src/variants/SharedUser.jsx
+++ b/packages/terra-avatar/src/variants/Generic.jsx
@@ -2,12 +2,16 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames/bind';
 import styles from '../common/Avatar.module.scss';
-import {
-  AVATAR_VARIANTS, setColor,
-} from '../common/AvatarUtils';
+import { setColor } from '../common/AvatarUtils';
 
 const cx = classNames.bind(styles);
 
+const GENERIC_VARIANTS = {
+  SINGLE_USER: 'single-user',
+  SHARED_USER: 'shared-user',
+  PROVIDER: 'provider',
+};
+
 const propTypes = {
   /**
    * Specifies the alternative text for the image.
@@ -31,6 +35,10 @@ const propTypes = {
    * Overrides the default size.
    */
   size: PropTypes.string,
+  /**
+   * Sets the Generic Avatar type to One of the following variants `single-user`, `shared-user`, or `provider`.
+   */
+  variant: PropTypes.oneOf([GENERIC_VARIANTS.SINGLE_USER, GENERIC_VARIANTS.SHARED_USER, GENERIC_VARIANTS.PROVIDER]),
 };
 
 const defaultProps = {
@@ -38,14 +46,16 @@ const defaultProps = {
   hashValue: undefined,
   isAriaHidden: false,
   size: undefined,
+  variant: GENERIC_VARIANTS.SINGLE_USER,
 };
 
-const SharedUser = ({
+const Generic = ({
   alt,
   color,
   hashValue,
   isAriaHidden,
   size,
+  variant,
   ...customProps
 }) => {
   const colorVariant = setColor(alt, color, hashValue);
@@ -57,19 +67,24 @@ const SharedUser = ({
     attributes.className,
   ]);
 
-  const multiUserIconClassNames = cx(['icon', AVATAR_VARIANTS.SHARED_USER]);
-  const multiUserContent = <span className={multiUserIconClassNames} role="img" aria-label={alt} alt={alt} aria-hidden={isAriaHidden} />;
+  let genericIconClassNames = cx(['icon', 'user']);
+
+  if (variant === GENERIC_VARIANTS.SHARED_USER) {
+    genericIconClassNames = cx(['icon', GENERIC_VARIANTS.SHARED_USER]);
+  } else if (variant === GENERIC_VARIANTS.PROVIDER) {
+    genericIconClassNames = cx(['icon', GENERIC_VARIANTS.PROVIDER]);
+  }
 
   /* eslint-disable react/forbid-dom-props */
   return (
     <div {...attributes} className={multiUserClassNames} style={customStyles}>
-      {multiUserContent}
+      <span className={genericIconClassNames} role="img" aria-label={alt} alt={alt} aria-hidden={isAriaHidden} />
     </div>
   );
   /* eslint-enable react/forbid-dom-props */
 };
 
-SharedUser.propTypes = propTypes;
-SharedUser.defaultProps = defaultProps;
+Generic.propTypes = propTypes;
+Generic.defaultProps = defaultProps;
 
-export default SharedUser;
+export default Generic;
diff --git a/packages/terra-avatar/tests/jest/Generic.test.jsx b/packages/terra-avatar/tests/jest/Generic.test.jsx
new file mode 100644
index 00000000000..04120061f04
--- /dev/null
+++ b/packages/terra-avatar/tests/jest/Generic.test.jsx
@@ -0,0 +1,114 @@
+import React from 'react';
+import Generic from '../../src/variants/Generic';
+
+describe('Generic', () => {
+  // Single User
+  it('should render a default single-user generic avatar', () => {
+    const avatar = <Generic alt="single-user" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a single-user generic avatar with provided size', () => {
+    const avatar = <Generic variant="single-user" alt="single-user" size="5em" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a single-user generic avatar with aria hidden', () => {
+    const avatar = <Generic variant="single-user" alt="single-user" isAriaHidden />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a single-user generic avatar with color variant one', () => {
+    const avatar = <Generic variant="single-user" alt="single-user" color="one" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a single-user generic avatar with color variant neutral', () => {
+    const avatar = <Generic varaint="single-user" alt="single-user" color="neutral" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a single-user with an automated color variant, based on a hashValue', () => {
+    const avatar = <Generic varaint="single-user" alt="single-user" hashValue="alternative hash" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a single-user generic avatar with custom props', () => {
+    const avatar = <Generic varaint="single-user" alt="single-user" id="custom props single user" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+  // Shared User
+  it('should render a shared-user avatar with provided size', () => {
+    const avatar = <Generic variant="shared-user" alt="shared-user" size="5em" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a shared-user avatar with aria hidden', () => {
+    const avatar = <Generic variant="shared-user" alt="shared-user" isAriaHidden />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a shared-user avatar with color variant one', () => {
+    const avatar = <Generic variant="shared-user" alt="shared-user" color="one" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a shared-user with color variant neutral', () => {
+    const avatar = <Generic variant="shared-user" alt="shared-user" color="neutral" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a shared-user with an automated color variant, based on a hashValue', () => {
+    const avatar = <Generic variant="shared-user" alt="shared-user" hashValue="alternative hash" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should render a shared-user avatar with custom props', () => {
+    const avatar = <Generic variant="shared-user" alt="shared-user" id="custom props shared user" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+  // Provider
+  it('should render a provider avatar with provided size', () => {
+    const avatar = <Generic variant="provider" alt="provider" size="5em" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should render a provider avatar with aria hidden', () => {
+    const avatar = <Generic variant="provider" alt="provider" isAriaHidden />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should render a provider avatar with color variant one', () => {
+    const avatar = <Generic variant="provider" alt="provider" color="one" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should render a provider with color variant neutral', () => {
+    const avatar = <Generic variant="provider" alt="provider" color="neutral" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should render a provider with an automated color variant, based on a hashValue', () => {
+    const avatar = <Generic variant="provider" alt="provider" hashValue="alternative hash" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+  it('should render a provider avatar with custom props', () => {
+    const avatar = <Generic variant="provider" alt="provider" id="custom props provider user" />;
+    const wrapper = render(avatar);
+    expect(wrapper).toMatchSnapshot();
+  });
+});
diff --git a/packages/terra-avatar/tests/jest/SharedUser.test.jsx b/packages/terra-avatar/tests/jest/SharedUser.test.jsx
deleted file mode 100644
index d27f3056b41..00000000000
--- a/packages/terra-avatar/tests/jest/SharedUser.test.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import SharedUser from '../../src/variants/SharedUser';
-
-describe('SharedUser', () => {
-  it('should render a default shared-user avatar', () => {
-    const avatar = <SharedUser alt="shared-user" />;
-    const wrapper = render(avatar);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it('should render a shared-user avatar with provided size', () => {
-    const avatar = <SharedUser alt="shared-user" size="5em" />;
-    const wrapper = render(avatar);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it('should render a shared-user avatar with aria hidden', () => {
-    const avatar = <SharedUser alt="shared-user" isAriaHidden />;
-    const wrapper = render(avatar);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it('should render a shared-user avatar with color variant one', () => {
-    const avatar = <SharedUser alt="shared-user" color="one" />;
-    const wrapper = render(avatar);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it('should render a shared-user with color variant neutral', () => {
-    const avatar = <SharedUser alt="shared-user" color="neutral" />;
-    const wrapper = render(avatar);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it('should render a shared-user with an automated color variant, based on a hashValue', () => {
-    const avatar = <SharedUser alt="shared-user" hashValue="alternative hash" />;
-    const wrapper = render(avatar);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it('should render a shared-user avatar with custom props', () => {
-    const avatar = <SharedUser alt="shared-user" id="custom props shared user" />;
-    const wrapper = render(avatar);
-    expect(wrapper).toMatchSnapshot();
-  });
-});
diff --git a/packages/terra-avatar/tests/jest/__snapshots__/Generic.test.jsx.snap b/packages/terra-avatar/tests/jest/__snapshots__/Generic.test.jsx.snap
new file mode 100644
index 00000000000..7bac8eec240
--- /dev/null
+++ b/packages/terra-avatar/tests/jest/__snapshots__/Generic.test.jsx.snap
@@ -0,0 +1,276 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Generic should render a default single-user generic avatar 1`] = `
+<div
+  class="avatar seven"
+>
+  <span
+    alt="single-user"
+    aria-hidden="false"
+    aria-label="single-user"
+    class="icon user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a provider avatar with aria hidden 1`] = `
+<div
+  class="avatar six"
+>
+  <span
+    alt="provider"
+    aria-hidden="true"
+    aria-label="provider"
+    class="icon provider"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a provider avatar with color variant one 1`] = `
+<div
+  class="avatar one"
+>
+  <span
+    alt="provider"
+    aria-hidden="false"
+    aria-label="provider"
+    class="icon provider"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a provider avatar with custom props 1`] = `
+<div
+  class="avatar six"
+  id="custom props provider user"
+>
+  <span
+    alt="provider"
+    aria-hidden="false"
+    aria-label="provider"
+    class="icon provider"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a provider avatar with provided size 1`] = `
+<div
+  class="avatar six"
+  style="font-size:5em"
+>
+  <span
+    alt="provider"
+    aria-hidden="false"
+    aria-label="provider"
+    class="icon provider"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a provider with an automated color variant, based on a hashValue 1`] = `
+<div
+  class="avatar two"
+>
+  <span
+    alt="provider"
+    aria-hidden="false"
+    aria-label="provider"
+    class="icon provider"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a provider with color variant neutral 1`] = `
+<div
+  class="avatar neutral"
+>
+  <span
+    alt="provider"
+    aria-hidden="false"
+    aria-label="provider"
+    class="icon provider"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a shared-user avatar with aria hidden 1`] = `
+<div
+  class="avatar four"
+>
+  <span
+    alt="shared-user"
+    aria-hidden="true"
+    aria-label="shared-user"
+    class="icon shared-user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a shared-user avatar with color variant one 1`] = `
+<div
+  class="avatar one"
+>
+  <span
+    alt="shared-user"
+    aria-hidden="false"
+    aria-label="shared-user"
+    class="icon shared-user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a shared-user avatar with custom props 1`] = `
+<div
+  class="avatar four"
+  id="custom props shared user"
+>
+  <span
+    alt="shared-user"
+    aria-hidden="false"
+    aria-label="shared-user"
+    class="icon shared-user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a shared-user avatar with provided size 1`] = `
+<div
+  class="avatar four"
+  style="font-size:5em"
+>
+  <span
+    alt="shared-user"
+    aria-hidden="false"
+    aria-label="shared-user"
+    class="icon shared-user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a shared-user with an automated color variant, based on a hashValue 1`] = `
+<div
+  class="avatar two"
+>
+  <span
+    alt="shared-user"
+    aria-hidden="false"
+    aria-label="shared-user"
+    class="icon shared-user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a shared-user with color variant neutral 1`] = `
+<div
+  class="avatar neutral"
+>
+  <span
+    alt="shared-user"
+    aria-hidden="false"
+    aria-label="shared-user"
+    class="icon shared-user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a single-user generic avatar with aria hidden 1`] = `
+<div
+  class="avatar seven"
+>
+  <span
+    alt="single-user"
+    aria-hidden="true"
+    aria-label="single-user"
+    class="icon user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a single-user generic avatar with color variant neutral 1`] = `
+<div
+  class="avatar neutral"
+  varaint="single-user"
+>
+  <span
+    alt="single-user"
+    aria-hidden="false"
+    aria-label="single-user"
+    class="icon user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a single-user generic avatar with color variant one 1`] = `
+<div
+  class="avatar one"
+>
+  <span
+    alt="single-user"
+    aria-hidden="false"
+    aria-label="single-user"
+    class="icon user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a single-user generic avatar with custom props 1`] = `
+<div
+  class="avatar seven"
+  id="custom props single user"
+  varaint="single-user"
+>
+  <span
+    alt="single-user"
+    aria-hidden="false"
+    aria-label="single-user"
+    class="icon user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a single-user generic avatar with provided size 1`] = `
+<div
+  class="avatar seven"
+  style="font-size:5em"
+>
+  <span
+    alt="single-user"
+    aria-hidden="false"
+    aria-label="single-user"
+    class="icon user"
+    role="img"
+  />
+</div>
+`;
+
+exports[`Generic should render a single-user with an automated color variant, based on a hashValue 1`] = `
+<div
+  class="avatar two"
+  varaint="single-user"
+>
+  <span
+    alt="single-user"
+    aria-hidden="false"
+    aria-label="single-user"
+    class="icon user"
+    role="img"
+  />
+</div>
+`;
diff --git a/packages/terra-avatar/tests/jest/__snapshots__/SharedUser.test.jsx.snap b/packages/terra-avatar/tests/jest/__snapshots__/SharedUser.test.jsx.snap
deleted file mode 100644
index 64b299c1f92..00000000000
--- a/packages/terra-avatar/tests/jest/__snapshots__/SharedUser.test.jsx.snap
+++ /dev/null
@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SharedUser should render a default shared-user avatar 1`] = `
-<div
-  class="avatar four"
->
-  <span
-    alt="shared-user"
-    aria-hidden="false"
-    aria-label="shared-user"
-    class="icon shared-user"
-    role="img"
-  />
-</div>
-`;
-
-exports[`SharedUser should render a shared-user avatar with aria hidden 1`] = `
-<div
-  class="avatar four"
->
-  <span
-    alt="shared-user"
-    aria-hidden="true"
-    aria-label="shared-user"
-    class="icon shared-user"
-    role="img"
-  />
-</div>
-`;
-
-exports[`SharedUser should render a shared-user avatar with color variant one 1`] = `
-<div
-  class="avatar one"
->
-  <span
-    alt="shared-user"
-    aria-hidden="false"
-    aria-label="shared-user"
-    class="icon shared-user"
-    role="img"
-  />
-</div>
-`;
-
-exports[`SharedUser should render a shared-user avatar with custom props 1`] = `
-<div
-  class="avatar four"
-  id="custom props shared user"
->
-  <span
-    alt="shared-user"
-    aria-hidden="false"
-    aria-label="shared-user"
-    class="icon shared-user"
-    role="img"
-  />
-</div>
-`;
-
-exports[`SharedUser should render a shared-user avatar with provided size 1`] = `
-<div
-  class="avatar four"
-  style="font-size:5em"
->
-  <span
-    alt="shared-user"
-    aria-hidden="false"
-    aria-label="shared-user"
-    class="icon shared-user"
-    role="img"
-  />
-</div>
-`;
-
-exports[`SharedUser should render a shared-user with an automated color variant, based on a hashValue 1`] = `
-<div
-  class="avatar two"
->
-  <span
-    alt="shared-user"
-    aria-hidden="false"
-    aria-label="shared-user"
-    class="icon shared-user"
-    role="img"
-  />
-</div>
-`;
-
-exports[`SharedUser should render a shared-user with color variant neutral 1`] = `
-<div
-  class="avatar neutral"
->
-  <span
-    alt="shared-user"
-    aria-hidden="false"
-    aria-label="shared-user"
-    class="icon shared-user"
-    role="img"
-  />
-</div>
-`;
diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png
new file mode 100644
index 0000000000000000000000000000000000000000..69e51c090eb028a8628fac7c003d4adbf1e8230f
GIT binary patch
literal 1850
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

literal 0
HcmV?d00001

diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png
index d6b6a15e63bf8d091e074875ace71b99b35ee045..93aa13c044502f0e2a486fce35eb9835cafe2ff1 100644
GIT binary patch
delta 2051
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

delta 2085
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
P00000NkvXXu0mjfLaQMs

diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png
new file mode 100644
index 0000000000000000000000000000000000000000..b7f1e91981cd7a22dc5f3e31b02acc264d81ba35
GIT binary patch
literal 1787
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

literal 0
HcmV?d00001

diff --git a/packages/terra-avatar/tests/wdio/avatar-common-spec.js b/packages/terra-avatar/tests/wdio/avatar-common-spec.js
index 76f1eca4539..47fa52df23b 100644
--- a/packages/terra-avatar/tests/wdio/avatar-common-spec.js
+++ b/packages/terra-avatar/tests/wdio/avatar-common-spec.js
@@ -87,10 +87,22 @@ describe('Facility', () => {
   });
 });
 
-describe('Shared User', () => {
+describe('Generic', () => {
+  describe('Icon Single User', () => {
+    before(() => browser.url('/#/raw/tests/terra-avatar/avatar/generic/single-user'));
+
+    Terra.it.validatesElement({ selector: '#single-user' });
+  });
+
   describe('Icon Shared User', () => {
-    before(() => browser.url('/#/raw/tests/terra-avatar/avatar/shared-user/default-shared-user'));
+    before(() => browser.url('/#/raw/tests/terra-avatar/avatar/generic/shared-user'));
 
     Terra.it.validatesElement({ selector: '#shared-user' });
   });
+
+  describe('Icon Provider', () => {
+    before(() => browser.url('/#/raw/tests/terra-avatar/avatar/generic/provider'));
+
+    Terra.it.validatesElement({ selector: '#provider' });
+  });
 });

From c7d376e05502f92a57009289fa27d4010f63d3f4 Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Fri, 30 Aug 2019 15:05:03 +0530
Subject: [PATCH 02/13] Added upgrade Guide for Breaking Changes

---
 packages/terra-avatar/CHANGELOG.md            |  5 +--
 packages/terra-avatar/docs/upgrade-guide.md   | 33 +++++++++++++++++++
 .../terra-avatar/src/variants/Generic.jsx     |  4 +--
 3 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md
index 7c643b64690..14f89af7b55 100644
--- a/packages/terra-avatar/CHANGELOG.md
+++ b/packages/terra-avatar/CHANGELOG.md
@@ -3,8 +3,9 @@ ChangeLog
 
 Unreleased
 ----------
-### Changed
-* Changed shared user to generic variant with sub-variants single-user, shared-user and provider.
+### Breaking Changes
+* Removed Shared User Variant
+* Added Generic as new variant with sub-variants single-user, shared-user and provider.
 
 2.25.0 - (August 21, 2019)
 ------------------
diff --git a/packages/terra-avatar/docs/upgrade-guide.md b/packages/terra-avatar/docs/upgrade-guide.md
index 8ed2f2b64b7..d2c2f91d715 100644
--- a/packages/terra-avatar/docs/upgrade-guide.md
+++ b/packages/terra-avatar/docs/upgrade-guide.md
@@ -1,4 +1,36 @@
 # terra-avatar Upgrade Guide
+## Changes from version 2 to version 3
+
+### Removed
+* `Shared User` Variant From Avatar Variants
+
+### Added
+* `Generic` Variant with props same as `Shared User` and with `Variant` prop to support sub-variants like `single-user`, `shared-user` and `provider`.
+* `variant` prop. this will take values for sub-variants `single-user`, `shared-user` and `provider`.
+
+### Changes to CSS Custom Properties
+
+#### Added
+* --terra-avatar-icon-provider-background-image
+
+### Steps to uplift to V3
+1. Use a named export for Generic variant.
+2. Use variant prop of Generic to set sub-variant icons like `single-user`, `shared-user` and `provider` for Avatar.
+
+#### V2 Code
+```javascript
+import { SharedUser} from 'terra-avatar';
+
+<SharedUser alt="Patient 1" />
+```
+
+#### V3 Code
+```javascript
+import { Generic } from 'terra-avatar'
+
+<Generic variant="shared-user" alt="Location 1" />
+```
+
 ## Changes from version 1 to version 2
 
 ### Props
@@ -84,3 +116,4 @@ import Avatar, { Facility } from 'terra-avatar'
 <Avatar alt="Patient 1" initials="AA" />
 <Facility alt="Location 1" />
 ```
+
diff --git a/packages/terra-avatar/src/variants/Generic.jsx b/packages/terra-avatar/src/variants/Generic.jsx
index 059c6b91fa5..db515a56a9b 100644
--- a/packages/terra-avatar/src/variants/Generic.jsx
+++ b/packages/terra-avatar/src/variants/Generic.jsx
@@ -61,7 +61,7 @@ const Generic = ({
   const colorVariant = setColor(alt, color, hashValue);
   const attributes = { ...customProps };
   const customStyles = size ? ({ fontSize: size, ...attributes.style }) : attributes.style;
-  const multiUserClassNames = cx([
+  const GenericUserClassNames = cx([
     'avatar',
     `${colorVariant}`,
     attributes.className,
@@ -77,7 +77,7 @@ const Generic = ({
 
   /* eslint-disable react/forbid-dom-props */
   return (
-    <div {...attributes} className={multiUserClassNames} style={customStyles}>
+    <div {...attributes} className={GenericUserClassNames} style={customStyles}>
       <span className={genericIconClassNames} role="img" aria-label={alt} alt={alt} aria-hidden={isAriaHidden} />
     </div>
   );

From 5f171357be04821b6b25ee4000e814fe3f5bfaca Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Fri, 30 Aug 2019 16:09:35 +0530
Subject: [PATCH 03/13] Upgrade Guide Corrections

---
 packages/terra-avatar/CHANGELOG.md          | 4 ++--
 packages/terra-avatar/docs/upgrade-guide.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md
index 14f89af7b55..2cdf3924d3b 100644
--- a/packages/terra-avatar/CHANGELOG.md
+++ b/packages/terra-avatar/CHANGELOG.md
@@ -4,8 +4,8 @@ ChangeLog
 Unreleased
 ----------
 ### Breaking Changes
-* Removed Shared User Variant
-* Added Generic as new variant with sub-variants single-user, shared-user and provider.
+* Removed Shared User subcomponent
+* Added Generic subcomponent with a new variant prop that can be `single-user`, `shared-user`, or `provider`.
 
 2.25.0 - (August 21, 2019)
 ------------------
diff --git a/packages/terra-avatar/docs/upgrade-guide.md b/packages/terra-avatar/docs/upgrade-guide.md
index d2c2f91d715..d539cac3a18 100644
--- a/packages/terra-avatar/docs/upgrade-guide.md
+++ b/packages/terra-avatar/docs/upgrade-guide.md
@@ -2,10 +2,10 @@
 ## Changes from version 2 to version 3
 
 ### Removed
-* `Shared User` Variant From Avatar Variants
+* `Shared User` subcomponent From Avatar
 
 ### Added
-* `Generic` Variant with props same as `Shared User` and with `Variant` prop to support sub-variants like `single-user`, `shared-user` and `provider`.
+* the `generic` subcomponent that replaces the `sharedUser` subcomponent with a new `variant` prop that can be `single-user`, `shared-user`, or `provider`.
 * `variant` prop. this will take values for sub-variants `single-user`, `shared-user` and `provider`.
 
 ### Changes to CSS Custom Properties

From 4a470cf434de88c60b8cea36e209847b6951100c Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Tue, 3 Sep 2019 11:05:04 +0530
Subject: [PATCH 04/13] export added for constants

---
 packages/terra-avatar/src/variants/Generic.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/terra-avatar/src/variants/Generic.jsx b/packages/terra-avatar/src/variants/Generic.jsx
index db515a56a9b..3db7cc902f3 100644
--- a/packages/terra-avatar/src/variants/Generic.jsx
+++ b/packages/terra-avatar/src/variants/Generic.jsx
@@ -88,3 +88,4 @@ Generic.propTypes = propTypes;
 Generic.defaultProps = defaultProps;
 
 export default Generic;
+export { GENERIC_VARIANTS };

From 71741fd4912d5c77ebcf9d14de14ee575eb84690 Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Thu, 5 Sep 2019 06:58:33 -0500
Subject: [PATCH 05/13] Changed Examples for Generic Icon

---
 packages/terra-avatar/CHANGELOG.md            |  9 +--
 packages/terra-avatar/docs/upgrade-guide.md   |  4 +-
 .../doc/avatar/Generic.d.doc.jsx              | 68 ++-----------------
 .../doc/avatar/SharedUser.d.doc.jsx           | 47 -------------
 .../example/generic/GenericAvatarVariants.jsx | 15 ++++
 .../generic/GenericAvatarVariantsWrapper.jsx  | 52 ++++++++++++++
 .../generic/GenericVariantsWrapper.jsx        |  0
 .../doc/example/generic/provider/Provider.jsx |  8 ---
 .../provider/ProviderColorVariants.jsx        | 15 ----
 .../example/generic/provider/ProviderSize.jsx |  8 ---
 .../generic/shared-user/GenericSharedUser.jsx |  8 ---
 .../GenericSharedUserColorVariants.jsx        | 15 ----
 .../shared-user/GenericSharedUserSize.jsx     |  8 ---
 .../generic/single-user/GenericSingleUser.jsx |  8 ---
 .../GenericSingleUserColorVariants.jsx        | 15 ----
 .../single-user/GenericSingleUserSize.jsx     |  8 ---
 16 files changed, 77 insertions(+), 211 deletions(-)
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.d.doc.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariants.jsx
 create mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericVariantsWrapper.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/Provider.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderSize.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants.jsx
 delete mode 100644 packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize.jsx

diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md
index 86f668319fe..fa30f0b5576 100644
--- a/packages/terra-avatar/CHANGELOG.md
+++ b/packages/terra-avatar/CHANGELOG.md
@@ -3,16 +3,13 @@ ChangeLog
 
 Unreleased
 ----------
-<<<<<<< HEAD
 ### Breaking Changes
-* Removed Shared User subcomponent
-* Added Generic subcomponent with a new variant prop that can be `single-user`, `shared-user`, or `provider`.
-=======
+* `generic` subcomponent  replaces the `sharedUser` subcomponent
+* `generic` subcomponent contains a `variant` prop that toggles between `single-user`, `shared-user`, and `provider`.
+
 ### Added
 * Props table markdown file import added to doc site page
 
->>>>>>> df2d3fce44612774810e3bc8f8b7cf68bafbf36a
-
 2.25.0 - (August 21, 2019)
 ------------------
 ### Changed
diff --git a/packages/terra-avatar/docs/upgrade-guide.md b/packages/terra-avatar/docs/upgrade-guide.md
index d539cac3a18..be66bd367d0 100644
--- a/packages/terra-avatar/docs/upgrade-guide.md
+++ b/packages/terra-avatar/docs/upgrade-guide.md
@@ -6,7 +6,7 @@
 
 ### Added
 * the `generic` subcomponent that replaces the `sharedUser` subcomponent with a new `variant` prop that can be `single-user`, `shared-user`, or `provider`.
-* `variant` prop. this will take values for sub-variants `single-user`, `shared-user` and `provider`.
+* `variant` prop this will take values for sub-variants `single-user`, `shared-user` and `provider`.
 
 ### Changes to CSS Custom Properties
 
@@ -28,7 +28,7 @@ import { SharedUser} from 'terra-avatar';
 ```javascript
 import { Generic } from 'terra-avatar'
 
-<Generic variant="shared-user" alt="Location 1" />
+<Generic variant="shared-user" alt="Patient 1" />
 ```
 
 ## Changes from version 1 to version 2
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.d.doc.jsx b/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.d.doc.jsx
index aff2f3eb268..022f7ec0058 100644
--- a/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.d.doc.jsx
+++ b/packages/terra-avatar/src/terra-dev-site/doc/avatar/Generic.d.doc.jsx
@@ -5,26 +5,8 @@ import { name, version } from '../../../../package.json';
 
 // Component Source
 import GenericSrc from '!raw-loader!../../../../src/variants/Generic.jsx';
-import SingleUser from '../example/generic/single-user/GenericSingleUser';
-import SingleUserSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser';
-import SingleUserSize from '../example/generic/single-user/GenericSingleUserSize';
-import SingleUserSizeSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize';
-import SingleUserColorVariants from '../example/generic/single-user/GenericSingleUserColorVariants';
-import SingleUserColorVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants';
-
-import SharedUser from '../example/generic/shared-user/GenericSharedUser';
-import SharedUserSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser';
-import SharedUserSize from '../example/generic/shared-user/GenericSharedUserSize';
-import SharedUserSizeSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize';
-import SharedUserColorVariants from '../example/generic/shared-user/GenericSharedUserColorVariants';
-import SharedUserColorVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants';
-
-import Provider from '../example/generic/provider/Provider';
-import ProviderSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/provider/Provider';
-import ProviderSize from '../example/generic/provider/ProviderSize';
-import ProviderSizeSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/provider/ProviderSize';
-import ProviderColorVariants from '../example/generic/provider/ProviderColorVariants';
-import ProviderColorVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants';
+import GenericAvatarVariants from '../example/generic/GenericAvatarVariants';
+import GenericAvatarVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/generic/GenericAvatarVariants';
 
 const DocPage = () => (
   <DocTemplate
@@ -34,49 +16,9 @@ const DocPage = () => (
     srcPath={`https://github.com/cerner/terra-core/tree/master/packages/${name}`}
     examples={[
       {
-        title: 'Single User - Default',
-        example: <SingleUser />,
-        source: SingleUserSrc,
-      },
-      {
-        title: 'Single User - Override Size',
-        example: <SingleUserSize />,
-        source: SingleUserSizeSrc,
-      },
-      {
-        title: 'Single User - Toggle Color Variants - Theme Specific',
-        example: <SingleUserColorVariants />,
-        source: SingleUserColorVariantsSrc,
-      },
-      {
-        title: 'Shared User - Default',
-        example: <SharedUser />,
-        source: SharedUserSrc,
-      },
-      {
-        title: 'Shared User - Override Size',
-        example: <SharedUserSize />,
-        source: SharedUserSizeSrc,
-      },
-      {
-        title: 'Shared User - Toggle Color Variants - Theme Specific',
-        example: <SharedUserColorVariants />,
-        source: SharedUserColorVariantsSrc,
-      },
-      {
-        title: 'Provider - Default',
-        example: <Provider />,
-        source: ProviderSrc,
-      },
-      {
-        title: 'Provider - Override Size',
-        example: <ProviderSize />,
-        source: ProviderSizeSrc,
-      },
-      {
-        title: 'Provider - Toggle Color Variants - Theme Specific',
-        example: <ProviderColorVariants />,
-        source: ProviderColorVariantsSrc,
+        title: 'Generic Avatar - Icons',
+        example: <GenericAvatarVariants />,
+        source: GenericAvatarVariantsSrc,
       },
     ]}
     propsTables={[
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.d.doc.jsx b/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.d.doc.jsx
deleted file mode 100644
index e8620388739..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/avatar/SharedUser.d.doc.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import DocTemplate from 'terra-doc-template';
-import ReadMe from '../../../../docs/shared-user.md';
-import { name, version } from '../../../../package.json';
-
-import SharedUserPropsTable from '!terra-props-table-loader!../../../../src/variants/SharedUser';
-import SharedUser from '../example/shared-user/SharedUser';
-import SharedUserSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/shared-user/SharedUser';
-import SharedUserSize from '../example/shared-user/SharedUserSize';
-import SharedUserSizeSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/shared-user/SharedUserSize';
-import SharedUserColorVariants from '../example/shared-user/SharedUserColorVariants';
-import SharedUserColorVariantsSrc from '!raw-loader!../../../../src/terra-dev-site/doc/example/shared-user/SharedUserColorVariants';
-
-const DocPage = () => (
-  <DocTemplate
-    packageName={name}
-    packageVersion={version}
-    readme={ReadMe}
-    srcPath={`https://github.com/cerner/terra-core/tree/master/packages/${name}`}
-    examples={[
-      {
-        title: 'Default',
-        example: <SharedUser />,
-        source: SharedUserSrc,
-      },
-      {
-        title: 'Override Size',
-        example: <SharedUserSize />,
-        source: SharedUserSizeSrc,
-      },
-      {
-        title: 'Toggle Color Variants - Theme Specific',
-        example: <SharedUserColorVariants />,
-        source: SharedUserColorVariantsSrc,
-      },
-    ]}
-    propsTables={[
-      {
-        componentName: 'Shared User',
-        componentSrc: SharedUserSrc,
-        componentProps: SharedUserPropsTable,
-      },
-    ]}
-  />
-);
-
-export default DocPage;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariants.jsx
new file mode 100644
index 00000000000..0e60e70e3df
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariants.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Generic } from 'terra-avatar';
+import GenericAvatarVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper';
+
+const propTypes = { color: PropTypes.string, size: PropTypes.string, variant: PropTypes.string };
+
+const GenericAvatarVariants = ({
+  ...props
+}) => (
+  <Generic variant={props.variant} alt={props.variant} color={props.color} size={props.size} />
+);
+
+GenericAvatarVariants.propTypes = propTypes;
+export default GenericAvatarVariantsWrapper(GenericAvatarVariants);
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper.jsx
new file mode 100644
index 00000000000..b3350eb684d
--- /dev/null
+++ b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericAvatarVariantsWrapper.jsx
@@ -0,0 +1,52 @@
+import React from 'react';
+
+function GenericAvatarVariantsWrapper(WrappedComponent) {
+  return class GenericVariants extends React.Component {
+    constructor(props) {
+      super(props);
+      this.handleOnSelect = this.handleOnSelect.bind(this);
+      this.state = { colorVariant: 'auto', size: undefined, variant: 'single-user' };
+    }
+
+    handleOnSelect(event) {
+      this.setState({ [event.target.name]: event.target.value });
+    }
+
+    render() {
+      return (
+        <div>
+          <WrappedComponent color={this.state.colorVariant} variant={this.state.variant} size={this.state.size} {...this.props} />
+          <p><label htmlFor="variant">Select a generic variant type:</label></p>
+          <select id="variant" name="variant" value={this.state.variant} onChange={this.handleOnSelect}>
+            <option value="single-user">Single-User</option>
+            <option value="shared-user">Shared-User</option>
+            <option value="provider">Provider</option>
+          </select>
+          <p><label htmlFor="colorVariant">Select a color variant:</label></p>
+          <select id="colorVariant" name="colorVariant" value={this.state.colorVariant} onChange={this.handleOnSelect}>
+            <option value="auto">Auto</option>
+            <option value="neutral">Neutral</option>
+            <option value="one">One</option>
+            <option value="two">Two</option>
+            <option value="three">Three</option>
+            <option value="four">Four</option>
+            <option value="five">Five</option>
+            <option value="six">Six</option>
+            <option value="seven">Seven</option>
+            <option value="eight">Eight</option>
+            <option value="nine">Nine</option>
+            <option value="ten">Ten</option>
+          </select>
+          <p><label htmlFor="size">Select a size:</label></p>
+          <select id="size" name="size" value={this.state.size} onChange={this.handleOnSelect}>
+            <option value="1em">Default</option>
+            <option value="2em">2em</option>
+            <option value="3em">3em</option>
+          </select>
+        </div>
+      );
+    }
+  };
+}
+
+export default GenericAvatarVariantsWrapper;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericVariantsWrapper.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/GenericVariantsWrapper.jsx
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/Provider.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/Provider.jsx
deleted file mode 100644
index a286c215fe1..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/Provider.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import { Generic } from 'terra-avatar';
-
-const AvatarProvider = () => (
-  <Generic variant="provider" alt="Provider" />
-);
-
-export default AvatarProvider;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants.jsx
deleted file mode 100644
index 6a969053fdb..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderColorVariants.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Generic } from 'terra-avatar';
-import ColorVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/common/ColorVariantsWrapper';
-
-const propTypes = { color: PropTypes.string };
-
-const GenericUserColorVariants = ({
-  ...props
-}) => (
-  <Generic variant="provider" alt="Provider" color={props.color} />
-);
-
-GenericUserColorVariants.propTypes = propTypes;
-export default ColorVariantsWrapper(GenericUserColorVariants);
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderSize.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderSize.jsx
deleted file mode 100644
index cb5b31c1ec4..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/provider/ProviderSize.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import { Generic } from 'terra-avatar';
-
-const AvatarSize = () => (
-  <Generic variant="provider" alt="Provider" size="2em" />
-);
-
-export default AvatarSize;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser.jsx
deleted file mode 100644
index 47050f45fd7..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUser.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import { Generic } from 'terra-avatar';
-
-const AvatarSharedUser = () => (
-  <Generic variant="shared-user" alt="Shared User" />
-);
-
-export default AvatarSharedUser;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants.jsx
deleted file mode 100644
index d09f2aa25e0..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserColorVariants.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Generic } from 'terra-avatar';
-import ColorVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/common/ColorVariantsWrapper';
-
-const propTypes = { color: PropTypes.string };
-
-const GenericUserColorVariants = ({
-  ...props
-}) => (
-  <Generic variant="shared-user" alt="Shared User" color={props.color} />
-);
-
-GenericUserColorVariants.propTypes = propTypes;
-export default ColorVariantsWrapper(GenericUserColorVariants);
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize.jsx
deleted file mode 100644
index 9235439236a..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/shared-user/GenericSharedUserSize.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import { Generic } from 'terra-avatar';
-
-const AvatarSize = () => (
-  <Generic variant="shared-user" alt="Shared User" size="2em" />
-);
-
-export default AvatarSize;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser.jsx
deleted file mode 100644
index 200b42bfa1b..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUser.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import { Generic } from 'terra-avatar';
-
-const AvatarSingleUser = () => (
-  <Generic variant="single-user" alt="Single User" />
-);
-
-export default AvatarSingleUser;
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants.jsx
deleted file mode 100644
index ae2b4eef2af..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserColorVariants.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Generic } from 'terra-avatar';
-import ColorVariantsWrapper from 'terra-avatar/lib/terra-dev-site/doc/example/common/ColorVariantsWrapper';
-
-const propTypes = { color: PropTypes.string };
-
-const GenericUserColorVariants = ({
-  ...props
-}) => (
-  <Generic variant="single-user" alt="Single User" color={props.color} />
-);
-
-GenericUserColorVariants.propTypes = propTypes;
-export default ColorVariantsWrapper(GenericUserColorVariants);
diff --git a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize.jsx b/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize.jsx
deleted file mode 100644
index d7e3296da02..00000000000
--- a/packages/terra-avatar/src/terra-dev-site/doc/example/generic/single-user/GenericSingleUserSize.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import { Generic } from 'terra-avatar';
-
-const AvatarSize = () => (
-  <Generic variant="single-user" alt="Single User" size="2em" />
-);
-
-export default AvatarSize;

From 881586ced5ffba11c160d7c51ac573486e64f7be Mon Sep 17 00:00:00 2001
From: Supreeth <supreeth.mr1990@gmail.com>
Date: Tue, 10 Sep 2019 17:40:09 +0530
Subject: [PATCH 06/13] Updating documentation for Generic variant

Co-Authored-By: Derek Yu <yuderekyu@gmail.com>
---
 packages/terra-avatar/docs/generic.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/terra-avatar/docs/generic.md b/packages/terra-avatar/docs/generic.md
index 65194eb4e26..e3d4636e406 100644
--- a/packages/terra-avatar/docs/generic.md
+++ b/packages/terra-avatar/docs/generic.md
@@ -1,6 +1,6 @@
 # Generic
 
-The `Generic` variant represents multiple variants like `single-user`, `shared-user`, `provider` - it displays a specified variant user icon in a circular frame.
+The `Generic` variant toggles between different, generic persons - `single-user`, `shared-user`, or `provider`.
 
 ## Getting Started
 - Install with [npmjs](https://www.npmjs.com):

From 10260c7c42faa76c734b1d81301f5f4b31b0eae9 Mon Sep 17 00:00:00 2001
From: Supreeth <supreeth.mr1990@gmail.com>
Date: Thu, 10 Oct 2019 11:48:39 +0530
Subject: [PATCH 07/13] Update packages/terra-avatar/CHANGELOG.md

Co-Authored-By: Matt Henkes <mjhenkes@gmail.com>
---
 packages/terra-avatar/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md
index 6e3fc73a965..e84e3d6634b 100644
--- a/packages/terra-avatar/CHANGELOG.md
+++ b/packages/terra-avatar/CHANGELOG.md
@@ -4,7 +4,7 @@ ChangeLog
 Unreleased
 ----------
 ### Breaking Changes
-* `generic` subcomponent  replaces the `sharedUser` subcomponent
+* `generic` subcomponent replaces the `sharedUser` subcomponent
 * `generic` subcomponent contains a `variant` prop that toggles between `single-user`, `shared-user`, and `provider`.
 
 2.29.0 - (October 3, 2019)

From c03aa5575177b70f31bb95b57662d7a233773fa7 Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Wed, 16 Oct 2019 20:53:47 +0530
Subject: [PATCH 08/13] removed theme variables update from upgrade guide

---
 packages/terra-avatar/docs/upgrade-guide.md | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/packages/terra-avatar/docs/upgrade-guide.md b/packages/terra-avatar/docs/upgrade-guide.md
index be66bd367d0..df563d3c4cf 100644
--- a/packages/terra-avatar/docs/upgrade-guide.md
+++ b/packages/terra-avatar/docs/upgrade-guide.md
@@ -8,11 +8,6 @@
 * the `generic` subcomponent that replaces the `sharedUser` subcomponent with a new `variant` prop that can be `single-user`, `shared-user`, or `provider`.
 * `variant` prop this will take values for sub-variants `single-user`, `shared-user` and `provider`.
 
-### Changes to CSS Custom Properties
-
-#### Added
-* --terra-avatar-icon-provider-background-image
-
 ### Steps to uplift to V3
 1. Use a named export for Generic variant.
 2. Use variant prop of Generic to set sub-variant icons like `single-user`, `shared-user` and `provider` for Avatar.

From 5d5682b660e353028703477b79da4e1dd7d04d0c Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Wed, 16 Oct 2019 21:25:13 +0530
Subject: [PATCH 09/13] Added user Icon example in upgrade guide

---
 packages/terra-avatar/docs/upgrade-guide.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/terra-avatar/docs/upgrade-guide.md b/packages/terra-avatar/docs/upgrade-guide.md
index df563d3c4cf..4120cecc77f 100644
--- a/packages/terra-avatar/docs/upgrade-guide.md
+++ b/packages/terra-avatar/docs/upgrade-guide.md
@@ -19,6 +19,12 @@ import { SharedUser} from 'terra-avatar';
 <SharedUser alt="Patient 1" />
 ```
 
+```javascript
+import { Avatar} from 'terra-avatar';
+
+<Avatar id="user-avatar" alt="user"/>
+```
+
 #### V3 Code
 ```javascript
 import { Generic } from 'terra-avatar'
@@ -26,6 +32,12 @@ import { Generic } from 'terra-avatar'
 <Generic variant="shared-user" alt="Patient 1" />
 ```
 
+```javascript
+import { Generic} from 'terra-avatar';
+
+<Generic variant="single-user" alt="Patient 1" />
+```
+
 ## Changes from version 1 to version 2
 
 ### Props

From 128dd373cceac974bb43230797125e826399df56 Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Fri, 25 Oct 2019 14:16:28 +0530
Subject: [PATCH 10/13] updated changelogs and upgrade guide

---
 packages/terra-avatar/CHANGELOG.md          | 6 ++++--
 packages/terra-avatar/docs/upgrade-guide.md | 8 ++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md
index e84e3d6634b..a58510ae9f7 100644
--- a/packages/terra-avatar/CHANGELOG.md
+++ b/packages/terra-avatar/CHANGELOG.md
@@ -4,8 +4,10 @@ ChangeLog
 Unreleased
 ----------
 ### Breaking Changes
-* `generic` subcomponent replaces the `sharedUser` subcomponent
-* `generic` subcomponent contains a `variant` prop that toggles between `single-user`, `shared-user`, and `provider`.
+* To Make all User avatars available in same variant `generic` subcomponent has been added.
+* `generic` subcomponent replaces the `sharedUser` subcomponent.
+* `generic` subcomponent contains a `variant` prop that toggles between `single-user`, `shared-user`, and `provider` user avatar.
+* User icon has been moved from default varaint to `single-user` variant.
 
 2.29.0 - (October 3, 2019)
 ------------------
diff --git a/packages/terra-avatar/docs/upgrade-guide.md b/packages/terra-avatar/docs/upgrade-guide.md
index 4120cecc77f..2f88cf318ee 100644
--- a/packages/terra-avatar/docs/upgrade-guide.md
+++ b/packages/terra-avatar/docs/upgrade-guide.md
@@ -1,12 +1,16 @@
 # terra-avatar Upgrade Guide
 ## Changes from version 2 to version 3
 
+### Reason for Upgrade
+* To group all user avatars in single variant `shared-user` has been replaced with `generic` sub-component
+* To keep adding new user avatars like `provider` easier new `generic` sub-component has been added with all user avatars as variants. 
+
 ### Removed
 * `Shared User` subcomponent From Avatar
 
 ### Added
-* the `generic` subcomponent that replaces the `sharedUser` subcomponent with a new `variant` prop that can be `single-user`, `shared-user`, or `provider`.
-* `variant` prop this will take values for sub-variants `single-user`, `shared-user` and `provider`.
+* The `generic` subcomponent that replaces the `sharedUser` subcomponent with a new `variant` prop that can be `single-user`, `shared-user`, or `provider`.
+* `variant` prop will take values for sub-variants `single-user`, `shared-user` and `provider`..
 
 ### Steps to uplift to V3
 1. Use a named export for Generic variant.

From 8b523a747a14391cce87a4e5a483efc6b325cacd Mon Sep 17 00:00:00 2001
From: Supreeth MR <supreeth.mr1990@gmail.com>
Date: Fri, 25 Oct 2019 15:02:31 +0530
Subject: [PATCH 11/13] corrections to changelog and upgradeguide

---
 packages/terra-avatar/CHANGELOG.md          | 2 +-
 packages/terra-avatar/docs/upgrade-guide.md | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/terra-avatar/CHANGELOG.md b/packages/terra-avatar/CHANGELOG.md
index a58510ae9f7..2060e728ab4 100644
--- a/packages/terra-avatar/CHANGELOG.md
+++ b/packages/terra-avatar/CHANGELOG.md
@@ -7,7 +7,7 @@ Unreleased
 * To Make all User avatars available in same variant `generic` subcomponent has been added.
 * `generic` subcomponent replaces the `sharedUser` subcomponent.
 * `generic` subcomponent contains a `variant` prop that toggles between `single-user`, `shared-user`, and `provider` user avatar.
-* User icon has been moved from default varaint to `single-user` variant.
+* `user` avatar has been moved into `generic` sub-comopnent with varaint name `single-user`.
 
 2.29.0 - (October 3, 2019)
 ------------------
diff --git a/packages/terra-avatar/docs/upgrade-guide.md b/packages/terra-avatar/docs/upgrade-guide.md
index 2f88cf318ee..c6630ea334f 100644
--- a/packages/terra-avatar/docs/upgrade-guide.md
+++ b/packages/terra-avatar/docs/upgrade-guide.md
@@ -1,7 +1,7 @@
 # terra-avatar Upgrade Guide
 ## Changes from version 2 to version 3
 
-### Reason for Upgrade
+### Reason for upgrade
 * To group all user avatars in single variant `shared-user` has been replaced with `generic` sub-component
 * To keep adding new user avatars like `provider` easier new `generic` sub-component has been added with all user avatars as variants. 
 
@@ -10,7 +10,8 @@
 
 ### Added
 * The `generic` subcomponent that replaces the `sharedUser` subcomponent with a new `variant` prop that can be `single-user`, `shared-user`, or `provider`.
-* `variant` prop will take values for sub-variants `single-user`, `shared-user` and `provider`..
+* `variant` prop will take values for sub-variants `single-user`, `shared-user` and `provider`.
+* `user` avatar has been moved into `generic` sub-comopnent with varaint name `single-user`.
 
 ### Steps to uplift to V3
 1. Use a named export for Generic variant.

From 4da2553acbf1e6f4a01e8cec1048bf10973e539b Mon Sep 17 00:00:00 2001
From: Jeremy Fuksa <hello@orangefla.me>
Date: Mon, 4 Nov 2019 13:27:39 -0600
Subject: [PATCH 12/13] Update CONTRIBUTORS.md

---
 CONTRIBUTORS.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
index d333f2c03e1..de68cec5a33 100644
--- a/CONTRIBUTORS.md
+++ b/CONTRIBUTORS.md
@@ -16,6 +16,7 @@ Cerner Corporation
 - Nikhil Agrawal [@nagrawal3]
 - Emily Rohrbough [@emilyrohrbough]
 - Neil Pfeiffer [@neilpfeiffer]
+- Jeremy Fuksa [@jeremyfuksa]
 - David Schoonover [@dkschoonover]
 - Christian Alten [@cwalten]
 - Viren Sawant [@viren140290]

From 46c15fe09286dedd70fb2053bdf8d13b7819c53a Mon Sep 17 00:00:00 2001
From: "Manuel,Ryan" <Ryan.Manuel@Cerner.com>
Date: Fri, 27 Mar 2020 20:35:06 -0500
Subject: [PATCH 13/13] Update screenshots

---
 .../Icon_Provider[default].png                | Bin 0 -> 1460 bytes
 .../Icon_Shared_User[default].png             | Bin 1734 -> 1583 bytes
 .../Icon_Single_User[default].png             | Bin 0 -> 1405 bytes
 3 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png
 create mode 100644 packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png

diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Provider[default].png
new file mode 100644
index 0000000000000000000000000000000000000000..ce554d5e2b0e32876dc303d8a581892c695c2013
GIT binary patch
literal 1460
zcmV;l1xxygP)<h;3K|Lk000e1NJLTq001Wd001Wl1^@s6jH6LC00006VoOIv0RI60
z0RN!9r;`8x1!+k{K~z}7%~*YGQ&klIz4o=QpDXRQj&`iu0;MtHunadTL^Colh7bc9
z)IUtdKPHf9qKOF_jU;@9kf@0<(U3??)J!C3VvNcVG00$H1IHu-#yZDf-PU#eZr9iM
zdi|rU-J@@`w|vCkfA8IU&iUPQ&pr2?%Md~c{-<Ee5h8>j+?T@efe;ejG}6HglA}Uy
zTwBjVWmce~Nsan9OfWTbU>Jtl4nyO)_z;i&4nKn3v($#n9u3@`R%q)~50+fYFQ9MB
zB!Xw@NfnS>r$O`a8gSLcH?1hS!Clkv9t__%sk`CYZ^p8BE#;9TgrH}m4}p`(2Tp7b
zl^e8Z{mr&uJj#+Igy4^*H<26>iW<0IXd79y4Lf8BD&z!uHu@e3F#t%82<UmvCp%U^
zZgAK1L)}U_1iF&AabTw4zhqleegP+~qmPu>e6&y1OHQ%mJoj#yq*ln96sXy(hpAZ&
zy;FtQ^)x1q#mmZteOo8tIa6Ecx%hP+r(I)I$|~Emc=Bs2H1@)r6~2_h;M)NNPSb_R
z`cVh8j%=dN#aw^K6qOSDHUnBu+GU9WfXU6F^>;h$+YD5CFTI-IJq3_W9l>*{k`-v{
zSTr56f>GRi9-{!7j##0tQkJYc*qy@MF;D<NxVLm-0O0)445hBLi(IK=(D;^#N`JU7
zl_z)OK!{4X`gtAI{KZ@KRP+D+G@K`w^rlOfWB`qguF^8N)Br`r6ur#n$)!UXDq{~D
z>0l;LZhoOy6a<J}<Ef0ruJHgxy*<ZAQMyPT6UXCJ^L<BS<(Mgt+{h<kh>6l%k?^K5
zd@xi#IgNuZz<Ixj{*Eb-BB7d^6w&*_M9B-8gQlL%lT(}N9q9W$hMx7~2w#%VkyF1U
zaAxHgqW{pv=X^da02o)Q5$UH_68JNTzgFFXd5s2D8+0H7LG%ib$i)<rW98R_#wIm@
zI~RZG!Yt0V+%8+$gT~qmwOF)Tll7cwHAk(0vnr7eWw7!qD>&O-cP9Y?r)Dv<X9jGA
z0z!l?kD8jZd{_Wr7zXAwTuGO|-l>B7+Zylz5f@*Yg#8uyszYT~U}(<_Jl(bMb;dA!
zD1=O^_`xuH@(p<IB)Gq;DJodiuEV;%B~+ef4GJvZW5Kh7buhS!H`MOVJdYeXZJi2c
z&%#D+FB;JDs|~ENtkeiyqY9qxT2$N#c3H2j<s>fx5=+fLE|wKq^b`korxi@;Wf^$C
z2mqM%<xj23qC`uV9jZn03vB*DYF{#ot7hTaXD$$0@kKQlR$5l@ei1|@xl4LJglGm=
z-V6W$uI!wa#2RN+V)@>}PT#fPT<}Cuu!LprSy0)o&3&6zaWJ{1+dcMW1b@Fa1u;o*
zs$mqdtI`}9IF*DD&0rH*iuh0(!Sm8)r>?^Y#k^v*s$DDlG$HHX))O{p8?vj2UgZlq
zsT+GkaDHIHrp!_--lE6Y;izO>oRyx+%w6B1-V}(C{ikhU(Q?8jM?;<*!!T&`I#AiJ
zMJ7RT?wQ*d*x?61osA<R5-9Zm7(it%JrGlV5d%B?IKO@zgwJ}c&Ffh3tz^L)pJ5n0
z-DStk!x0R;?#Io~BN+cC3g>PM96Ks-b=M4hN8?C%)9`fH;$9FF8F)VmVQBXZglN`d
zkAGH$hMo8BElPTy;{zfF-wEK>k?i&<I0mK`4!TAb_LmJXu24f=!$Qe15EB{1y#gkV
zMWJ`9G4gR3k;^HNJDtFi?M6Iys1oYR;vT1Z*_<60aP9q>97!51*=~eupM|RbpdvR1
zLI|P*X-xhULwra;dRoNP&xzc)b(0RNDkbzz7B!m<Fg~Gr_;13G8vg;4mm1@GfmTNV
O0000<MNUMnLSTaV{j;n9

literal 0
HcmV?d00001

diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Shared_User[default].png
index 5351cb5ca66520f1b77c9b2a137fd32208d0b9d7..e49ce7161f736e930e6ca85164139182db6d512e 100644
GIT binary patch
delta 1566
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
Q^8f$<07*qoM6N<$g1lJ^E&u=k

delta 1718
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
M07*qoM6N<$f{l$x*#H0l

diff --git a/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png b/packages/terra-avatar/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_huge/avatar-common-spec/Icon_Single_User[default].png
new file mode 100644
index 0000000000000000000000000000000000000000..6e275581e45739821979ec7868663d168807f2d1
GIT binary patch
literal 1405
zcmV-@1%mpCP)<h;3K|Lk000e1NJLTq001Wd001Wl1^@s6jH6LC00006VoOIv0RI60
z0RN!9r;`8x1u{uQK~z}7&6s;k(^nM7KP||!Qc5F;ptCZ;0Y-()5sacP5mA{T8eJw1
z9B%4RqEp00otbVUijO(xm}JRBCDXkOiSw};i8_1^AF&ca8OXy5u@-E3`QW!dfI^{S
zZ$+~2Kkfb9bI$$zZhyaXPOnUoB#Hm29PM$EB#Gh*EjfQ?qSIGkY<NWV!z%N<kCz|)
z-8={wG=jLO1Of+#Ad|_2*O7_rTxE4Bn{(38mR=EFC{z>1`UN}jR{8cWT&+pZ`mB%9
zmKKO_b63b=;cWWwJ3JNYmxs&B&ETh#dtMr<s}{ztV&0U+_Q6S#MC$HD3X1Z39jsm9
zLF33s-uv9=(JGuINzD6v5;}e5D+6nnuiBrS4S7}p<<=ZhcPI1-7=TV+N$T!It8?Ap
zvT`#hC_2|CVC^a>%ICm|%x>2$e%4x(p14on>Qk`JI-Gvd;w`p-Tef|UT{$dx=x8Q}
zO=GaPhRT{UiYv67)1IQf(I^xrbXYjMRva>q%@v}urc@Yg)azqOp0$qQ{=pp=Ls~!d
zbv1mEy@G4EFWMYW`)>i&4|Vu>wI*uwGnc-9wGdd;m>71X9IyoIB(>6;ZA<qNH6}(V
z?xwvd=I?T7O&x`0S8WcURH#@JzXh30-lLsd?!cP(EkY&hX6aShpENl@arq6QyPFl2
zh>Me}O|~vhuFRjhR49INxwZrDz+ag{&J#vQ3)x2mPZYBM{d9H*obEw|&5kmej3GV&
zLW`-D-a;)?$-SZuIFsNjFDlVq&eZs*1FmzU_##P?M0s_I&|-J*-$A6|Zs(EP?9oYi
zSB?tVpSgCzo@MNVJ9sjSdk@NOvTb_Y$Zx0j+7IWg8YJY@{G^GsS&J|jAM|L~((;V-
z{i)QM3_|gJ+IZvu{oOo-@2X69o22yVTr50ob^dl`A)oA;&zWn-g<~t+lt5c;4e%R5
zN!2akAO@qJHJM2a@El0skWe(f!*P&1^3Scmxmjv^#p$X5zY#!NS5kEM28*}G*&VF6
z_5G^D1id!0b>{+ygbD}n@)$s5=wvj5g78)Q<L06;&(${?(djEFsk+5^?I~(a4~1g4
z^Eg6lk_;X?#-`%0RH#_=&T6Jc%(f}HN|MBRZ65oM@1n?t8XlqvGsiVIo7Dy#?|wGE
zN5{yKlS!Mm1rK*m;hlc^>?xab(l~iJw@14}8_$}%7;~QUQTY<0345;7gi+Ca`B9c#
zU;vH|j;wuu8xbLso@*02EZm~KvgtpBkCz|W>rUX@&&4jV&T4FKV8K^0R!ipL^h<au
zyv$>Z3gM|xlN7tMn^Qu}vR(lLaCLSgaau~Z>q)UIEx@|L0mM&PLRes=d8~9-5k0nd
z(@gZ(I25iOi9b9jlK3f0y4hK+ty`C7GtkQ)fQIIJ3d^qdD%|xumuY^|1i(Nqe=?G@
zt=jc?R<i2b1g;dHLoRn<M&w*Rn7$lkm#r63tx?a9M|W~0{~#?=3*kYLWF%*cot1P}
z?%5o^{&@ocZY~NEVp515Hy2lDcblQ=8;$&N{ui>3eM3W&34rBuHZpVkdp-KubUs&S
zGO#CiGsiCc3P3+cC*FKxJa31`;_t0N>8?W6UyV~gXPO>2QfD$yS8t&F{vGnJ9_3Qu
z8J<3S0zgc}Y!=N-L#a@`@TP=LHuZJY{BUFk$J-!9G&N#23umlAt@N?kM+mN6k|a^8
zD<c2KDXMD9sH-<{;bxwBJ|biiN_Q3h-b0BTIT?*_(5pWa?rZ%Azm4{1shPf)00000
LNkvXXu0mjf2iU4@

literal 0
HcmV?d00001