Merge pull request #178 from Wikia/IW-4154

IW-4154 Add blocks icon

Author: kasperekt

source/icons/IconBlocks/README.md

@@ -0,0 +1,4 @@
+
+```js
+<IconBlocks height="30" />
+```

source/icons/IconBlocks/index.js

@@ -0,0 +1,6 @@
+// This file is generated automatically via extract-assets-from-ds.js
+import React from 'react';
+import IconBlocks from 'design-system/dist/svg/wds-icons-blocks.svg';
+
+/** @component */
+export default props => <IconBlocks {...props} />;

source/icons/IconBlocksSmall/README.md

@@ -0,0 +1,4 @@
+
+```js
+<IconBlocksSmall height="30" />
+```

source/icons/IconBlocksSmall/index.js

@@ -0,0 +1,6 @@
+// This file is generated automatically via extract-assets-from-ds.js
+import React from 'react';
+import IconBlocksSmall from 'design-system/dist/svg/wds-icons-blocks-small.svg';
+
+/** @component */
+export default props => <IconBlocksSmall {...props} />;

source/icons/IconBlocksTiny/README.md

@@ -0,0 +1,4 @@
+
+```js
+<IconBlocksTiny height="30" />
+```

source/icons/IconBlocksTiny/index.js

@@ -0,0 +1,6 @@
+// This file is generated automatically via extract-assets-from-ds.js
+import React from 'react';
+import IconBlocksTiny from 'design-system/dist/svg/wds-icons-blocks-tiny.svg';
+
+/** @component */
+export default props => <IconBlocksTiny {...props} />;

source/icons/demo.md

@@ -31,6 +31,9 @@ const IconAvatarTiny = require('./IconAvatarTiny').default;
 const IconBell = require('./IconBell').default;
 const IconBellSmall = require('./IconBellSmall').default;
 const IconBellTiny = require('./IconBellTiny').default;
+const IconBlocks = require('./IconBlocks').default;
+const IconBlocksSmall = require('./IconBlocksSmall').default;
+const IconBlocksTiny = require('./IconBlocksTiny').default;
 const IconBold = require('./IconBold').default;
 const IconBoldActive = require('./IconBoldActive').default;
 const IconBoldActiveSmall = require('./IconBoldActiveSmall').default;
@@ -495,6 +498,27 @@ const VariantComponent = styled.div`
         </Variants>
     </Icon>
 
+    <Icon>
+        <IconName>IconBlocks</IconName>
+        <Variants>
+            
+        <IconVariant>
+            <VariantName>IconBlocks</VariantName>
+            <VariantComponent><IconBlocks style={{width: '24px', height: '24px'}}/></VariantComponent>
+        </IconVariant>
+        
+        <IconVariant>
+            <VariantName>IconBlocksSmall</VariantName>
+            <VariantComponent><IconBlocksSmall style={{width: '18px', height: '18px'}}/></VariantComponent>
+        </IconVariant>
+        
+        <IconVariant>
+            <VariantName>IconBlocksTiny</VariantName>
+            <VariantComponent><IconBlocksTiny style={{width: '12px', height: '12px'}}/></VariantComponent>
+        </IconVariant>
+        </Variants>
+    </Icon>
+
     <Icon>
         <IconName>IconBold</IconName>
         <Variants>

source/icons/index.js

@@ -16,6 +16,9 @@ export { default as IconAvatar } from './IconAvatar';
 export { default as IconBellSmall } from './IconBellSmall';
 export { default as IconBellTiny } from './IconBellTiny';
 export { default as IconBell } from './IconBell';
+export { default as IconBlocksSmall } from './IconBlocksSmall';
+export { default as IconBlocksTiny } from './IconBlocksTiny';
+export { default as IconBlocks } from './IconBlocks';
 export { default as IconBoldActiveSmall } from './IconBoldActiveSmall';
 export { default as IconBoldActiveTiny } from './IconBoldActiveTiny';
 export { default as IconBoldActive } from './IconBoldActive';