Convert <Avatar /> component to Storybook

Co-authored-by: Chris Svenningsen <chris@carbonfive.com>
Co-authored-by: Sidney Keese <me@sidke.com>

ts/types/Colors.ts

@@ -0,0 +1,18 @@
+export const Colors = [
+  'red',
+  'deep_orange',
+  'brown',
+  'pink',
+  'purple',
+  'indigo',
+  'blue',
+  'teal',
+  'green',
+  'light_green',
+  'blue_grey',
+  'grey',
+  'ultramarine',
+  'signal-blue',
+] as const;
+
+export type ColorType = typeof Colors[number];

ts/types/Util.ts

@@ -11,19 +11,3 @@ export type LocalizerType = (
   key: string,
   values?: Array<string> | ReplacementValuesType
 ) => string;
-
-export type ColorType =
-  | 'red'
-  | 'deep_orange'
-  | 'brown'
-  | 'pink'
-  | 'purple'
-  | 'indigo'
-  | 'blue'
-  | 'teal'
-  | 'green'
-  | 'light_green'
-  | 'blue_grey'
-  | 'grey'
-  | 'ultramarine'
-  | 'signal-blue';