Clean up badgeColors and avatarColors from the v5 and default themes (#972)

* Clean up `badgeColors` and `avatarColors` from the v5 and default themes

* revert prettier changes

* more updates

* updates

Author: akleiner2

src/badges/stories/index.stories.js

@@ -29,7 +29,7 @@ storiesOf('badges', module)
     <ThemeConsumer>
       {theme => (
         <Box style={{ ...wrapperStyles }}>
-          {theme.badgeColors.map(color => (
+          {Object.keys(theme.tokens.fills).map(color => (
             <Box key={color}>
               <Badge color={color} {...baseStyles}>
                 {color}
@@ -47,7 +47,7 @@ storiesOf('badges', module)
     <ThemeConsumer>
       {theme => (
         <Box style={{ ...wrapperStyles }}>
-          {theme.badgeColors.map((color, index) => {
+          {Object.keys(theme.tokens.fills).map((color, index) => {
             return (
               <Box
                 key={color}

src/theme/src/themes/default/component-specific/avatarColors.js

@@ -1,7 +1,5 @@
 // Simple Properties.
 export { default as overlayBackgroundColor } from './overlayBackgroundColor'
-export { default as avatarColors } from './avatarColors'
-export { default as badgeColors } from './badgeColors'
 export { default as spinnerColor } from './spinnerColor'
 
 export { default as getTextDropdownButtonClassName } from './getTextDropdownButtonClassName'

src/theme/src/themes/default/component-specific/index.js

@@ -36,8 +36,6 @@ import { headings, text, fontFamilies, paragraph } from './typography'
  * These ARE REQUIRED for Evergreen to work.
  */
 import {
-  avatarColors,
-  badgeColors,
   getTextDropdownButtonClassName,
   getTableCellClassName,
   getRowClassName,
@@ -52,7 +50,7 @@ import {
  * ---
  * These ARE REQUIRED for Evergreen to work.
  */
-import { getIconSizeForIconButton, getElevation } from './theme-helpers'
+import { getElevation } from './theme-helpers'
 
 export default {
   // Foundational Styles.
@@ -63,17 +61,12 @@ export default {
   scales,
   tokens,
 
-  // Component Specific.
-  avatarColors,
-  badgeColors,
   getTextDropdownButtonClassName,
   getTableCellClassName,
   getRowClassName,
   getMenuItemClassName,
   getCodeProps,
 
-  // Theme Helpers.
-  getIconSizeForIconButton,
   getElevation,
 
   inputs,

src/theme/src/themes/default/index.js

@@ -1,7 +1,5 @@
 // Simple Properties.
 export { default as overlayBackgroundColor } from './overlayBackgroundColor'
-export { default as avatarColors } from './avatarColors'
-export { default as badgeColors } from './badgeColors'
 export { default as spinnerColor } from './spinnerColor'
 
 // Class Name Getters.

src/theme/src/themes/v5/component-specific/avatarColors.js

@@ -36,8 +36,6 @@ import { headings, text, fontFamilies, paragraph } from './typography'
  * These ARE REQUIRED for Evergreen to work.
  */
 import {
-  avatarColors,
-  badgeColors,
   getTextDropdownButtonClassName,
   getTableCellClassName,
   getRowClassName,
@@ -54,7 +52,7 @@ import {
  * ---
  * These ARE REQUIRED for Evergreen to work.
  */
-import { getIconSizeForIconButton, getElevation } from './theme-helpers'
+import { getElevation } from './theme-helpers'
 
 export default {
   // Foundational Styles.
@@ -65,17 +63,14 @@ export default {
   scales,
   tokens,
 
-  // Component Specific.
-  avatarColors,
-  badgeColors,
   getTextDropdownButtonClassName,
   getTableCellClassName,
   getRowClassName,
   getMenuItemClassName,
   getCodeProps,
 
   // Theme Helpers.
-  getIconSizeForIconButton,
+
   getElevation,
 
   // Component-specific