fix lint errors

Author: PetrBukov

src/components/Avatar/Avatar.js

@@ -55,7 +55,7 @@ function Avatar({
         &&
         <AvatarHandleFullWidthTag modifiers={ rest } onClick={ onPick } >
           <AvatarHandleIconContainerTag modifiers={ rest }>
-            <Icon name="Camera" color="WHITE" size="custom" customSize={ CAMERA_ICON_SIZE[rest.size] } />
+            <Icon name="Camera" color="WHITE" size="custom" customSize={ CAMERA_ICON_SIZE[rest.size || 'lg'] } />
             <div>
               { pickLabel }
             </div>

src/components/Avatar/Avatar.stories.js

@@ -48,6 +48,7 @@ export const withPick = () => (
       />
       <Avatar
         src="https://randomuser.me/api/portraits/women/17.jpg"
+        size="xxl"
         onPick={ () => alert(1) }
         pickLabel="Update"
         pickVariant="fullWidth"

src/components/Icon/Icon.theme.js

@@ -35,8 +35,8 @@ const [IconSvgTag, themeSvg] = createThemeTag(`${name}Svg`, {
       width: '100%',
     },
   },
-  modifiers: {
-    size: (props) => ({
+  modifiers: (props) => ({
+    size: {
       xs: {
         width: '12px',
         height: '12px',
@@ -65,8 +65,8 @@ const [IconSvgTag, themeSvg] = createThemeTag(`${name}Svg`, {
         height: props.customSize,
         width: props.customSize,
       },
-    }),
-  },
+    },
+  }),
 });
 
 

src/components/Icon/glyphs/Camera.svg

@@ -35,21 +35,21 @@ const getModifiersStyles = (themeName: string, props: Object) => {
   const themeModifiers = fp.getOr({}, ['theme', 'components', themeName, 'modifiers'], props);
   const omittedProps = fp.omit(['theme'], props);
 
-  return Object.entries(themeModifiers)
-    .reduce(
-      (result, [modifierName, modifierData]) => {
-        const modifierStyles = typeof modifierData === 'function'
-          ? modifierData(omittedProps)
-          : modifierData || {};
+  const themeStyles = typeof themeModifiers === 'function'
+    ? themeModifiers(omittedProps)
+    : themeModifiers;
 
+  return Object.keys(themeStyles)
+    .reduce(
+      (result, modifierName) => {
         const modifierValue = props[modifierName];
 
         let styles = {};
 
         if (typeof modifierValue !== 'boolean') {
-          styles = modifierStyles[modifierValue] || {};
+          styles = themeStyles[modifierName][modifierValue] || {};
         } else if (modifierValue === true) {
-          styles = themeModifiers[modifierName];
+          styles = themeStyles[modifierName];
         }
 
         return { ...result, ...styles };