Remove classnames dependency and fix List component

Author: luizbaldi

.eslintrc.js

@@ -14,10 +14,7 @@ module.exports = {
         "some": [ "nesting", "id"  ]
       }
     }],
-    "jsx-a11y/label-has-for": [ "error", {
-      "required": {
-        "some": [ "nesting", "id"  ]
-      }
-    }]
+    "jsx-a11y/label-has-associated-control": ["error", { assert: "either" } ],
+    "jsx-a11y/label-has-for": 'off'
   }
 }

package.json

@@ -59,7 +59,6 @@
     "babel-eslint": "^10.0.2",
     "babel-loader": "^8.0.5",
     "babel-plugin-styled-components": "^1.10.0",
-    "classnames": "^2.2.6",
     "cross-env": "^5.2.0",
     "eslint": "^5.16.0",
     "eslint-config-airbnb": "^17.1.1",

src/components/FileIcon/FileIcon.js

@@ -1,3 +1,6 @@
+/* FileIcon will be rewritten soon */
+/* eslint-disable */
+
 import React from 'react';
 import propTypes from 'prop-types';
 import cx from 'classnames';

src/components/List/List.js

@@ -4,7 +4,10 @@ import propTypes from 'prop-types';
 import styled from 'styled-components';
 import { createBorderStyles, createBoxStyles } from '../common';
 
-const createListPositionStyles = ({ verticalAlign, horizontalAlign }) => `
+const createListPositionStyles = ({
+  verticalAlign = 'bottom',
+  horizontalAlign = 'left',
+}) => `
     position: absolute;
     ${verticalAlign === 'bottom' ? 'bottom: 0;' : 'top: 0;'}
     ${horizontalAlign === 'left' ? 'left: 0;' : 'right: 0;'}
@@ -63,16 +66,13 @@ List.defaultProps = {
   inline: false,
   className: '',
   children: null,
-  verticalAlign: 'bottom',
-  horizontalAlign: 'left',
+  verticalAlign: undefined,
+  horizontalAlign: undefined,
 };
 
 List.propTypes = {
   className: propTypes.string,
-  style: propTypes.shape([
-    propTypes.string,
-    propTypes.number,
-  ]),
+  style: propTypes.shape([propTypes.string, propTypes.number]),
   fullWidth: propTypes.bool,
   inline: propTypes.bool,
   shadow: propTypes.bool,