material_components_web-sass 0.26.0 → 0.27.0

data/vendor/assets/stylesheets/@material/tabs/tab/mdc-tab.scss

@@ -159,15 +159,15 @@ $mdc-tab-with-icon-and-text-height: 72px;
 
 .mdc-tab.mdc-ripple-upgraded {
   @include mdc-ripple-surface;
-  @include mdc-ripple-color;
+  @include mdc-states;
   @include mdc-ripple-radius;
 
   @include mdc-theme-dark(".mdc-tab-bar") {
-    @include mdc-ripple-color(text-primary-on-dark, .16);
+    @include mdc-states(text-primary-on-dark);
   }
 
   .mdc-toolbar & {
-    @include mdc-ripple-color(text-primary-on-primary, .16);
+    @include mdc-states(text-primary-on-primary);
   }
 
   // stylelint-disable plugin/selector-bem-pattern

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

@@ -141,7 +141,7 @@
 
 .mdc-text-field--box {
   @include mdc-ripple-surface;
-  @include mdc-ripple-color(black, .04);
+  @include mdc-states(text-primary-on-light, $has-nested-focusable-element: true);
   @include mdc-ripple-radius;
   @include mdc-text-field-box-corner-radius($mdc-text-field-border-radius);
 
@@ -156,7 +156,7 @@
   }
 
   @include mdc-theme-dark(".mdc-text-field", true) {
-    @include mdc-ripple-color(white, .05);
+    @include mdc-states(text-primary-on-dark, $has-nested-focusable-element: true);
   }
 
   // NOTE: For some reason, stylelint complains that the patterns below don't follow BEM.

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

@@ -22,7 +22,7 @@
 // $edgeOptOut controls whether to feature-detect around Edge to avoid emitting CSS variables for it,
 // intended for use in cases where interactions with pseudo-element styles cause problems due to Edge bugs.
 @mixin mdc-theme-prop($property, $style, $important: false, $edgeOptOut: false) {
-  @if type-of($style) == "color" {
+  @if type-of($style) == "color" or $style == "currentColor" {
     @if $important {
       #{$property}: $style !important;
     } @else {

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

@@ -154,7 +154,7 @@ $mdc-theme-property-values: (
 //
 // NOTE: This function must be defined in _variables.scss instead of _functions.scss to avoid circular imports.
 @function mdc-theme-prop-value($property) {
-  @if type-of($property) == color {
+  @if type-of($property) == "color" or $property == "currentColor" {
     @return $property;
   }
 
@@ -164,3 +164,15 @@ $mdc-theme-property-values: (
 
   @return map-get($mdc-theme-property-values, $property);
 }
+
+// NOTE: This function must be defined in _variables.scss instead of _functions.scss to avoid circular imports.
+@function mdc-theme-accessible-ink-color($fill-color, $text-style: primary) {
+  $fill-color-value: mdc-theme-prop-value($fill-color);
+  $color-map-for-tone: map-get($mdc-theme-text-colors, mdc-theme-contrast-tone($fill-color-value));
+
+  @if not map-has-key($color-map-for-tone, $text-style) {
+    @error "Invalid $text-style: '#{$text-style}'. Choose one of: #{map-keys($color-map-for-tone)}";
+  }
+
+  @return map-get($color-map-for-tone, $text-style);
+}

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

@@ -226,7 +226,7 @@
   margin-top: $mdc-toolbar-row-height;
 
   @media (max-width: $mdc-toolbar-mobile-landscape-width-breakpoint)
-    and (orientation: landscape) {
+    and (max-height: $mdc-toolbar-mobile-breakpoint) {
     margin-top: $mdc-toolbar-mobile-landscape-row-height;
   }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_components_web-sass
 version: !ruby/object:Gem::Version
-  version: 0.26.0
+  version: 0.27.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-11-28 00:00:00.000000000 Z
+date: 2017-12-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -174,6 +174,8 @@ files:
 - vendor/assets/stylesheets/@material/linear-progress/_mixins.scss
 - vendor/assets/stylesheets/@material/linear-progress/_variables.scss
 - vendor/assets/stylesheets/@material/linear-progress/mdc-linear-progress.scss
+- vendor/assets/stylesheets/@material/list/_mixins.scss
+- vendor/assets/stylesheets/@material/list/_variables.scss
 - vendor/assets/stylesheets/@material/list/mdc-list.scss
 - vendor/assets/stylesheets/@material/menu/mdc-menu.scss
 - vendor/assets/stylesheets/@material/menu/simple/mdc-simple-menu.scss