Added icon size prop

Author: EranNL

__tests__/Icon.test.tsx

@@ -0,0 +1,25 @@
+import { render } from 'enzyme';
+import { Icon } from '@/components';
+import React from 'react';
+
+describe('Icon test', () => {
+    it('should render icon', () => {
+        const container = render(
+            <div>
+                <Icon icon="home"/>
+            </div>
+        );
+
+        expect(container.find('.cui-icon.cui-icon-home').length).toBe(1);
+    });
+
+    it('should render icon with specific size', () => {
+        const container = render(
+            <div>
+                <Icon icon="home" size={12} />
+            </div>
+        );
+
+        expect(container.find('.cui-icon.cui-icon-home.cui-icon-size-12').length).toBe(1);
+    });
+});

src/components/Icon/Icon.tsx

@@ -5,12 +5,14 @@ import { IconName } from '@/components/Icon/IconName';
 
 interface IconProps extends React.HTMLAttributes<HTMLElement> {
     icon: IconName | string;
+    size?: string | number;
 }
 
 const Icon = React.forwardRef<HTMLElement, IconProps>((
     {
         className,
-        icon
+        icon,
+        size
     },
     ref
 ): React.ReactElement => (
@@ -19,6 +21,7 @@ const Icon = React.forwardRef<HTMLElement, IconProps>((
         className={clsx(
             'cui-icon',
             `cui-icon-${icon}`,
+            size && `cui-icon-size-${size}`,
             className
         )}
     />
@@ -27,7 +30,8 @@ const Icon = React.forwardRef<HTMLElement, IconProps>((
 Icon.displayName = 'Icon';
 Icon.propTypes = {
     className: PropTypes.string,
-    icon: PropTypes.string.isRequired
+    icon: PropTypes.string.isRequired,
+    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 }
 
 export default Icon;