try to pull

.drone.yml

@@ -26,7 +26,6 @@ build:
     - Xvfb $DISPLAY &
     - curl -sSLo chrome.deb $CHROME && dpkg -i chrome.deb
     - curl -sSLo driver.zip $WEBDRIVER && unzip -q driver.zip -d /usr/bin
-    - node test/memory/test.js
 publish:
   # see http://addons.drone.io/google_cloud_storage/ for details
   gcs:

.jscsrc

@@ -1,16 +1,13 @@
 {
   "preset": "google",
-  "esnext": true,
   "disallowSpacesInAnonymousFunctionExpression": null,
   "validateLineBreaks": "LF",
   "validateIndentation": 2,
   "excludeFiles": ["node_modules/**"],
   "maximumLineLength": 130,
   "validateQuoteMarks": "'",
   "requireDotNotation": false,
-  "requireCamelCaseOrUpperCaseIdentifiers": null,
-  "additionalRules": ["./utils/jscs-rules/*.js", "../utils/jscs-rules/*.js"],
-  "closureCamelCase": true,
+  "requireCamelCaseOrUpperCaseIdentifiers": {"allowedPrefixes": ["opt_"]},
   "jsDoc": {
     "checkAnnotations": {
       "preset": "closurecompiler",

CONTRIBUTING.md

@@ -75,7 +75,7 @@ Please provide any URLs or screenshots of good examples of usage of this compone
 If you would like to implement a new feature then consider what kind of change it is:
 
 * **Major Changes** that you wish to contribute to the project should be discussed first on our
-[issue tracker][https://github.com/google/material-design-lite/issues] so that we can better coordinate our efforts, prevent
+[issue tracker][] so that we can better coordinate our efforts, prevent
 duplication of work, and help you to craft the change so that it is successfully accepted into the
 project.
 * **Small Changes** can be crafted and submitted to the [GitHub Repository][github] as a Pull Request.
@@ -223,6 +223,7 @@ changes to be accepted, the CLA must be signed. It's a quick process, we promise
 *This guide was inspired by the [AngularJS contribution guidelines](https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md).*
 
 [github]: https://github.com/google/material-design-lite
+[issue tracker]: https://github.com/google/material-design-lite/issues
 [individual-cla]: http://code.google.com/legal/individual-cla-v1.0.html
 [corporate-cla]: http://code.google.com/legal/corporate-cla-v1.0.html
 [js-style-guide]: http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml

README.md

@@ -14,25 +14,21 @@ static content websites. It doesn't rely on any JavaScript frameworks or
 libraries. Optimized for cross-device use, gracefully degrades in older
 browsers, and offers an experience that is accessible from the get-go.
 
-## Want to contribute?
-
-If you found a bug, have any questions or want to contribute. Follow our
-[guidelines](https://github.com/google/material-design-lite/blob/master/CONTRIBUTING.md),
-and help improve the Material Design Lite. For more information visit our
-[wiki](https://github.com/google/material-design-lite/wiki).
+> ### Limited support
 
-If you are submitting a bug fix or a new component for the 1.x line, please send those into `mdl-1.x` currently.
+> Material Design Lite is now in limited support, with development having moved to the
+> [Material Components for the web](https://github.com/material-components/material-components-web) repository.
 
-The `master` branch is where we are working on 2.0.
-It is currently **highly** experimental and no support building or using it will be provided.
+> No further development is taking place in MDL by the core team, but we are happy to review PRs, fix critical bugs and
+> push out new releases. No breaking changes will be accepted.
 
 ## Use MDL on your site?
 
 **This document is targeted at developers that will contribute to or compile
 MDL. If you are looking to use MDL on your website or web app please head to
 [getmdl.io](http://getmdl.io).**
 
-## Browser Support in v1
+## Browser Support
 
 
 | IE9 | IE10 | IE11 | Chrome | Opera | Firefox | Safari | Chrome (Android) | Mobile Safari |
@@ -42,21 +38,6 @@ MDL. If you are looking to use MDL on your website or web app please head to
 A-grade browsers are fully supported. B-grade browsers will gracefully degrade
 to our CSS-only experience.
 
-## Browser Support in v2 (in development)
-
-Supported evergreen browsers:
-
-- Chrome
-- Edge
-- Firefox
-- Opera
-
-Supported versioned browsers:
-
-- Internet Explorer 11
-- Safari 8
-- Mobile Safari 8
-
 ### Download / Clone
 
 Clone the repo using Git:
@@ -84,12 +65,22 @@ production. Use a tagged state of the repository, npm, or bower for stability!
 
 ## Feature requests
 
-If you find MDL doesn't contain a particular component you think would be
-useful, please check the issue tracker in case work has already started on it.
-If not, you can request a [new component](https://github.com/Google/material-design-lite/issues/new?title=[Component%20Request]%20{Component}&body=Please%20include:%0A*%20Description%0A*%20Material%20Design%20Spec%20link%0A*%20Use%20Case%28s%29).
-Please keep in mind that one of the goals of MDL is to adhere to the Material
-Design specs and therefore some requests might not be within the scope of this
-project.
+MDL is currently in limited support mode, with no further development taking place by the core team.
+We are happy to accept and review pull requests for new functionality, however, as long as there are no breaking
+changes.
+
+## Want to contribute?
+
+If you found a bug, have any questions or want to contribute. Follow our
+[guidelines](https://github.com/google/material-design-lite/blob/mdl-1.x/CONTRIBUTING.md),
+and help improve the Material Design Lite. For more information visit our
+[wiki](https://github.com/google/material-design-lite/wiki).
+
+Please use the default branch, `mdl-1.x`.
+
+Take note that [Material Components for Web](https://github.com/material-components/material-components-web), which is MDL v2, is under early Alpha stages (which means everything is a moving target, and we can change anything at any moment). Use with caution.
+
+However, we would absolutely love to have people testing MCW and provide feedback about their experiences using it, especially integrating with other frameworks and libraries.
 
 ## License
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "material-design-lite",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "homepage": "https://github.com/google/material-design-lite",
   "authors": [
     "Material Design Lite team"

docs/_pages/components.md

@@ -127,6 +127,17 @@ categories:
           limited cross-browser support. To ensure support across all modern
           browsers, please consider using a polyfill or creating your own.
           There is no polyfill included with MDL.
+  - name: expansion
+    title: Expansion
+    description: Collapsible content sections.
+    components:
+      - name: expansion
+        class: mdl-expansion
+        snippets:
+          - snippet_group:
+            - caption: Example Expansion
+              file: expansion.html
+              full_width: true
   - name: layout
     title: Layout
     description: Building blocks for constructing a page layout.

gulpfile.babel.js

@@ -17,7 +17,7 @@
  *
  */
 
- // jscs:disable jsDoc
+// jscs:disable jsDoc
 
 'use strict';
 
@@ -26,7 +26,7 @@ import fs from 'fs';
 import path from 'path';
 import mergeStream from 'merge-stream';
 import del from 'del';
-import vinylPaths from'vinyl-paths';
+import vinylPaths from 'vinyl-paths';
 import runSequence from 'run-sequence';
 import browserSync from 'browser-sync';
 import through from 'through2';
@@ -219,12 +219,12 @@ gulp.task('closure', () => {
       compilerPath: 'node_modules/google-closure-compiler/compiler.jar',
       fileName: 'material.closure.min.js',
       compilerFlags: {
-        // jscs:disable closureCamelCase
+        // jscs:disable requireCamelCaseOrUpperCaseIdentifiers
         compilation_level: 'ADVANCED_OPTIMIZATIONS',
         language_in: 'ECMASCRIPT6_STRICT',
         language_out: 'ECMASCRIPT5_STRICT',
         warning_level: 'VERBOSE'
-        // jscs:enable closureCamelCase
+        // jscs:enable requireCamelCaseOrUpperCaseIdentifiers
       }
     }))
     .pipe(gulp.dest('./dist'));

package.json

@@ -1,57 +1,59 @@
 {
   "name": "material-design-lite",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Material Design Components in CSS, JS and HTML",
   "private": true,
   "license": "Apache-2.0",
   "author": "Google",
   "repository": "google/material-design-lite",
   "main": "dist/material.min.js",
   "devDependencies": {
-    "acorn": "^3.3.0",
-    "babel-core": "^5.8.25",
+    "acorn": "^4.0.3",
+    "babel-core": "^6.20.0",
+    "babel-preset-es2015": "^6.18.0",
     "browser-sync": "^2.2.3",
     "chai": "^3.3.0",
     "chai-jquery": "^2.0.0",
     "del": "^2.0.2",
-    "drool": "^0.3.1",
+    "drool": "^0.4.0",
     "escodegen": "^1.6.1",
     "google-closure-compiler": "",
     "gulp": "^3.9.0",
     "gulp-autoprefixer": "^3.0.2",
-    "gulp-cache": "^0.3.0",
-    "gulp-closure-compiler": "^0.3.1",
+    "gulp-cache": "^0.4.5",
+    "gulp-closure-compiler": "^0.4.0",
     "gulp-concat": "^2.4.1",
     "gulp-connect": "^5.0.0",
     "gulp-css-inline-images": "^0.1.1",
     "gulp-csso": "1.0.0",
-    "gulp-file": "^0.2.0",
+    "gulp-file": "^0.3.0",
     "gulp-flatten": "^0.3.1",
     "gulp-front-matter": "^1.2.2",
     "gulp-header": "^1.2.2",
     "gulp-if": "^2.0.0",
-    "gulp-iife": "^0.1.0",
-    "gulp-imagemin": "^2.2.1",
-    "gulp-jscs": "^3.0.1",
-    "gulp-jshint": "^1.6.3",
-    "gulp-load-plugins": "^0.10.0",
+    "gulp-iife": "^0.3.0",
+    "gulp-imagemin": "^3.1.0",
+    "gulp-jscs": "^4.0.0",
+    "gulp-jshint": "^2.0.4",
+    "gulp-load-plugins": "^1.3.0",
     "gulp-marked": "^1.0.0",
-    "gulp-mocha-phantomjs": "^0.10.1",
-    "gulp-open": "^1.0.0",
+    "gulp-mocha-phantomjs": "^0.12.0",
+    "gulp-open": "^2.0.0",
     "gulp-rename": "^1.2.0",
     "gulp-replace": "^0.5.3",
-    "gulp-sass": "2.0.*",
-    "gulp-shell": "^0.4.2",
+    "gulp-sass": "3.0.0",
+    "gulp-shell": "^0.5.2",
     "gulp-size": "^2.0.0",
-    "gulp-sourcemaps": "^1.3.0",
+    "gulp-sourcemaps": "^2.0.1",
     "gulp-subtree": "^0.1.0",
     "gulp-tap": "^0.1.3",
     "gulp-uglify": "^2.0.0",
     "gulp-util": "^3.0.4",
-    "gulp-zip": "^3.0.2",
+    "gulp-zip": "^4.0.0",
     "humanize": "0.0.9",
-    "jquery": "^2.1.3",
-    "jshint-stylish": "^2.0.1",
+    "jquery": "^3.1.1",
+    "jshint": "^2.9.4",
+    "jshint-stylish": "^2.2.1",
     "merge-stream": "^1.0.0",
     "mocha": "^3.0.2",
     "prismjs": "0.0.1",
@@ -67,6 +69,9 @@
     "test": "gulp && git status | grep 'working directory clean' >/dev/null || (echo 'Please commit all changes generated by building'; exit 1)"
   },
   "babel": {
-    "only": "gulpfile.babel.js"
+    "only": "gulpfile.babel.js",
+    "presets": [
+      "es2015"
+    ]
   }
 }

src/_variables.scss

@@ -46,7 +46,7 @@
  * -----Chip
  *
  * Even though all variables have the `!default` directive, most of them
- * should not be changed as they are dependent one another. This can cause
+ * should not be changed as they are dependent on one another. This can cause
  * visual distortions (like alignment issues) that are hard to track down
  * and fix.
  */

src/animation/demo.js

@@ -14,7 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 /**
  * Class constructor for Animation MDL component.
  * Implements MDL component design pattern defined at:

src/badge/snippets/badge-on-icon-icon.html

@@ -1 +1,2 @@
+<!-- Icon badge on icon -->
 <div class="material-icons mdl-badge mdl-badge--overlap" data-badge="♥">account_box</div>

src/button/button.js

@@ -14,7 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 (function() {
   'use strict';
 

src/card/README.md

@@ -125,3 +125,4 @@ The MDL CSS classes apply various predefined visual and behavioral enhancements
 | `mdl-card__media` | Defines div as a card media container | Required on "inner" media div |
 | `mdl-card__supporting-text` | Defines div as a card body text container and assigns appropriate text characteristics to body text | Required on "inner" body text div; text goes directly inside the div with no intervening containers |
 | `mdl-card__actions` | Defines div as a card actions container and assigns appropriate text characteristics to actions text | Required on "inner" actions div; content goes directly inside the div with no intervening containers |
+| `mdl-card__menu` | Defines element as top right menu button | Optional. Should be a child of the `mdl-card` element. |

src/card/_card.scss

@@ -46,7 +46,6 @@
   color: $card-text-color;
   display: block;
   display: flex;
-  justify-content: stretch;
   line-height: normal;
   padding: $card-vertical-padding $card-horizontal-padding;
   perspective-origin: $card-title-perspective-origin-x $card-title-perspective-origin-y;
@@ -84,6 +83,10 @@
   overflow: hidden;
   padding: $card-vertical-padding $card-horizontal-padding;
   width: 90%;
+
+  &.mdl-card--border {
+    border-bottom: 1px solid $card-border-color;
+  }
 }
 
 .mdl-card__actions {

src/checkbox/_checkbox.scss

@@ -122,15 +122,16 @@
 
   background: transparent;
   @include material-animation-default(0.28s);
-  transition-property: background;
+  transition-property: background-image;
 
   .mdl-checkbox.is-checked & {
-    background: $checkbox-color url("#{$checkbox-image-path}/tick.svg?embed");
+    background-color: $checkbox-color;
+    background-image: url("#{$checkbox-image-path}/tick.svg?embed");
   }
 
   fieldset[disabled] .mdl-checkbox.is-checked &,
   .mdl-checkbox.is-checked.is-disabled & {
-    background: $checkbox-disabled-color url("#{$checkbox-image-path}/tick.svg?embed");
+    background-color: $checkbox-disabled-color;
   }
 }
 

src/checkbox/checkbox.js

@@ -14,7 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 (function() {
   'use strict';
 

src/data-table/data-table.js

@@ -14,7 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 (function() {
   'use strict';
 
@@ -77,6 +76,9 @@
           row.classList.add(this.CssClasses_.IS_SELECTED);
         } else {
           row.classList.remove(this.CssClasses_.IS_SELECTED);
+          if (this.headerCheckbox['MaterialCheckbox'].inputElement_.checked) {
+            this.headerCheckbox['MaterialCheckbox'].uncheck();
+          }
         }
       }.bind(this);
     }
@@ -147,8 +149,8 @@
 
       if (this.element_.classList.contains(this.CssClasses_.SELECTABLE)) {
         var th = document.createElement('th');
-        var headerCheckbox = this.createCheckbox_(null, rows);
-        th.appendChild(headerCheckbox);
+        this.headerCheckbox = this.createCheckbox_(null, rows);
+        th.appendChild(this.headerCheckbox);
         firstHeader.parentElement.insertBefore(th, firstHeader);
 
         for (var i = 0; i < rows.length; i++) {

src/dialog/README.md

@@ -12,7 +12,7 @@ For other browsers you will need to include the [dialog polyfill](https://github
 Once you have dialog support create a dialog element.
 The element when using the polyfill **must** be a child of the `body` element.
 Within that container, add a content element with the class `mdl-dialog__content`.
-Add you content, then create an action container with the class `mdl-dialog__actions`.
+Add your content, then create an action container with the class `mdl-dialog__actions`.
 Finally for the markup, add your buttons within this container for triggering dialog functions.
 
 Keep in mind, the order is automatically reversed for actions.