Merge branch 'master' into table-batch-action-sequential-navigation

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>

packages/components/src/components/list/_list.scss

@@ -46,8 +46,21 @@
  margin-top: 0;
  }
 
- .#{$prefix}--list--ordered {
- list-style-type: decimal;
+ .#{$prefix}--list--ordered:not(.#{$prefix}--list--nested) {
+ counter-reset: item;
+ }
+
+ .#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)
+ > .#{$prefix}--list__item {
+ position: relative;
+ }
+
+ .#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)
+ > .#{$prefix}--list__item::before {
+ content: counter(item) '.';
+ counter-increment: item;
+ position: absolute;
+ left: rem(-24px);
  }
 
  .#{$prefix}--list--ordered.#{$prefix}--list--nested {

packages/components/src/components/text-input/_text-input.scss

@@ -44,6 +44,14 @@
  }
  }
 
+ .#{$prefix}--text-input--large {
+ height: rem(48px);
+ }
+
+ .#{$prefix}--text-input--small {
+ height: rem(32px);
+ }
+
  .#{$prefix}--password-input {
  padding-right: $carbon--spacing-08;
  }