Merge branch 'master' into pagination-a11y

package.json

@@ -48,7 +48,7 @@
     "@ibma/aat": "https://able.ibm.com/tools/dist/ibma-aat-2.0.6.tgz",
     "alex": "^8.0.0",
     "axe-core": "^3.3.2",
-    "babel-jest": "^24.8.0",
+    "babel-jest": "^24.9.0",
     "cross-env": "^5.2.0",
     "cross-spawn": "^6.0.5",
     "doctoc": "^1.4.0",
@@ -60,9 +60,9 @@
     "fs-extra": "^8.1.0",
     "glob": "^7.1.4",
     "husky": "^4.0.10",
-    "jest": "^24.8.0",
-    "jest-circus": "^24.8.0",
-    "jest-junit": "^6.4.0",
+    "jest": "^24.9.0",
+    "jest-circus": "^24.9.0",
+    "jest-junit": "^10.0.0",
     "lerna": "^3.20.2",
     "lint-staged": "^9.5.0",
     "prettier": "^1.19.1",

packages/bundler/package.json

@@ -24,8 +24,9 @@
     "@babel/core": "^7.7.7",
     "@babel/preset-env": "^7.7.7",
     "@carbon/cli-reporter": "10.3.0",
+    "@commitlint/parse": "^8.1.0",
     "@commitlint/parse": "^8.3.4",
-    "autoprefixer": "^9.4.3",
+    "autoprefixer": "^9.7.4",
     "babel-plugin-macros": "^2.4.2",
     "chalk": "^2.4.1",
     "change-case": "^4.1.1",
@@ -40,8 +41,9 @@
     "inquirer": "^6.5.0",
     "klaw-sync": "^6.0.0",
     "markdown-toc": "^1.2.0",
+    "node-sass": "^4.9.4",
     "node-sass": "^4.13.1",
-    "postcss": "^7.0.7",
+    "postcss": "^7.0.26",
     "postcss-discard-comments": "^4.0.1",
     "replace-in-file": "^3.4.4",
     "rollup": "^0.67.1",

packages/components/package.json

@@ -86,7 +86,7 @@
     "@carbon/test-utils": "^10.6.0",
     "@frctl/fractal": "^1.1.0",
     "adaro": "1.0.4",
-    "autoprefixer": "^8.2.0",
+    "autoprefixer": "^9.7.4",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.0",
     "babel-plugin-dev-expression": "^0.2.2",
@@ -102,7 +102,7 @@
     "commander": "^2.13.0",
     "core-js": "^3.6.2",
     "cross-env": "^5.2.0",
-    "css-loader": "^0.28.0",
+    "css-loader": "^3.4.2",
     "custom-event": "^1.0.0",
     "del": "~2.0.2",
     "diff": "^3.4.0",
@@ -148,7 +148,7 @@
     "path-to-regexp": "^2.2.0",
     "portscanner": "^2.2.0",
     "postcss-custom-properties": "^9.0.0",
-    "postcss-loader": "^2.1.0",
+    "postcss-loader": "^3.0.0",
     "promise": "^8.0.1",
     "prop-types": "^15.6.0",
     "react": "^16.8.6",
@@ -163,17 +163,17 @@
     "rollup-plugin-replace": "^2.0.0",
     "rollup-plugin-terser": "^4.0.0",
     "rollup-plugin-virtual": "^1.0.0",
-    "sass": "^1.22.0",
-    "sass-loader": "^6.0.0",
+    "sass": "^1.24.5",
+    "sass-loader": "^8.0.2",
     "scss-to-json": "1.1.0",
     "serve-static": "^1.13.0",
-    "style-loader": "^0.20.0",
-    "terser": "^3.14.0",
-    "terser-webpack-plugin": "^1.2.0",
+    "style-loader": "^1.1.3",
+    "terser": "^4.6.3",
+    "terser-webpack-plugin": "^2.3.2",
     "through2": "^3.0.0",
     "vinyl-named": "^1.1.0",
-    "webpack": "^4.23.1",
-    "webpack-dev-middleware": "^3.0.0",
+    "webpack": "^4.41.5",
+    "webpack-dev-middleware": "^3.7.2",
     "webpack-hot-middleware": "^2.21.0",
     "whatwg-fetch": "^3.0.0"
   },

packages/components/src/components/dropdown/dropdown.hbs

@@ -20,7 +20,7 @@
       </button>
       <ul class="{{@root.prefix}}--dropdown-list" id="{{default.idSuffix}}-menu" role="menu" tabindex="0" id="{{default.idSuffix}}-menu" aria-hidden="true" wh-menu-anchor="left" aria-labelledby="{{default.idSuffix}}-label">
         {{#each items as |item index|}}
-        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item">
+        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item" title="{{label}}">
           <a class="{{@root.prefix}}--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio" aria-checked="{{#if index}}false{{else}}true{{/if}}" id="{{../default.idSuffix}}-item{{@index}}">{{label}}</a>
         </li>
         {{/each}}
@@ -45,7 +45,7 @@
       </button>
       <ul class="{{@root.prefix}}--dropdown-list"  role="menu" tabindex="0" id="{{helper.idSuffix}}-menu" aria-hidden="true" wh-menu-anchor="left" aria-labelledby="{{helper.idSuffix}}-label">
         {{#each items as |item index|}}
-        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item">
+        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item" title="{{label}}">
           <a class="{{@root.prefix}}--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio" aria-checked="{{#if index}}false{{else}}true{{/if}}" id="{{../helper.idSuffix}}-item{{@index}}">{{label}}</a>
         </li>
         {{/each}}
@@ -74,7 +74,7 @@
       <!-- Note: remove `tabindex` from disabled dropdown lists -->
       <ul class="{{@root.prefix}}--dropdown-list" id="{{disabled.idSuffix}}-menu" role="menu" id="{{disabled.idSuffix}}-menu" aria-hidden="true" wh-menu-anchor="left" aria-labelledby="{{disabled.idSuffix}}-label">
         {{#each items as |item index|}}
-        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item">
+        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item" title="{{label}}">
           <a class="{{@root.prefix}}--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio" aria-checked="{{#if index}}false{{else}}true{{/if}}" id="{{../disabled.idSuffix}}-item{{@index}}">{{label}}</a>
         </li>
         {{/each}}
@@ -103,7 +103,7 @@
       </button>
       <ul class="{{@root.prefix}}--dropdown-list" id="{{invalid.idSuffix}}-menu" role="menu" tabindex="0" id="{{invalid.idSuffix}}-menu" aria-hidden="true" wh-menu-anchor="left" aria-labelledby="{{invalid.idSuffix}}-label">
         {{#each items as |item index|}}
-        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item">
+        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item" title="{{label}}">
           <a class="{{@root.prefix}}--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio" aria-checked="{{#if index}}false{{else}}true{{/if}}" id="{{../invalid.idSuffix}}-item{{@index}}">{{label}}</a>
         </li>
         {{/each}}
@@ -138,7 +138,7 @@
       </button>
       <ul class="{{@root.prefix}}--dropdown-list" id="{{default.idSuffix}}-menu" role="menu" tabindex="0" id="{{default.idSuffix}}-menu" aria-hidden="true" wh-menu-anchor="left" aria-labelledby="{{default.idSuffix}}-label">
         {{#each items as |item index|}}
-        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item">
+        <li data-option data-value="{{value}}" class="{{@root.prefix}}--dropdown-item" title="{{label}}">
           <a class="{{@root.prefix}}--dropdown-link" href="javascript:void(0)" tabindex="-1" role="menuitemradio" aria-checked="{{#if index}}false{{else}}true{{/if}}" id="{{../default.idSuffix}}-item{{@index}}">{{label}}</a>
           {{ carbon-icon 'Checkmark16' class=(add @root.prefix '--list-box__menu-item__selected-icon') aria-hidden="true" }}
         </li>