material_components_web-sass 0.16.0 → 0.17.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8329f0042c13187eca2ad9e12ed116a0d5bc8458
-  data.tar.gz: 1f7b3c8c901f4b6537daa850833542f0edaec122
+  metadata.gz: eac14048c740bfb8029b33e56a94a305d1e9bf2c
+  data.tar.gz: 343c168aaf1bd21c52eb02d3890bfe74cddc68cc
 SHA512:
-  metadata.gz: 597119093a513400bfb60ab9b549007da2f27751315d29600be69b0d206227f20a2173919cae78fdaa9ad2522e71791629259780f44765acfae7bb2429e54e28
-  data.tar.gz: 7af6b247260a98b3ae1101afd321e40734efae1d45a194cad0fcd41b94fd244dfcdfbc2af1874aebc1c709ca88006a6bde80aa2c196cbd30fc4802175f0a1d88
+  metadata.gz: b40fdc2774ef2fa9fbbb36a437e939f3e4935b13c0aec661f71d85c42c1d855af50ef8fde1463c7cc813d0eea11de0076751bf269f8548a1b7435265c6fde98d
+  data.tar.gz: 26cf7f78b33fc2a87db4a99699a1fb506ee261cd00ea24bca696813a6202b94692f10cee6e95bb35650d57088534ee8456350ddef5680b84cc6f11642b219b0a

data/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 0.17.0 (2017-08-08)
+
+- Update assets to match upstream version
+
+Library version: 
+
+- Material Components for the web v0.17.0
+- Material Icons v3.0.0
+
 ## 0.16.0 (2017-07-24)
 
 - Update assets to match upstream version

data/lib/material_components_web/sass/version.rb

@@ -1,5 +1,5 @@
 module MaterialComponentsWeb
   module Sass
-    VERSION = '0.16.0'.freeze
+    VERSION = '0.17.0'.freeze
   end
 end

data/vendor/assets/javascripts/material-components-web.js

@@ -993,14 +993,56 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  * limitations under the License.
  */
 
-/** @private {boolean|undefined} */
+/**
+ * Stores result from supportsCssVariables to avoid redundant processing to detect CSS custom variable support.
+ * @private {boolean|undefined}
+ */
+var supportsCssVariables_ = void 0;
+
+/**
+ * Stores result from applyPassive to avoid redundant processing to detect passive event listener support.
+ * @private {boolean|undefined}
+ */
 var supportsPassive_ = void 0;
 
 /**
  * @param {!Window} windowObj
+ * @return {boolean}
+ */
+function detectEdgePseudoVarBug(windowObj) {
+  // Detect versions of Edge with buggy var() support
+  // See: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11495448/
+  var document = windowObj.document;
+  var className = 'test-edge-css-var';
+  var styleNode = document.createElement('style');
+  document.head.appendChild(styleNode);
+  var sheet = styleNode.sheet;
+  // Internet Explorer 11 requires indices to always be specified to insertRule
+  sheet.insertRule(':root { --' + className + ': 1px solid #000; }', 0);
+  sheet.insertRule('.' + className + ' { visibility: hidden; }', 1);
+  sheet.insertRule('.' + className + '::before { border: var(--' + className + '); }', 2);
+  var node = document.createElement('div');
+  node.className = className;
+  document.body.appendChild(node);
+  // Bug exists if ::before style ends up propagating to the parent element
+  var hasPseudoVarBug = windowObj.getComputedStyle(node).borderTopStyle === 'solid';
+  node.remove();
+  styleNode.remove();
+  return hasPseudoVarBug;
+}
+
+/**
+ * @param {!Window} windowObj
+ * @param {boolean=} forceRefresh
  * @return {boolean|undefined}
  */
 function supportsCssVariables(windowObj) {
+  var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+  if (typeof supportsCssVariables_ === 'boolean' && !forceRefresh) {
+    return supportsCssVariables_;
+  }
+
   var supportsFunctionPresent = windowObj.CSS && typeof windowObj.CSS.supports === 'function';
   if (!supportsFunctionPresent) {
     return;
@@ -1010,7 +1052,13 @@ function supportsCssVariables(windowObj) {
   // See: https://bugs.webkit.org/show_bug.cgi?id=154669
   // See: README section on Safari
   var weAreFeatureDetectingSafari10plus = windowObj.CSS.supports('(--css-vars: yes)') && windowObj.CSS.supports('color', '#00000000');
-  return explicitlySupportsCssVars || weAreFeatureDetectingSafari10plus;
+
+  if (explicitlySupportsCssVars || weAreFeatureDetectingSafari10plus) {
+    supportsCssVariables_ = !detectEdgePseudoVarBug(windowObj);
+  } else {
+    supportsCssVariables_ = false;
+  }
+  return supportsCssVariables_;
 }
 
 //
@@ -4253,7 +4301,7 @@ module.exports = function(el) {
   var candidate, candidateIndex;
   for (var i = 0, l = candidates.length; i < l; i++) {
     candidate = candidates[i];
-    candidateIndex = candidate.tabIndex;
+    candidateIndex = parseInt(candidate.getAttribute('tabindex'), 10) || candidate.tabIndex;
 
     if (
       candidateIndex < 0
@@ -9008,20 +9056,13 @@ var MDCSelectFoundation = function (_MDCFoundation) {
 
       var focusIndex = this.selectedIndex_ < 0 ? 0 : this.selectedIndex_;
 
-      var _computeMenuStylesFor = this.computeMenuStylesForOpenAtIndex_(focusIndex),
-          left = _computeMenuStylesFor.left,
-          top = _computeMenuStylesFor.top,
-          transformOrigin = _computeMenuStylesFor.transformOrigin;
-
-      this.adapter_.setMenuElStyle('left', left);
-      this.adapter_.setMenuElStyle('top', top);
-      this.adapter_.setMenuElStyle('transform-origin', transformOrigin);
+      this.setMenuStylesForOpenAtIndex_(focusIndex);
       this.adapter_.addClass(OPEN);
       this.adapter_.openMenu(focusIndex);
     }
   }, {
-    key: 'computeMenuStylesForOpenAtIndex_',
-    value: function computeMenuStylesForOpenAtIndex_(index) {
+    key: 'setMenuStylesForOpenAtIndex_',
+    value: function setMenuStylesForOpenAtIndex_(index) {
       var innerHeight = this.adapter_.getWindowInnerHeight();
 
       var _adapter_$computeBoun = this.adapter_.computeBoundingRect(),
@@ -9036,20 +9077,17 @@ var MDCSelectFoundation = function (_MDCFoundation) {
       this.adapter_.rmMenuElAttr('aria-hidden');
 
       var adjustedTop = top - itemOffsetTop;
-      var adjustedHeight = menuHeight - itemOffsetTop;
       var overflowsTop = adjustedTop < 0;
-      var overflowsBottom = adjustedTop + adjustedHeight > innerHeight;
+      var overflowsBottom = adjustedTop + menuHeight > innerHeight;
       if (overflowsTop) {
         adjustedTop = 0;
       } else if (overflowsBottom) {
-        adjustedTop = Math.max(0, adjustedTop - adjustedHeight);
-      }
-
-      return {
-        left: left + 'px',
-        top: adjustedTop + 'px',
-        transformOrigin: 'center ' + itemOffsetTop + 'px'
+        adjustedTop = Math.max(0, innerHeight - menuHeight);
       };
+
+      this.adapter_.setMenuElStyle('left', left + 'px');
+      this.adapter_.setMenuElStyle('top', adjustedTop + 'px');
+      this.adapter_.setMenuElStyle('transform-origin', 'center ' + itemOffsetTop + 'px');
     }
   }, {
     key: 'close_',

data/vendor/assets/stylesheets/@material/button/mdc-button.scss

@@ -14,8 +14,6 @@
 // limitations under the License.
 //
 
-@import "@material/animation/variables";
-@import "@material/animation/functions";
 @import "@material/elevation/mixins";
 @import "@material/ripple/mixins";
 @import "@material/theme/mixins";

data/vendor/assets/stylesheets/@material/dialog/mdc-dialog.scss

@@ -141,6 +141,10 @@ $mdc-dialog-dark-theme-bg-color: #303030 !default;
         @include mdc-rtl-reflexive-box(margin, right, 0);
       }
     }
+
+    &__action {
+      @include mdc-theme-prop(color, accent);
+    }
   }
 
   // TODO: Replace with breakpoint variable

data/vendor/assets/stylesheets/@material/textfield/mdc-textfield.scss

@@ -35,20 +35,20 @@ $mdc-textfield-disabled-border-on-dark: rgba(white, .3);
 
 // postcss-bem-linter: define textfield
 .mdc-textfield {
-  @include mdc-typography-base;
-  // We use only a subset of the MDC typography values here as changing things such as line-height
-  // affects how the labels are transformed.
-  @each $prop in (font-size, letter-spacing) {
-    #{$prop}: map-get(map-get($mdc-typography-styles, subheading2), $prop);
-  }
-
   display: inline-block;
   margin-bottom: 8px;
   will-change: opacity, transform, color;
 
   &__input {
     @include mdc-theme-prop(color, text-primary-on-light);
+    @include mdc-typography-base;
+    // We use only a subset of the MDC typography values here as changing things such as line-height
+    // affects how the labels are transformed.
+    @each $prop in (font-size, letter-spacing) {
+      #{$prop}: map-get(map-get($mdc-typography-styles, subheading2), $prop);
+    }
 
+    width: 100%;
     padding: 0 0 8px;
     border: none;
     background: none;

data/vendor/assets/stylesheets/@material/typography/_mixins.scss

@@ -35,6 +35,8 @@
   font-weight: #{map-get($style-props, font-weight)};
   letter-spacing: map-get($style-props, letter-spacing);
   line-height: map-get($style-props, line-height);
+  text-decoration: map-get($style-props, text-decoration);
+  text-transform: map-get($style-props, text-transform);
 }
 
 @mixin mdc-typography-adjust-margin($style) {

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

@@ -35,76 +35,107 @@ $mdc-typography-styles: (
     line-height: 7rem, /* 112sp */
     font-weight: map-get($mdc-typography-font-weight-values, light),
     letter-spacing: -.04em,
-    margin: -1rem 0 3.5rem -.085em /* -16sp 0 56sp -.085em */
+    margin: -1rem 0 3.5rem -.085em /* -16sp 0 56sp -.085em */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   display3: (
     font-size: 3.5rem, /* 56px */
     line-height: 3.5rem, /* 56px */
     font-weight: map-get($mdc-typography-font-weight-values, regular),
     letter-spacing: -.02em,
-    margin: -8px 0 64px -.07em
+    margin: -8px 0 64px -.07em,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   display2: (
     font-size: 2.813rem, /* 45px */
     line-height: 3rem, /* 48px */
     font-weight: map-get($mdc-typography-font-weight-values, regular),
     letter-spacing: normal,
-    margin: -.5rem 0 4rem -.07em /* -8sp 0 64sp -.07em */
+    margin: -.5rem 0 4rem -.07em /* -8sp 0 64sp -.07em */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   display1: (
     font-size: 2.125rem, /* 34sp */
     line-height: 2.5rem, /* 40sp */
     font-weight: map-get($mdc-typography-font-weight-values, regular),
     letter-spacing: normal,
-    margin: -.5rem 0 4rem -.07em /* -8sp 0 64sp -.07em */
+    margin: -.5rem 0 4rem -.07em /* -8sp 0 64sp -.07em */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   headline: (
     font-size: 1.5rem, /* 24sp */
     line-height: 2rem, /* 32sp */
     font-weight: map-get($mdc-typography-font-weight-values, regular),
     letter-spacing: normal,
-    margin: -.5rem 0 1rem -.06em /* -8sp 0 16sp -.06em */
+    margin: -.5rem 0 1rem -.06em /* -8sp 0 16sp -.06em */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   title: (
     font-size: 1.25rem, /* 20sp */
     line-height: 2rem, /* 32sp */
     font-weight: map-get($mdc-typography-font-weight-values, medium),
     letter-spacing: .02em,
-    margin: -.5rem 0 1rem -.05em /* -8sp 0 16sp -.05em */
+    margin: -.5rem 0 1rem -.05em /* -8sp 0 16sp -.05em */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   subheading2: (
     font-size: 1rem, /* 16sp */
     line-height: 1.75rem, /* 28sp */
     font-weight: map-get($mdc-typography-font-weight-values, regular),
     letter-spacing: .04em,
-    margin: -.5rem 0 1rem -.06em /* -8sp 0 16sp -.06em */
+    margin: -.5rem 0 1rem -.06em /* -8sp 0 16sp -.06em */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   subheading1: (
     font-size: .938rem, /* 15sp */
     line-height: 1.5rem, /* 24sp */
     font-weight: map-get($mdc-typography-font-weight-values, regular),
     letter-spacing: .04em,
-    margin: -.313rem 0 .813rem -.06em /* -5sp 0 13sp -.06em */
+    margin: -.313rem 0 .813rem -.06em /* -5sp 0 13sp -.06em */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   body2: (
     font-size: .875rem, /* 14sp */
     line-height: 1.5rem, /* 24sp */
     font-weight: map-get($mdc-typography-font-weight-values, medium),
     letter-spacing: .04em,
-    margin: -.25rem 0 .75rem 0 /* -4sp 0 12sp 0 */
+    margin: -.25rem 0 .75rem 0 /* -4sp 0 12sp 0 */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   body1: (
     font-size: .875rem, /* 14sp */
     line-height: 1.25rem, /* 20sp */
     font-weight: map-get($mdc-typography-font-weight-values, regular),
     letter-spacing: .04em,
-    margin: -.25rem 0 .75rem 0 /* -4sp 0 12sp 0 */
+    margin: -.25rem 0 .75rem 0 /* -4sp 0 12sp 0 */,
+    text-decoration: inherit,
+    text-transform: inherit
   ),
   caption: (
     font-size: .75rem, /* 12sp */
     line-height: 1.25rem, /* 20sp */
     font-weight: map-get($mdc-typography-font-weight-values, regular),
     letter-spacing: .08em,
-    margin: -.5rem 0 1rem -.04em /* -8sp 0 16sp -.04em */
+    margin: -.5rem 0 1rem -.04em /* -8sp 0 16sp -.04em */,
+    text-decoration: inherit,
+    text-transform: inherit
+  ),
+  button: (
+    font-size: .875rem, /* 14sp */
+    line-height: 2.25rem, /* 36sp */
+    font-weight: map-get($mdc-typography-font-weight-values, medium),
+    letter-spacing: .04em,
+    margin: inherit /* We do not have adjust margin for button */,
+    text-decoration: none,
+    text-transform: uppercase
   )
 ) !default;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_components_web-sass
 version: !ruby/object:Gem::Version
-  version: 0.16.0
+  version: 0.17.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-07-24 00:00:00.000000000 Z
+date: 2017-08-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails