Arrow icon updates (#690)

Add ArrowLeft icon. Rename ArrowDropDown to ArrowDown and ArrowDropUp to ArrowUp

Author: jhardy

CHANGELOG.md

@@ -15,10 +15,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [0.7.24] - 2020-03-12
 
 ### Added
-
+- `ArrowLeft` Icon added
 - `Checkbox` supports `defaultChecked` property.
 - `TabPanels` supports `FlexBoxProps` & `LayoutProps`
 
+### Change
+- `ArrowDropDown` and `ArrowDropUp` Icons renamed to `ArrowUp` and `ArrowDown`
+
 ## Fixed
 
 - `IconButton` Fixed duplicate Tooltips scenario

packages/icons/src/svg/ArrowDown.svg

@@ -144,7 +144,7 @@ export const ActionListDemo: FC = () => {
           }
           indicator={
             <Icon
-              name={status === 'Success' ? 'ArrowDropUp' : 'ArrowDropDown'}
+              name={status === 'Success' ? 'ArrowUp' : 'ArrowDown'}
               color={
                 status === 'Success' ? 'palette.green300' : 'palette.red300'
               }

packages/icons/src/svg/ArrowDropDown.svg packages/icons/src/svg/ArrowLeft.svgpackages/icons/src/svg/ArrowDropDown.svg renamed to packages/icons/src/svg/ArrowLeft.svg

@@ -50,7 +50,7 @@ export const ContentOverflow: FC = ({ children }) => (
     >
       {(onClick, ref, className) => (
         <ButtonOutline
-          iconAfter="ArrowDropDown"
+          iconAfter="ArrowDown"
           m="xxlarge"
           className={className}
           onClick={onClick}

packages/icons/src/svg/ArrowRight.svg

@@ -51,7 +51,7 @@ export const EdgeOverflow: FC<Props> = ({
     >
       {(onClick, ref, className) => (
         <ButtonOutline
-          iconAfter="ArrowDropDown"
+          iconAfter="ArrowDown"
           m="xxlarge"
           className={className}
           onClick={onClick}