fix: announce suggestion list changes (#2148)

adds aria-live to the suggestions list to announce changes to it

Author: gavinbarron

.github/workflows/pr-storybook.yml

@@ -27,7 +27,9 @@ jobs:
 
       - name: Install deps 🛠
         run: |
-          npm install -g yarn lerna
+          echo "installing yarn"
+          npm install -g yarn
+          echo "installing deps for packages"
           yarn
       - name: Extract tag name
         shell: bash

.github/workflows/storybook.yml

@@ -26,7 +26,7 @@ jobs:
 
       - name: Build 🛠
         run: |
-          npm install -g yarn lerna
+          npm install -g yarn lerna@6.4.1
           yarn
           yarn build
           yarn storybook:build

.storybook/rollup.config.js

@@ -27,7 +27,7 @@ const es6Bundle = {
   output: {
     dir: 'assets',
     entryFileNames: 'mgt.storybook.js',
-    format: 'esm',
+    format: 'esm'
   },
   plugins: [
     babel({

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

@@ -937,7 +937,9 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
         id="suggestions-list"
         aria-label="${this.strings.suggestedContacts}"
         class="people-list"
-        role="listbox">
+        role="listbox"
+        aria-live="polite"
+      >
          ${repeat(
            filteredPeople,
            person => person.id,