fix(ott-36): code review fix

src/features/Common/Arrows/stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { ArrowLeft, ArrowRight } from 'features/Components'
+import { ArrowLeft, ArrowRight } from 'features/Common'
 
 export default {
   component: ArrowLeft,

src/features/Common/Button/stories.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 import { action } from '@storybook/addon-actions'
 
-import { ButtonOutline, ButtonSolid } from 'features/Components'
+import { ButtonOutline, ButtonSolid } from 'features/Common'
 
 export default {
   title: 'Button',

src/features/Common/Checkbox/stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { Checkbox } from 'features/Components'
+import { Checkbox } from 'features/Common'
 
 export default {
   component: Checkbox,

src/features/Common/Input/index.tsx

@@ -28,7 +28,7 @@ export const Input = ({
   labelWidth,
   maxLength,
   onChange,
-  px,
+  paddingX,
   required,
   type,
   value,
@@ -36,7 +36,7 @@ export const Input = ({
 }: TInput) => (
   <InputWrapper
     wrapperWidth={wrapperWidth}
-    px={px}
+    paddingX={paddingX}
   >
     <Label
       htmlFor={id}

src/features/Common/Input/stories.tsx

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react'
 
-import { Input } from 'features/Components'
+import { Input } from 'features/Common'
 
 export default {
   component: Input,

src/features/Common/Input/styled.tsx

@@ -1,7 +1,7 @@
 import styled from 'styled-components/macro'
 
 export type TInputWrapper = {
-  px?: number,
+  paddingX?: number,
   wrapperWidth?: number,
 }
 
@@ -9,8 +9,8 @@ export const InputWrapper = styled.div<TInputWrapper>`
   width: ${({ wrapperWidth }) => (wrapperWidth ? `${wrapperWidth}px` : '100%')};
   height: 48px;
   margin: 20px 0;
-  padding-left: ${({ px = 24 }) => (px ? `${px}px` : '')};
+  padding-left: ${({ paddingX = 24 }) => (paddingX ? `${paddingX}px` : '')};
-  padding-right: ${({ px = 24 }) => (px ? `${px}px` : '')};
+  padding-right: ${({ paddingX = 24 }) => (paddingX ? `${paddingX}px` : '')};
   padding-top: 13px;
   padding-bottom: 11px;
   display: flex;

src/features/Common/Radio/stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { Radio } from 'features/Components'
+import { Radio } from 'features/Common'
 
 export default {
   component: Radio,