material_components_web-sass 0.24.0 → 0.25.0

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

@@ -40,21 +40,35 @@ $_mdc-theme-tonal-offset: 7%;
   @return max($backLum, $foreLum) / min($backLum, $foreLum);
 }
 
-// Determine whether to use dark or light text on top of given color.
-// Returns "dark" for dark text and "light" for light text.
-@function mdc-theme-light-or-dark($color) {
+// Determine whether the color is "light" or "dark".
+@function mdc-theme-tone($color) {
   $minimumContrast: 3.1;
 
   $lightContrast: mdc-theme-contrast($color, white);
   $darkContrast: mdc-theme-contrast($color, rgba(black, .87));
 
   @if ($lightContrast < $minimumContrast) and ($darkContrast > $lightContrast) {
-    @return "dark";
-  } @else {
     @return "light";
+  } @else {
+    @return "dark";
   }
 }
 
+// Determine whether to use dark or light text on top of given color to meet accessibility standards for contrast.
+// Returns "dark" if the given color is light and "light" if the given color is dark.
+@function mdc-theme-contrast-tone($color) {
+  @return if(mdc-theme-tone($color) == "dark", "light", "dark");
+}
+
+// DEPRECATED. Use mdc-theme-contrast-tone instead.
+@function mdc-theme-light-or-dark($color) {
+  // stylelint-disable indentation
+  @warn "The 'mdc-theme-light-or-dark' mixin is DEPRECATED and will be REMOVED in a future version. " +
+        "Please use 'mdc-theme-contrast-tone' or 'mdc-theme-tone' (as applicable) instead.";
+  @return mdc-theme-contrast-tone($color);
+  // stylelint-enable indentation
+}
+
 // lighten() and darken() require values to be between 0% and 100%.
 @function mdc-theme-clamp-percentage_($percentage) {
   @return max(0%, min(100%, $percentage));

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

@@ -39,15 +39,15 @@ $mdc-theme-background: #fff !default; // White
 // Which set of text colors to use for each main theme color (light or dark).
 //
 
-$mdc-theme-primary-tone: mdc-theme-light-or-dark($mdc-theme-primary);
-$mdc-theme-primary-light-tone: mdc-theme-light-or-dark($mdc-theme-primary-light);
-$mdc-theme-primary-dark-tone: mdc-theme-light-or-dark($mdc-theme-primary-dark);
+$mdc-theme-primary-tone: mdc-theme-contrast-tone($mdc-theme-primary) !default;
+$mdc-theme-primary-light-tone: mdc-theme-contrast-tone($mdc-theme-primary-light) !default;
+$mdc-theme-primary-dark-tone: mdc-theme-contrast-tone($mdc-theme-primary-dark) !default;
 
-$mdc-theme-secondary-tone: mdc-theme-light-or-dark($mdc-theme-secondary);
-$mdc-theme-secondary-light-tone: mdc-theme-light-or-dark($mdc-theme-secondary-light);
-$mdc-theme-secondary-dark-tone: mdc-theme-light-or-dark($mdc-theme-secondary-dark);
+$mdc-theme-secondary-tone: mdc-theme-contrast-tone($mdc-theme-secondary) !default;
+$mdc-theme-secondary-light-tone: mdc-theme-contrast-tone($mdc-theme-secondary-light) !default;
+$mdc-theme-secondary-dark-tone: mdc-theme-contrast-tone($mdc-theme-secondary-dark) !default;
 
-$mdc-theme-background-tone: mdc-theme-light-or-dark($mdc-theme-background);
+$mdc-theme-background-tone: mdc-theme-contrast-tone($mdc-theme-background) !default;
 
 //
 // Text colors according to light vs dark and text type.
@@ -68,7 +68,7 @@ $mdc-theme-text-colors: (
     disabled: rgba(white, .5),
     icon: rgba(white, .5)
   )
-);
+) !default;
 
 //
 // Primary text colors for each of the theme colors.

data/vendor/assets/stylesheets/_material-components-web.scss

@@ -35,7 +35,7 @@
 @import "@material/snackbar/mdc-snackbar";
 @import "@material/switch/mdc-switch";
 @import "@material/tabs/mdc-tabs";
-@import "@material/textfield/mdc-textfield";
+@import "@material/textfield/mdc-text-field";
 @import "@material/theme/mdc-theme";
 @import "@material/toolbar/mdc-toolbar";
 @import "@material/typography/mdc-typography";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_components_web-sass
 version: !ruby/object:Gem::Version
-  version: 0.24.0
+  version: 0.25.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-10-31 00:00:00.000000000 Z
+date: 2017-11-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -157,6 +157,8 @@ files:
 - vendor/assets/stylesheets/@material/layout-grid/_variables.scss
 - vendor/assets/stylesheets/@material/layout-grid/mdc-layout-grid.scss
 - vendor/assets/stylesheets/@material/linear-progress/_keyframes.scss
+- 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/mdc-list.scss
 - vendor/assets/stylesheets/@material/menu/mdc-menu.scss
@@ -171,6 +173,8 @@ files:
 - vendor/assets/stylesheets/@material/ripple/mdc-ripple.scss
 - vendor/assets/stylesheets/@material/rtl/_mixins.scss
 - vendor/assets/stylesheets/@material/select/mdc-select.scss
+- vendor/assets/stylesheets/@material/slider/_keyframes.scss
+- vendor/assets/stylesheets/@material/slider/_mixins.scss
 - vendor/assets/stylesheets/@material/slider/_variables.scss
 - vendor/assets/stylesheets/@material/slider/mdc-slider.scss
 - vendor/assets/stylesheets/@material/snackbar/_variables.scss
@@ -185,7 +189,7 @@ files:
 - vendor/assets/stylesheets/@material/tabs/tab/mdc-tab.scss
 - vendor/assets/stylesheets/@material/textfield/_mixins.scss
 - vendor/assets/stylesheets/@material/textfield/_variables.scss
-- vendor/assets/stylesheets/@material/textfield/mdc-textfield.scss
+- vendor/assets/stylesheets/@material/textfield/mdc-text-field.scss
 - vendor/assets/stylesheets/@material/theme/_color-palette.scss
 - vendor/assets/stylesheets/@material/theme/_constants.scss
 - vendor/assets/stylesheets/@material/theme/_functions.scss