New field icons (#1109)

Icon updates: updated artwork for `FieldDuration`, `FieldString`, `FieldLocation`, 
Remove `FieldDistance`. Add `MultiSelect`

Author: jhardy

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Field now support hideLabel and fieldsHideLabel
 - `eslint-config`, `prettier-config` and `stylelint-config` packages moved from separate repository and updated to integrate any overrides needed previously.
 - `zIndexFloor` added to `theme` (used as base value for Overlay & Modal z-index value:q)
+- `MultiSelect` icon added
 
 ### Changed
 
@@ -32,6 +33,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - `TextArea` interface simplified / narrowed
   - No longer supports border or typography props
 - `IconButton` improved hover/active states and no background on hover
+- `FieldLoction`, `FieldString`, `FieldDuration` icon artwork update
 
 ### Fixed
 
@@ -57,6 +59,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - `Label` interface has significantly pared-down (to just DOM-native properties)
 - `psuedo` support from design-tokens (prefer using `styled` when pseudo selectors are required)
   - Includes changes to `Box` & `IconButton`
+- `FieldDistance` icon removed
 
 ## [0.8.7]
 

packages/icons/src/svg/FieldDistance.svg

@@ -127,7 +127,7 @@ export const FieldPicker = () => (
         <TreeItem icon="Calendar">Created Year</TreeItem>
         <TreeItem icon="Calendar">Created Quarter</TreeItem>
       </Tree>
-      <TreeItem icon="FieldDistance">Location</TreeItem>
+      <TreeItem icon="FieldLocation">Location</TreeItem>
       <TreeItem icon="FieldTier" onClick={() => alert('Clicked on Tier!')}>
         Tier
       </TreeItem>

packages/icons/src/svg/FieldDuration.svg

@@ -23,7 +23,7 @@ Passing in an element into the `detail` prop will result in that element being d
   detail={<Text variant="subdued">thelook</Text>}
 >
   <TreeItem icon="FieldNumber">Cost</TreeItem>
-  <TreeItem icon="FieldDistance">Location</TreeItem>
+  <TreeItem icon="FieldLocation">Location</TreeItem>
   <TreeItem icon="FieldTier">Tier</TreeItem>
   <TreeItem icon="FieldYesNo">Oui ou Non</TreeItem>
 </Tree>
@@ -97,7 +97,7 @@ The `toggleOpen` prop should receive a function that has one parameter: a boolea
   return (
     <Tree label="Orders" icon="Table" isOpen={isOpen} toggleOpen={setIsOpen}>
       <TreeItem icon="FieldNumber">Cost</TreeItem>
-      <TreeItem icon="FieldDistance">Location</TreeItem>
+      <TreeItem icon="FieldLocation">Location</TreeItem>
       <TreeItem icon="FieldTier">Tier</TreeItem>
       <TreeItem icon="FieldYesNo">Oui ou Non</TreeItem>
     </Tree>