Merge branch 'dialog' of github.com:material-components/material-comp…

…onents-web into dialog
material-components · Apr 30, 2019 · b6900b4 · b6900b4
2 parents 1501a41 + 0387353
commit b6900b4
Show file tree

Hide file tree

Showing 26 changed files with 143 additions and 76 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,70 @@
+<a name="2.0.0"></a>
+# [2.0.0](https://github.com/material-components/material-components-web/compare/v1.0.0...v2.0.0) (2019-04-29)
+
+
+### Bug Fixes
+
+* **button:** Update border-width to 1px ([#4606](https://github.com/material-components/material-components-web/issues/4606)) ([be8747f](https://github.com/material-components/material-components-web/commit/be8747f))
+* **card:** Use on-surface color for action icons ([#4519](https://github.com/material-components/material-components-web/issues/4519)) ([9f37016](https://github.com/material-components/material-components-web/commit/9f37016))
+* **checkbox:** Fixed disabled checkbox styles for Edge browser ([#4602](https://github.com/material-components/material-components-web/issues/4602)) ([7855a6b](https://github.com/material-components/material-components-web/commit/7855a6b))
+* **chips:** Fix incorrect ripple effect on filter chip ([#4565](https://github.com/material-components/material-components-web/issues/4565)) ([975bae2](https://github.com/material-components/material-components-web/commit/975bae2))
+* **feature-targeting:** Move ripple styles into separate mixins ([#4454](https://github.com/material-components/material-components-web/issues/4454)) ([720bef0](https://github.com/material-components/material-components-web/commit/720bef0))
+* **list:** Add cursor: pointer for interactive list items ([#4563](https://github.com/material-components/material-components-web/issues/4563)) ([d2f0ccb](https://github.com/material-components/material-components-web/commit/d2f0ccb)), closes [#4557](https://github.com/material-components/material-components-web/issues/4557)
+* **list:** Include disabled list items in keyboard navigation and allow focus ([#4568](https://github.com/material-components/material-components-web/issues/4568)) ([6e24280](https://github.com/material-components/material-components-web/commit/6e24280))
+* **list:** Update meta class to use caption typogrpahy style ([#4623](https://github.com/material-components/material-components-web/issues/4623)) ([0826a78](https://github.com/material-components/material-components-web/commit/0826a78))
+* **menu:** Fix selection group list item spacing ([#4517](https://github.com/material-components/material-components-web/issues/4517)) ([5183e01](https://github.com/material-components/material-components-web/commit/5183e01))
+* **menu:** Use on-surface color for graphic/meta content ([#4520](https://github.com/material-components/material-components-web/issues/4520)) ([74b8d67](https://github.com/material-components/material-components-web/commit/74b8d67))
+* **ripple:** Use standard element removal method ([#4638](https://github.com/material-components/material-components-web/issues/4638)) ([ef07477](https://github.com/material-components/material-components-web/commit/ef07477))
+* **select:** Fix enhanced select issue where it does not stay open on long press [#4173](https://github.com/material-components/material-components-web/issues/4173) ([#4590](https://github.com/material-components/material-components-web/issues/4590)) ([8286aa7](https://github.com/material-components/material-components-web/commit/8286aa7))
+* **select:** Use correct shape category consistently with text-field ([#4553](https://github.com/material-components/material-components-web/issues/4553)) ([bec2ef2](https://github.com/material-components/material-components-web/commit/bec2ef2))
+* **shape:** Allow percentage based global overrides ([#4548](https://github.com/material-components/material-components-web/issues/4548)) ([4bf7a86](https://github.com/material-components/material-components-web/commit/4bf7a86))
+* **shape:** Fix errors related to multi-value shape categories ([#4547](https://github.com/material-components/material-components-web/issues/4547)) ([9f79d17](https://github.com/material-components/material-components-web/commit/9f79d17))
+* **tab:** Explicitly set margin to 0 on tabs for Safari ([#4654](https://github.com/material-components/material-components-web/issues/4654)) ([28aa623](https://github.com/material-components/material-components-web/commit/28aa623))
+* Don't import * from focus-trap to avoid default export confusion ([#4485](https://github.com/material-components/material-components-web/issues/4485)) ([6082dc3](https://github.com/material-components/material-components-web/commit/6082dc3))
+* **tab:** Fix tab icon color mixin to support SVG icons. ([#4540](https://github.com/material-components/material-components-web/issues/4540)) ([5ad6570](https://github.com/material-components/material-components-web/commit/5ad6570))
+* **tab:** Update moz-focusring to moz-focus-inner to match button ([#4567](https://github.com/material-components/material-components-web/issues/4567)) ([968a054](https://github.com/material-components/material-components-web/commit/968a054))
+* **tabs:** Disable firefox focus ring ([#4560](https://github.com/material-components/material-components-web/issues/4560)) ([a99b7d4](https://github.com/material-components/material-components-web/commit/a99b7d4))
+* **text-field:** add classes constant ([#4608](https://github.com/material-components/material-components-web/issues/4608)) ([22fa259](https://github.com/material-components/material-components-web/commit/22fa259))
+* **text-field:** Fix for input alignment in textfield with trailing icon ([#4478](https://github.com/material-components/material-components-web/issues/4478)) ([b9c5fc6](https://github.com/material-components/material-components-web/commit/b9c5fc6))
+* **text-field:** Fixed asterisk color where it stays in error color even after input is resolved ([#4576](https://github.com/material-components/material-components-web/issues/4576)) ([ca502d4](https://github.com/material-components/material-components-web/commit/ca502d4))
+* **text-field:** Set character counter in setValue ([#4572](https://github.com/material-components/material-components-web/issues/4572)) ([bce2e63](https://github.com/material-components/material-components-web/commit/bce2e63))
+
+
+### Code Refactoring
+
+* Swap MDCTopAppBar Sass Variable Word Order ([#4498](https://github.com/material-components/material-components-web/issues/4498)) ([e851bae](https://github.com/material-components/material-components-web/commit/e851bae))
+
+
+### Features
+
+* **checkbox:** Toggle selected class with state ([#4612](https://github.com/material-components/material-components-web/issues/4612)) ([5f06dce](https://github.com/material-components/material-components-web/commit/5f06dce))
+* **dialog:** Add feature targeting for styles ([#4524](https://github.com/material-components/material-components-web/issues/4524)) ([3556a93](https://github.com/material-components/material-components-web/commit/3556a93))
+* **drawer:** Make list instance publicly accessible ([#4516](https://github.com/material-components/material-components-web/issues/4516)) ([f46941c](https://github.com/material-components/material-components-web/commit/f46941c))
+* **fab:** Add feature targeting for styles ([#4526](https://github.com/material-components/material-components-web/issues/4526)) ([1ba7bdd](https://github.com/material-components/material-components-web/commit/1ba7bdd))
+* **form-field:** add feature targeting for styles ([#4521](https://github.com/material-components/material-components-web/issues/4521)) ([cd04f82](https://github.com/material-components/material-components-web/commit/cd04f82))
+* **grid-list:** Add feature targeting for styles ([#4534](https://github.com/material-components/material-components-web/issues/4534)) ([a8a6660](https://github.com/material-components/material-components-web/commit/a8a6660))
+* **icon-button:** Add feature targeting for styles ([#4536](https://github.com/material-components/material-components-web/issues/4536)) ([a58f2d2](https://github.com/material-components/material-components-web/commit/a58f2d2))
+* **image-list:** Add feature targeting for styles ([#4535](https://github.com/material-components/material-components-web/issues/4535)) ([0bfeabb](https://github.com/material-components/material-components-web/commit/0bfeabb))
+* **list:** Add disabled class name to constants ([#4558](https://github.com/material-components/material-components-web/issues/4558)) ([f2db177](https://github.com/material-components/material-components-web/commit/f2db177))
+* **list:** Automatically use appropriate aria attribute for single selection list. ([#4479](https://github.com/material-components/material-components-web/issues/4479)) ([077c809](https://github.com/material-components/material-components-web/commit/077c809))
+* **menu:** Added new API to manually set focus when menu is opened ([#4468](https://github.com/material-components/material-components-web/issues/4468)) ([42ae5c3](https://github.com/material-components/material-components-web/commit/42ae5c3))
+* **menu:** Focus management features & accessibility improvements ([#4587](https://github.com/material-components/material-components-web/issues/4587)) ([8d91b93](https://github.com/material-components/material-components-web/commit/8d91b93))
+* **tab:** Add Tab Sass mixins targeting active state colors ([#4522](https://github.com/material-components/material-components-web/issues/4522)) ([31376f7](https://github.com/material-components/material-components-web/commit/31376f7))
+* **tab-bar:** Allow activation of tab without previous active tab ([#4615](https://github.com/material-components/material-components-web/issues/4615)) ([7d4124d](https://github.com/material-components/material-components-web/commit/7d4124d))
+* **tabs:** Add active tab states mixin ([#4603](https://github.com/material-components/material-components-web/issues/4603)) ([0e9f3f5](https://github.com/material-components/material-components-web/commit/0e9f3f5))
+* **text-field:** define icon's cssClasses ([#4614](https://github.com/material-components/material-components-web/issues/4614)) ([816139c](https://github.com/material-components/material-components-web/commit/816139c))
+* **theme:** Add support for arbitrary CSS vars with fallback ([#4470](https://github.com/material-components/material-components-web/issues/4470)) ([0bfb393](https://github.com/material-components/material-components-web/commit/0bfb393))
+
+
+### BREAKING CHANGES
+
+* **menu:** New adapter methods to MDC List: `isRootFocused`. MDC Menu: Replaced adapter methods `isRootFocused`, `focusRoot` with `focusListRoot`. When using MDC List inside MDC Menu `tabindex` should be set on list root element where `role="menu"` is assigned.
+* **list:** MDCList's `listElements` component API now includes disabled list items which previously returned only enabled list items.
+* **menu:** Focus is no more set to first menu item when menu is opened. Introduced new API (`setDefaultFocusItemIndex()`) to set focus on specific menu item every time the menu is opened. Also introduced new foundation & adapter methods to incorporate this change. Please use `setDefaultFocusItemIndex(0)` method before menu open to retain previous behaviour.
+* `$mdc-top-app-bar-prominent-dense-title-bottom-padding` is renamed to `$mdc-top-app-bar-dense-prominent-title-bottom-padding`
+
+
+
 <a name="1.1.1"></a>
 ## [1.1.1](https://github.com/material-components/material-components-web/compare/v1.1.0...v1.1.1) (2019-04-08)
 

diff --git a/lerna.json b/lerna.json
@@ -1,6 +1,6 @@
 {
   "lerna": "2.0.0-beta.36",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "commands": {
     "publish": {
       "ignore": [

diff --git a/packages/material-components-web/package.json b/packages/material-components-web/package.json
@@ -1,7 +1,7 @@
 {
   "name": "material-components-web",
   "description": "Modular and customizable Material Design UI components for the web",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "license": "MIT",
   "keywords": [
     "material components",
@@ -19,44 +19,44 @@
     "@material/animation": "^1.0.0",
     "@material/auto-init": "^1.0.0",
     "@material/base": "^1.0.0",
-    "@material/button": "^1.1.1",
-    "@material/card": "^1.1.1",
-    "@material/checkbox": "^1.1.0",
-    "@material/chips": "^1.1.1",
-    "@material/dialog": "^1.1.1",
+    "@material/button": "^2.0.0",
+    "@material/card": "^2.0.0",
+    "@material/checkbox": "^2.0.0",
+    "@material/chips": "^2.0.0",
+    "@material/dialog": "^2.0.0",
     "@material/dom": "^1.1.0",
-    "@material/drawer": "^1.1.1",
+    "@material/drawer": "^2.0.0",
     "@material/elevation": "^1.1.0",
-    "@material/fab": "^1.1.1",
+    "@material/fab": "^2.0.0",
     "@material/feature-targeting": "^0.44.1",
     "@material/floating-label": "^1.1.0",
-    "@material/form-field": "^1.1.0",
+    "@material/form-field": "^2.0.0",
     "@material/grid-list": "^1.1.0",
-    "@material/icon-button": "^1.1.0",
+    "@material/icon-button": "^2.0.0",
     "@material/image-list": "^1.1.1",
     "@material/layout-grid": "^0.41.0",
     "@material/line-ripple": "^1.1.0",
     "@material/linear-progress": "^1.1.0",
-    "@material/list": "^1.1.1",
-    "@material/menu": "^1.1.1",
+    "@material/list": "^2.0.0",
+    "@material/menu": "^2.0.0",
     "@material/menu-surface": "^1.1.1",
     "@material/notched-outline": "^1.1.1",
-    "@material/radio": "^1.1.0",
-    "@material/ripple": "^1.1.0",
+    "@material/radio": "^2.0.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
-    "@material/select": "^1.1.1",
+    "@material/select": "^2.0.0",
     "@material/shape": "^1.1.1",
     "@material/slider": "^1.1.0",
-    "@material/snackbar": "^1.1.1",
-    "@material/switch": "^1.1.0",
-    "@material/tab": "^1.1.1",
-    "@material/tab-bar": "^1.1.1",
+    "@material/snackbar": "^2.0.0",
+    "@material/switch": "^2.0.0",
+    "@material/tab": "^2.0.0",
+    "@material/tab-bar": "^2.0.0",
     "@material/tab-indicator": "^1.1.0",
-    "@material/tab-scroller": "^1.1.1",
-    "@material/textfield": "^1.1.1",
+    "@material/tab-scroller": "^2.0.0",
+    "@material/textfield": "^2.0.0",
     "@material/theme": "^1.1.0",
-    "@material/toolbar": "^1.1.0",
-    "@material/top-app-bar": "^1.1.1",
+    "@material/toolbar": "^2.0.0",
+    "@material/top-app-bar": "^2.0.0",
     "@material/typography": "^1.0.0"
   }
 }
diff --git a/packages/mdc-button/package.json b/packages/mdc-button/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@material/button",
   "description": "The Material Components for the web button component",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "license": "MIT",
   "keywords": [
     "material components",
@@ -15,7 +15,7 @@
   "dependencies": {
     "@material/elevation": "^1.1.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "@material/shape": "^1.1.1",
     "@material/theme": "^1.1.0",

diff --git a/packages/mdc-card/package.json b/packages/mdc-card/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material/card",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "description": "The Material Components for the web card component",
   "license": "MIT",
   "keywords": [
@@ -15,7 +15,7 @@
   "dependencies": {
     "@material/elevation": "^1.1.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "@material/shape": "^1.1.1",
     "@material/theme": "^1.1.0"

diff --git a/packages/mdc-checkbox/package.json b/packages/mdc-checkbox/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@material/checkbox",
   "description": "The Material Components for the web checkbox component",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "license": "MIT",
   "keywords": [
     "material components",
@@ -21,7 +21,7 @@
     "@material/base": "^1.0.0",
     "@material/dom": "^1.1.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "@material/theme": "^1.1.0",
     "tslib": "^1.9.3"

diff --git a/packages/mdc-chips/package.json b/packages/mdc-chips/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@material/chips",
   "description": "The Material Components for the Web chips component",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "license": "MIT",
   "main": "dist/mdc.chips.js",
   "module": "index.js",
@@ -22,9 +22,9 @@
   "dependencies": {
     "@material/animation": "^1.0.0",
     "@material/base": "^1.0.0",
-    "@material/checkbox": "^1.1.0",
+    "@material/checkbox": "^2.0.0",
     "@material/elevation": "^1.1.0",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/shape": "^1.1.1",
     "@material/theme": "^1.1.0",
     "@material/typography": "^1.0.0",

diff --git a/packages/mdc-dialog/package.json b/packages/mdc-dialog/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material/dialog",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "description": "The Material Components Web dialog component",
   "license": "MIT",
   "keywords": [
@@ -23,7 +23,7 @@
     "@material/dom": "^1.1.0",
     "@material/elevation": "^1.1.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "@material/shape": "^1.1.1",
     "@material/theme": "^1.1.0",

diff --git a/packages/mdc-drawer/package.json b/packages/mdc-drawer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material/drawer",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "description": "The Material Components Web drawer component",
   "license": "MIT",
   "keywords": [
@@ -21,8 +21,8 @@
     "@material/animation": "^1.0.0",
     "@material/base": "^1.0.0",
     "@material/elevation": "^1.1.0",
-    "@material/list": "^1.1.1",
-    "@material/ripple": "^1.1.0",
+    "@material/list": "^2.0.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "@material/shape": "^1.1.1",
     "@material/theme": "^1.1.0",

diff --git a/packages/mdc-fab/package.json b/packages/mdc-fab/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@material/fab",
   "description": "The Material Components for the web floating action button component",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "license": "MIT",
   "keywords": [
     "material components",
@@ -17,7 +17,7 @@
     "@material/animation": "^1.0.0",
     "@material/elevation": "^1.1.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "@material/shape": "^1.1.1",
     "@material/theme": "^1.1.0",

diff --git a/packages/mdc-form-field/package.json b/packages/mdc-form-field/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@material/form-field",
   "description": "Material Components for the web wrapper for laying out form fields and labels next to one another",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "license": "MIT",
   "keywords": [
     "material components",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@material/base": "^1.0.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "@material/theme": "^1.1.0",
     "@material/typography": "^1.0.0",

diff --git a/packages/mdc-icon-button/package.json b/packages/mdc-icon-button/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@material/icon-button",
   "description": "The Material Components for the web icon button component",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "license": "MIT",
   "main": "dist/mdc.iconButton.js",
   "module": "index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@material/base": "^1.0.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/theme": "^1.1.0",
     "tslib": "^1.9.3"
   },

diff --git a/packages/mdc-list/package.json b/packages/mdc-list/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@material/list",
   "description": "The Material Components for the web list component",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "license": "MIT",
   "main": "dist/mdc.list.js",
   "module": "index.js",
@@ -20,7 +20,7 @@
     "@material/base": "^1.0.0",
     "@material/dom": "^1.1.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "@material/shape": "^1.1.1",
     "@material/theme": "^1.1.0",

diff --git a/packages/mdc-menu/package.json b/packages/mdc-menu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material/menu",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "description": "The Material Components for the web menu component",
   "license": "MIT",
   "keywords": [
@@ -19,9 +19,9 @@
   "dependencies": {
     "@material/base": "^1.0.0",
     "@material/feature-targeting": "^0.44.1",
-    "@material/list": "^1.1.1",
+    "@material/list": "^2.0.0",
     "@material/menu-surface": "^1.1.1",
-    "@material/ripple": "^1.1.0",
+    "@material/ripple": "^2.0.0",
     "@material/rtl": "^0.42.0",
     "tslib": "^1.9.3"
   }