chore: Publish

Author: abhiomkar

CHANGELOG.md

@@ -3,6 +3,96 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-canary.e851d4f40.0](https://github.com/material-components/material-components-web/compare/v3.2.0...v4.0.0-canary.e851d4f40.0) (2019-09-13)
+
+
+### Bug Fixes
+
+* **button:** Add `overflow: visible` to button. ([#4973](https://github.com/material-components/material-components-web/issues/4973)) ([905e84e](https://github.com/material-components/material-components-web/commit/905e84e))
+* **checkbox:** Fix checkbox terminology in sass mixins ([#5014](https://github.com/material-components/material-components-web/issues/5014)) ([2161c02](https://github.com/material-components/material-components-web/commit/2161c02))
+* **chips:** Ignore selection events in chip set ([#4878](https://github.com/material-components/material-components-web/issues/4878)) ([94c6a00](https://github.com/material-components/material-components-web/commit/94c6a00))
+* **chips:** Remove keyCode check ([#4966](https://github.com/material-components/material-components-web/issues/4966)) ([e6304c4](https://github.com/material-components/material-components-web/commit/e6304c4))
+* **chips:** Stack trailing/leading icons above touch target el ([#5040](https://github.com/material-components/material-components-web/issues/5040)) ([048d4b7](https://github.com/material-components/material-components-web/commit/048d4b7))
+* **chips:** Stop emitting events in handlers ([#4969](https://github.com/material-components/material-components-web/issues/4969)) ([cfd81dc](https://github.com/material-components/material-components-web/commit/cfd81dc))
+* **data-table:** Minor fixes for data table layout ([#5037](https://github.com/material-components/material-components-web/issues/5037)) ([37b1f93](https://github.com/material-components/material-components-web/commit/37b1f93))
+* **menu:** Vertically center the group icon ([#4862](https://github.com/material-components/material-components-web/issues/4862)) ([c5738ed](https://github.com/material-components/material-components-web/commit/c5738ed))
+* **tabs:** Fix tab img icon styling. ([#5041](https://github.com/material-components/material-components-web/issues/5041)) ([d0e6cd1](https://github.com/material-components/material-components-web/commit/d0e6cd1))
+
+
+### Code Refactoring
+
+* **button:** Add ripple target as an inner element. ([#4890](https://github.com/material-components/material-components-web/issues/4890)) ([dffefe6](https://github.com/material-components/material-components-web/commit/dffefe6))
+* **mdc-fab:** Move Ripple to inner Element. ([#4997](https://github.com/material-components/material-components-web/issues/4997)) ([85b33b5](https://github.com/material-components/material-components-web/commit/85b33b5))
+* **slider:** Functional slider tick visuals with css background ([#4756](https://github.com/material-components/material-components-web/issues/4756)) ([8f851d9](https://github.com/material-components/material-components-web/commit/8f851d9))
+
+
+### Features
+
+* **button:** Add support for increased touch target to button. ([#4948](https://github.com/material-components/material-components-web/issues/4948)) ([1d7a2e6](https://github.com/material-components/material-components-web/commit/1d7a2e6))
+* **checkbox:** Add support for 48px touch target ([#5025](https://github.com/material-components/material-components-web/issues/5025)) ([b5685a8](https://github.com/material-components/material-components-web/commit/b5685a8))
+* **checkbox:** Move ripple to child node ([#4981](https://github.com/material-components/material-components-web/issues/4981)) ([9712b24](https://github.com/material-components/material-components-web/commit/9712b24))
+* **chips:** Add keyboard navigation ([#4844](https://github.com/material-components/material-components-web/issues/4844)) ([42065fe](https://github.com/material-components/material-components-web/commit/42065fe)), closes [#2259](https://github.com/material-components/material-components-web/issues/2259)
+* **chips:** Add setSelectedFromChipset method ([#4872](https://github.com/material-components/material-components-web/issues/4872)) ([283bd55](https://github.com/material-components/material-components-web/commit/283bd55))
+* **chips:** Add support for increased touch target to chips. ([#4970](https://github.com/material-components/material-components-web/issues/4970)) ([6aa109d](https://github.com/material-components/material-components-web/commit/6aa109d))
+* **chips:** Use index for all chip operations ([#4869](https://github.com/material-components/material-components-web/issues/4869)) ([07078bb](https://github.com/material-components/material-components-web/commit/07078bb))
+* **density:** Add density subsystem to components ([#5059](https://github.com/material-components/material-components-web/issues/5059)) ([73a5e4c](https://github.com/material-components/material-components-web/commit/73a5e4c))
+* **dialog:** Add dialog mixin for dialogs with increased touch target buttons. ([#5024](https://github.com/material-components/material-components-web/issues/5024)) ([2ef1ddd](https://github.com/material-components/material-components-web/commit/2ef1ddd))
+* **list:** Add mixin for disabled text opacity ([#4861](https://github.com/material-components/material-components-web/issues/4861)) ([d68f8a7](https://github.com/material-components/material-components-web/commit/d68f8a7))
+* **radio:** Add support for 48px touch target ([#5032](https://github.com/material-components/material-components-web/issues/5032)) ([87b0a4c](https://github.com/material-components/material-components-web/commit/87b0a4c))
+* **radio:** Move ripple to child element ([#4983](https://github.com/material-components/material-components-web/issues/4983)) ([100ab37](https://github.com/material-components/material-components-web/commit/100ab37))
+* **ripple:** Add support for ripple target to mixins. ([#4880](https://github.com/material-components/material-components-web/issues/4880)) ([08dbe69](https://github.com/material-components/material-components-web/commit/08dbe69))
+* **tab-bar:** Add density mixin to tab-bar ([#5070](https://github.com/material-components/material-components-web/issues/5070)) ([45dc002](https://github.com/material-components/material-components-web/commit/45dc002))
+* **text-field:** Center align inner elements for dynamic height ([#4990](https://github.com/material-components/material-components-web/issues/4990)) ([4d94b22](https://github.com/material-components/material-components-web/commit/4d94b22))
+* **touch-target:** Add touch target mixins. ([#4940](https://github.com/material-components/material-components-web/issues/4940)) ([b2e0fea](https://github.com/material-components/material-components-web/commit/b2e0fea))
+
+
+### BREAKING CHANGES
+
+* **density:** Renamed sass mixins & variables in MDC Data Table - `mdc-data-table-header-row-height` => `mdc-data-table-header-cell-height` & `mdc-data-table-row-height` => `mdc-data-table-cell-height`. Also removed `mdc-button--dense` variant, use button's density mixin instead.
+* **text-field:** Removed sass variable in notched outline - `$mdc-notched-outline-transition-duration`.
+* **mdc-fab:** This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element.
+
+OLD
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+
+NEW
+
+```html
+<button class="mdc-fab" aria-label="Favorite">
+  <div class="mdc-fab__ripple"></div>
+  <span class="mdc-fab__icon material-icons">favorite</span>
+</button>
+```
+* **radio:** Ripple has been moved to a child element. See readme for updates.
+* **slider:** remove adapter methods `appendTrackMarkers`, `removeTrackMarkers `, `setLastTrackMarkersStyleProperty `, and add adapter method `setTrackMarkers`.
+* **button:** This changes the structure of the button element by moving the ripple from the outer <button> element to an inner `mdc-button__ripple` element.
+
+OLD
+```
+<button class="mdc-button">
+  <span class="mdc-button__label">Hello World</span>
+</button>
+```
+
+NEW
+```
+<button class="mdc-button">
+  <div class="mdc-button__ripple"></div>
+  <span class="mdc-button__label">Hello World</span>
+</button>
+```
+* **chips:** MDCChipSetAdapter#removeChip has been replaced with MDCChipSetAdapter#removeChipAtIndex. MDCChipSetAdapter#setSelected has been replaced with MDCChipSetAdapter#selectChipAtIndex
+* **chips:** Chips markup, adapters, foundations, and events have changed.
+
+
+
+
+
 # [3.2.0](https://github.com/material-components/material-components-web/compare/v3.1.1...v3.2.0) (2019-09-12)
 
 

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.2.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "command": {
     "version": {
       "conventionalCommits": true

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": "3.2.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "license": "MIT",
   "keywords": [
     "material components",
@@ -17,49 +17,49 @@
     "directory": "packages/material-components-web"
   },
   "dependencies": {
-    "@material/animation": "^3.1.0",
-    "@material/auto-init": "^3.1.0",
-    "@material/base": "^3.1.0",
-    "@material/button": "^3.2.0",
-    "@material/card": "^3.2.0",
-    "@material/checkbox": "^3.2.0",
-    "@material/chips": "^3.2.0",
-    "@material/data-table": "^3.2.0",
-    "@material/density": "^0.0.0",
-    "@material/dialog": "^3.2.0",
-    "@material/dom": "^3.1.0",
-    "@material/drawer": "^3.2.0",
-    "@material/elevation": "^3.1.0",
-    "@material/fab": "^3.2.0",
-    "@material/feature-targeting": "^3.1.0",
-    "@material/floating-label": "^3.2.0",
-    "@material/form-field": "^3.2.0",
-    "@material/grid-list": "^3.2.0",
-    "@material/icon-button": "^3.2.0",
-    "@material/image-list": "^3.1.0",
-    "@material/layout-grid": "^3.1.0",
-    "@material/line-ripple": "^3.1.0",
-    "@material/linear-progress": "^3.2.0",
-    "@material/list": "^3.2.0",
-    "@material/menu": "^3.2.0",
-    "@material/menu-surface": "^3.2.0",
-    "@material/notched-outline": "^3.2.0",
-    "@material/radio": "^3.2.0",
-    "@material/ripple": "^3.2.0",
-    "@material/rtl": "^3.2.0",
-    "@material/select": "^3.2.0",
-    "@material/shape": "^3.1.0",
-    "@material/slider": "^3.2.0",
-    "@material/snackbar": "^3.2.0",
-    "@material/switch": "^3.2.0",
-    "@material/tab": "^3.2.0",
-    "@material/tab-bar": "^3.2.0",
-    "@material/tab-indicator": "^3.1.0",
-    "@material/tab-scroller": "^3.2.0",
-    "@material/textfield": "^3.2.0",
-    "@material/theme": "^3.1.0",
-    "@material/top-app-bar": "^3.2.0",
-    "@material/touch-target": "0.0.0",
-    "@material/typography": "^3.1.0"
+    "@material/animation": "^4.0.0-canary.e851d4f40.0",
+    "@material/auto-init": "^4.0.0-canary.e851d4f40.0",
+    "@material/base": "^4.0.0-canary.e851d4f40.0",
+    "@material/button": "^4.0.0-canary.e851d4f40.0",
+    "@material/card": "^4.0.0-canary.e851d4f40.0",
+    "@material/checkbox": "^4.0.0-canary.e851d4f40.0",
+    "@material/chips": "^4.0.0-canary.e851d4f40.0",
+    "@material/data-table": "^4.0.0-canary.e851d4f40.0",
+    "@material/density": "^4.0.0-canary.e851d4f40.0",
+    "@material/dialog": "^4.0.0-canary.e851d4f40.0",
+    "@material/dom": "^4.0.0-canary.e851d4f40.0",
+    "@material/drawer": "^4.0.0-canary.e851d4f40.0",
+    "@material/elevation": "^4.0.0-canary.e851d4f40.0",
+    "@material/fab": "^4.0.0-canary.e851d4f40.0",
+    "@material/feature-targeting": "^4.0.0-canary.e851d4f40.0",
+    "@material/floating-label": "^4.0.0-canary.e851d4f40.0",
+    "@material/form-field": "^4.0.0-canary.e851d4f40.0",
+    "@material/grid-list": "^4.0.0-canary.e851d4f40.0",
+    "@material/icon-button": "^4.0.0-canary.e851d4f40.0",
+    "@material/image-list": "^4.0.0-canary.e851d4f40.0",
+    "@material/layout-grid": "^4.0.0-canary.e851d4f40.0",
+    "@material/line-ripple": "^4.0.0-canary.e851d4f40.0",
+    "@material/linear-progress": "^4.0.0-canary.e851d4f40.0",
+    "@material/list": "^4.0.0-canary.e851d4f40.0",
+    "@material/menu": "^4.0.0-canary.e851d4f40.0",
+    "@material/menu-surface": "^4.0.0-canary.e851d4f40.0",
+    "@material/notched-outline": "^4.0.0-canary.e851d4f40.0",
+    "@material/radio": "^4.0.0-canary.e851d4f40.0",
+    "@material/ripple": "^4.0.0-canary.e851d4f40.0",
+    "@material/rtl": "^4.0.0-canary.e851d4f40.0",
+    "@material/select": "^4.0.0-canary.e851d4f40.0",
+    "@material/shape": "^4.0.0-canary.e851d4f40.0",
+    "@material/slider": "^4.0.0-canary.e851d4f40.0",
+    "@material/snackbar": "^4.0.0-canary.e851d4f40.0",
+    "@material/switch": "^4.0.0-canary.e851d4f40.0",
+    "@material/tab": "^4.0.0-canary.e851d4f40.0",
+    "@material/tab-bar": "^4.0.0-canary.e851d4f40.0",
+    "@material/tab-indicator": "^4.0.0-canary.e851d4f40.0",
+    "@material/tab-scroller": "^4.0.0-canary.e851d4f40.0",
+    "@material/textfield": "^4.0.0-canary.e851d4f40.0",
+    "@material/theme": "^4.0.0-canary.e851d4f40.0",
+    "@material/top-app-bar": "^4.0.0-canary.e851d4f40.0",
+    "@material/touch-target": "^4.0.0-canary.e851d4f40.0",
+    "@material/typography": "^4.0.0-canary.e851d4f40.0"
   }
 }

packages/mdc-animation/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@material/animation",
   "description": "Animation Variables and Mixins used by Material Components for the web",
-  "version": "3.1.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "license": "MIT",
   "keywords": [
     "material components",

packages/mdc-auto-init/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@material/auto-init",
   "description": "Declarative, easy-to-use auto-initialization for Material Components for the web",
-  "version": "3.1.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "main": "dist/mdc.autoInit.js",
   "module": "index.js",
   "sideEffects": false,
@@ -13,7 +13,7 @@
     "directory": "packages/mdc-auto-init"
   },
   "dependencies": {
-    "@material/base": "^3.1.0",
+    "@material/base": "^4.0.0-canary.e851d4f40.0",
     "tslib": "^1.9.3"
   }
 }

packages/mdc-base/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@material/base",
   "description": "The set of base classes for Material Components for the web",
-  "version": "3.1.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "license": "MIT",
   "main": "dist/mdc.base.js",
   "module": "index.js",

packages/mdc-button/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@material/button",
   "description": "The Material Components for the web button component",
-  "version": "3.2.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "license": "MIT",
   "keywords": [
     "material components",
@@ -14,13 +14,13 @@
     "directory": "packages/mdc-button"
   },
   "dependencies": {
-    "@material/density": "^0.0.0",
-    "@material/elevation": "^3.1.0",
-    "@material/feature-targeting": "^3.1.0",
-    "@material/ripple": "^3.2.0",
-    "@material/rtl": "^3.2.0",
-    "@material/shape": "^3.1.0",
-    "@material/theme": "^3.1.0",
-    "@material/typography": "^3.1.0"
+    "@material/density": "^4.0.0-canary.e851d4f40.0",
+    "@material/elevation": "^4.0.0-canary.e851d4f40.0",
+    "@material/feature-targeting": "^4.0.0-canary.e851d4f40.0",
+    "@material/ripple": "^4.0.0-canary.e851d4f40.0",
+    "@material/rtl": "^4.0.0-canary.e851d4f40.0",
+    "@material/shape": "^4.0.0-canary.e851d4f40.0",
+    "@material/theme": "^4.0.0-canary.e851d4f40.0",
+    "@material/typography": "^4.0.0-canary.e851d4f40.0"
   }
 }

packages/mdc-card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@material/card",
-  "version": "3.2.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "description": "The Material Components for the web card component",
   "license": "MIT",
   "keywords": [
@@ -14,11 +14,11 @@
     "directory": "packages/mdc-card"
   },
   "dependencies": {
-    "@material/elevation": "^3.1.0",
-    "@material/feature-targeting": "^3.1.0",
-    "@material/ripple": "^3.2.0",
-    "@material/rtl": "^3.2.0",
-    "@material/shape": "^3.1.0",
-    "@material/theme": "^3.1.0"
+    "@material/elevation": "^4.0.0-canary.e851d4f40.0",
+    "@material/feature-targeting": "^4.0.0-canary.e851d4f40.0",
+    "@material/ripple": "^4.0.0-canary.e851d4f40.0",
+    "@material/rtl": "^4.0.0-canary.e851d4f40.0",
+    "@material/shape": "^4.0.0-canary.e851d4f40.0",
+    "@material/theme": "^4.0.0-canary.e851d4f40.0"
   }
 }

packages/mdc-checkbox/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@material/checkbox",
   "description": "The Material Components for the web checkbox component",
-  "version": "3.2.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "license": "MIT",
   "keywords": [
     "material components",
@@ -18,14 +18,14 @@
     "directory": "packages/mdc-checkbox"
   },
   "dependencies": {
-    "@material/animation": "^3.1.0",
-    "@material/base": "^3.1.0",
-    "@material/density": "^0.0.0",
-    "@material/dom": "^3.1.0",
-    "@material/feature-targeting": "^3.1.0",
-    "@material/ripple": "^3.2.0",
-    "@material/rtl": "^3.2.0",
-    "@material/theme": "^3.1.0",
+    "@material/animation": "^4.0.0-canary.e851d4f40.0",
+    "@material/base": "^4.0.0-canary.e851d4f40.0",
+    "@material/density": "^4.0.0-canary.e851d4f40.0",
+    "@material/dom": "^4.0.0-canary.e851d4f40.0",
+    "@material/feature-targeting": "^4.0.0-canary.e851d4f40.0",
+    "@material/ripple": "^4.0.0-canary.e851d4f40.0",
+    "@material/rtl": "^4.0.0-canary.e851d4f40.0",
+    "@material/theme": "^4.0.0-canary.e851d4f40.0",
     "tslib": "^1.9.3"
   }
 }

packages/mdc-chips/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@material/chips",
   "description": "The Material Components for the Web chips component",
-  "version": "3.2.0",
+  "version": "4.0.0-canary.e851d4f40.0",
   "license": "MIT",
   "main": "dist/mdc.chips.js",
   "module": "index.js",
@@ -21,15 +21,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@material/animation": "^3.1.0",
-    "@material/base": "^3.1.0",
-    "@material/checkbox": "^3.2.0",
-    "@material/elevation": "^3.1.0",
-    "@material/feature-targeting": "^3.1.0",
-    "@material/ripple": "^3.2.0",
-    "@material/shape": "^3.1.0",
-    "@material/theme": "^3.1.0",
-    "@material/typography": "^3.1.0",
+    "@material/animation": "^4.0.0-canary.e851d4f40.0",
+    "@material/base": "^4.0.0-canary.e851d4f40.0",
+    "@material/checkbox": "^4.0.0-canary.e851d4f40.0",
+    "@material/elevation": "^4.0.0-canary.e851d4f40.0",
+    "@material/feature-targeting": "^4.0.0-canary.e851d4f40.0",
+    "@material/ripple": "^4.0.0-canary.e851d4f40.0",
+    "@material/shape": "^4.0.0-canary.e851d4f40.0",
+    "@material/theme": "^4.0.0-canary.e851d4f40.0",
+    "@material/typography": "^4.0.0-canary.e851d4f40.0",
     "tslib": "^1.9.3"
   }
 }