mgt-people-picker updating cssprops to match implementation and documentation (#478)

* updating cssprops to match implementation and documentation

* removing accent color from scss

* removing searchIcon (legacy design)

Author: vogtn

src/components/mgt-people-picker/mgt-people-picker.scss

@@ -8,13 +8,11 @@
 @import '../../../node_modules/office-ui-fabric-core/dist/sass/References';
 @import '../../styles/shared-styles.scss';
 
-$list-margin: var(--list-margin, 20px 4px 8px 8px);
 $avatar-margin: var(--avatar-margin, 0 4px 0 0);
 $avatar-size-s: var(--avatar-size-s, 24px);
 $avatar-size: var(--avatar-size, 48px);
 $initials-color: var(--initials-color, white);
 $initials-background-color: var(--initials-background-color, #{$ms-color-magenta});
-$accent-color: var(--accent-color, #0078d4);
 
 $input-border: var(--input-border, 2px solid #b3b0ad);
 $input-border-bottom: var(--input-border-bottom, $input-border);
@@ -120,11 +118,6 @@ mgt-people-picker .CloseIcon {
   cursor: pointer;
   color: $font-color;
 }
-:host .SearchIcon,
-mgt-people-picker .SearchIcon {
-  font-family: 'FabricMDL2Icons';
-  color: $accent-color;
-}
 
 :host .people-person,
 mgt-people-picker .people-person {

src/components/mgt-people-picker/mgt-people-picker.ts

@@ -57,14 +57,11 @@ interface IFocusable {
  * @cssprop --input-focus-color - {Color} Input text focus color
  *
  * @cssprop --dropdown-background-color - {Color} Background color of dropdown area
- * @cssprop --dropdown-item-hover-background - {Color} Background color of channel or team during hover
- * @cssprop --dropdown-item-selected-background - {Color} Background color of selected channel
+ * @cssprop --dropdown-item-hover-background - {Color} Background color of person during hover
  *
  * @cssprop --placeholder-focus-color - {Color} Color of placeholder text during focus state
  * @cssprop --placeholder-default-color - {Color} Color of placeholder text
  *
- * @cssprop --people-list-background-color - {Color} People list background color
- * @cssprop --accent-color - {Color} Accent color
  */
 @customElement('mgt-people-picker')
 export class MgtPeoplePicker extends MgtTemplatedComponent {