material_design_lite-sass 1.0.5 → 1.0.6

data/vendor/assets/javascripts/material/textfield.js

@@ -132,10 +132,12 @@
    * @public
    */
   MaterialTextfield.prototype.checkValidity = function() {
-    if (this.input_.validity.valid) {
-      this.element_.classList.remove(this.CssClasses_.IS_INVALID);
-    } else {
-      this.element_.classList.add(this.CssClasses_.IS_INVALID);
+    if (this.input_.validity) {
+      if (this.input_.validity.valid) {
+        this.element_.classList.remove(this.CssClasses_.IS_INVALID);
+      } else {
+        this.element_.classList.add(this.CssClasses_.IS_INVALID);
+      }
     }
   };
   MaterialTextfield.prototype['checkValidity'] =
@@ -186,11 +188,7 @@
    */
   MaterialTextfield.prototype.change = function(value) {
 
-    if (value) {
-      this.input_.value = value;
-    } else {
-      this.input_.value = '';
-    }
+    this.input_.value = value || '';
     this.updateClasses_();
   };
   MaterialTextfield.prototype['change'] = MaterialTextfield.prototype.change;
@@ -227,9 +225,13 @@
           this.boundKeyDownHandler = this.onKeyDown_.bind(this);
           this.input_.addEventListener('keydown', this.boundKeyDownHandler);
         }
-
+        var invalid = this.element_.classList
+          .contains(this.CssClasses_.IS_INVALID);
         this.updateClasses_();
         this.element_.classList.add(this.CssClasses_.IS_UPGRADED);
+        if (invalid) {
+          this.element_.classList.add(this.CssClasses_.IS_INVALID);
+        }
       }
     }
   };
@@ -248,6 +250,17 @@
     }
   };
 
+  /**
+   * Public alias for the downgrade method.
+   *
+   * @public
+   */
+  MaterialTextfield.prototype.mdlDowngrade =
+      MaterialTextfield.prototype.mdlDowngrade_;
+
+  MaterialTextfield.prototype['mdlDowngrade'] =
+      MaterialTextfield.prototype.mdlDowngrade;
+
   // The component registers itself. It can assume componentHandler is available
   // in the global scope.
   componentHandler.register({

data/vendor/assets/javascripts/material/tooltip.js

@@ -109,7 +109,7 @@
 
       if (this.forElement_) {
         // Tabindex needs to be set for `blur` events to be emitted
-        if (!this.forElement_.getAttribute('tabindex')) {
+        if (!this.forElement_.hasAttribute('tabindex')) {
           this.forElement_.setAttribute('tabindex', '0');
         }
 
@@ -141,6 +141,17 @@
     }
   };
 
+  /**
+   * Public alias for the downgrade method.
+   *
+   * @public
+   */
+  MaterialTooltip.prototype.mdlDowngrade =
+      MaterialTooltip.prototype.mdlDowngrade_;
+
+  MaterialTooltip.prototype['mdlDowngrade'] =
+      MaterialTooltip.prototype.mdlDowngrade;
+
   // The component registers itself. It can assume componentHandler is available
   // in the global scope.
   componentHandler.register({

data/vendor/assets/stylesheets/material/_button.scss

@@ -267,7 +267,7 @@ input.mdl-button[type="submit"] {
   &[disabled][disabled],
   &.mdl-button--disabled.mdl-button--disabled {
     color: $button-secondary-color-disabled;
-    cursor: auto;
+    cursor: default;
     background-color: transparent;
   }
 

data/vendor/assets/stylesheets/material/_card.scss

@@ -73,7 +73,7 @@
 
 .mdl-card__subtitle-text {
   font-size: $card-subtitle-font-size;
-  color: grey;
+  color: $card-subtitle-color;
   margin: 0;
 }
 

data/vendor/assets/stylesheets/material/_layout.scss

@@ -62,6 +62,7 @@
 
 
   // Optional utility classes for formatting special blocks in this component.
+  .mdl-layout__title,
   .mdl-layout-title {
     display: block;
     position: relative;
@@ -113,12 +114,16 @@
 
     &.is-visible {
       transform: translateX(0);
+      & ~ .mdl-layout__content.mdl-layout__content {
+        overflow: hidden;
+      }
     }
 
     & > * {
       flex-shrink: 0;
     }
 
+    & > .mdl-layout__title,
     & > .mdl-layout-title {
       line-height: $layout-desktop-header-height;
       padding-left: $layout-header-desktop-indent;
@@ -382,7 +387,7 @@
     transition-property: background-color;
     @include material-animation-default();
 
-    .mdl-layout__drawer.is-visible ~ & {
+    &.is-visible {
       background-color: rgba(0, 0, 0, 0.5);
       visibility: visible;
     }

data/vendor/assets/stylesheets/material/_mega_footer.scss

@@ -169,8 +169,8 @@
   z-index: 1;
   opacity: 0;
 
-  &~.mdl-mega-footer--heading:after,
-  &~.mdl-mega-footer__heading:after {
+  & + .mdl-mega-footer--heading:after,
+  & + .mdl-mega-footer__heading:after {
     font-family: 'Material Icons';
     content: '\E5CE'
   }
@@ -178,12 +178,18 @@
 
 .mdl-mega-footer--heading-checkbox:checked,
 .mdl-mega-footer__heading-checkbox:checked {
-  &~ul {
-    display:none;
+  // WebViews in iOS 9 break the "~" operator, and WebViews in OS X 10.10
+  // break consecutive "+" operators in some cases. Therefore, we need to use
+  // both here to cover all the bases.
+  & ~ .mdl-mega-footer--link-list,
+  & ~ .mdl-mega-footer__link-list,
+  & + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
+  & + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
+    display: none;
   }
 
-  &~.mdl-mega-footer--heading:after,
-  &~.mdl-mega-footer__heading:after {
+  & + .mdl-mega-footer--heading:after,
+  & + .mdl-mega-footer__heading:after {
     font-family: 'Material Icons';
     content: '\E5CF'
   }
@@ -260,23 +266,29 @@
   .mdl-mega-footer__heading-checkbox {
     display: none;
 
-    &~.mdl-mega-footer--heading:after,
-    &~.mdl-mega-footer__heading:after {
+    & + .mdl-mega-footer--heading:after,
+    & + .mdl-mega-footer__heading:after {
       background-image: none;
     }
   }
   .mdl-mega-footer--heading-checkbox:checked,
   .mdl-mega-footer__heading-checkbox:checked {
-  &~ul {
-    display: block;
-  }
+    // WebViews in iOS 9 break the "~" operator, and WebViews in OS X 10.10
+    // break consecutive "+" operators in some cases. Therefore, we need to use
+    // both here to cover all the bases.
+    & ~ .mdl-mega-footer--link-list,
+    & ~ .mdl-mega-footer__link-list,
+    & + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
+    & + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
+      display: block;
+    }
 
-  &~.mdl-mega-footer--heading:after,
-  &~.mdl-mega-footer__heading:after {
-    content: '';
+    & + .mdl-mega-footer--heading:after,
+    & + .mdl-mega-footer__heading:after {
+      content: '';
+    }
   }
 }
-}
 
 .mdl-mega-footer--bottom-section,
 .mdl-mega-footer__bottom-section {

data/vendor/assets/stylesheets/material/_slider.scss

@@ -185,7 +185,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
       background: transparent;
     }
 
-    &.is-lowest-value ~
+    &.is-lowest-value +
         .mdl-slider__background-flex > .mdl-slider__background-upper {
       left: 6px;
     }
@@ -205,7 +205,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
       transform: scale(1.5);
     }
 
-    &.is-lowest-value:active ~
+    &.is-lowest-value:active +
         .mdl-slider__background-flex > .mdl-slider__background-upper {
       left: 9px;
     }
@@ -271,13 +271,13 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
       background: $range-bg-color;
     }
 
-    &:disabled ~
+    &:disabled +
         .mdl-slider__background-flex > .mdl-slider__background-lower {
       background-color: $range-bg-color;
       left: -6px;
     }
 
-    &:disabled ~
+    &:disabled +
         .mdl-slider__background-flex > .mdl-slider__background-upper {
       left: 6px;
     }
@@ -298,7 +298,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
       transform: scale(0.667);
     }
 
-    &.is-lowest-value:disabled:active ~
+    &.is-lowest-value:disabled:active +
         .mdl-slider__background-flex > .mdl-slider__background-upper {
       left: 6px;
     }

data/vendor/assets/stylesheets/material/_variables.scss

@@ -71,7 +71,7 @@ $performance_font: 'Helvetica', 'Arial', sans-serif !default;
 @import "functions";
 
 /* ==========  IMAGES  ========== */
-$image_path: '/assets';
+$image_path: '/assets' !default;
 
 /* ==========  Color & Themes  ========== */
 
@@ -183,7 +183,7 @@ $layout-drawer-border-color: unquote("rgb(#{$palette-grey-300})") !default;
 $layout-text-color: unquote("rgb(#{$palette-grey-800})") !default;
 $layout-drawer-navigation-color: #757575 !default;
 $layout-drawer-navigation-link-active-background: unquote("rgb(#{$color-light-contrast})") !default;
-$layout-drawer-navigation-link-active-color: unquote("rgb(#{$color-primary})") !default;
+$layout-drawer-navigation-link-active-color: unquote("rgb(#{$palette-grey-300})") !default;
 
 // Header
 $layout-header-bg-color: unquote("rgb(#{$color-primary})") !default;
@@ -247,6 +247,7 @@ $card-text-color: unquote("rgb(#{$color-black})") !default;
 $card-image-placeholder-color: unquote("rgb(#{$color-accent})") !default;
 $card-supporting-text-text-color: unquote("rgba(#{$color-black}, 0.54)") !default;
 $card-border-color: rgba(0,0,0,0.1) !default;
+$card-subtitle-color: unquote("rgba(#{$color-black}, 0.54)") !default;
 
 /* ==========  Sliders ========== */
 
@@ -463,7 +464,7 @@ $card-background-image-url: '' !default;
  */
 $button-min-width: 64px !default;
 $button-height: 36px !default;
-$button-padding: 8px !default;
+$button-padding: 16px !default;
 $button-margin: 4px !default;
 $button-border-radius: 2px !default;
 
@@ -488,10 +489,10 @@ $bar-height: 4px !default;
 
 /* BADGE */
 $badge-font-size: 12px;
-$badge-color: unquote("rgb(#{$color-white})") !default;
+$badge-color: unquote("rgb(#{$color-accent-contrast})") !default;
 $badge-color-inverse: unquote("rgb(#{$color-accent})") !default;
 $badge-background: unquote("rgb(#{$color-accent})") !default;
-$badge-background-inverse: unquote("rgba(#{$color-white},0.2)") !default;
+$badge-background-inverse: unquote("rgb(#{$color-accent-contrast})") !default;
 $badge-size : 22px;
 $badge-padding: 2px;
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_design_lite-sass
 version: !ruby/object:Gem::Version
-  version: 1.0.5
+  version: 1.0.6
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-09-30 00:00:00.000000000 Z
+date: 2015-11-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass