material_components_web-sass 0.18.1 → 0.19.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7623297ff148423d88d276b1510d0dec781ca709
-  data.tar.gz: 95d49c4c9324f210b6f0eec05247c6daec1380ca
+  metadata.gz: 8bc374604a8e6e5c0784cb0dd4b49a1c31008ea7
+  data.tar.gz: b272cd91af045421a3f3566b9e176e0bb3e29c4d
 SHA512:
-  metadata.gz: 1f1b6efce0ac8249ea472459df4dfdf9a564fd2d241cd7f38de2fa0f0b72f8b5defaf2517c1acd5ca778a062d2895d04c755146bedc095dbcb6ba7ac9d7a4531
-  data.tar.gz: b5366dd5cbe49c9ae5f828e9c9c4aec8d4acb138f71a9a605c915a9deb268a922988f349150f30d4b0ab02bc4461921eca8fc4a8320ac9c82dc47e2611168b55
+  metadata.gz: 0a2cee9844bdf1c46f683e8000304160f0bab9aa208a531951a8af43506994ef435f16df8518b7e3f3e86e2f9ae025f91fed531dc8097255aabfad95f2fb9cc1
+  data.tar.gz: a8d6f8c0566c203bc2cad947352bf3d82586fdd09fa0c2a8ebdc3ea8c9d46c150903069c9ff001c8f6aafa3c45bb8a26efe0fdf9950d6dee6fcb2d58fad6c7c2

data/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 0.19.0 (2017-08-27)
+
+- Update assets to match upstream version
+
+Library version: 
+
+- Material Components for the web v0.19.0
+- Material Icons v3.0.0
+
 ## 0.18.1 (2017-08-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.18.1'.freeze
+    VERSION = '0.19.0'.freeze
   end
 end

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

@@ -2964,7 +2964,7 @@ var MDCRippleFoundation = function (_MDCFoundation) {
       this.frame_ = this.adapter_.computeBoundingRect();
 
       var maxDim = Math.max(this.frame_.height, this.frame_.width);
-      var surfaceDiameter = Math.min(this.frame_.width, this.frame_.height);
+      var surfaceDiameter = Math.sqrt(Math.pow(this.frame_.width, 2) + Math.pow(this.frame_.height, 2));
 
       // 60% of the largest dimension of the surface
       this.initialSize_ = maxDim * MDCRippleFoundation.numbers.INITIAL_ORIGIN_SCALE;

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

@@ -0,0 +1,41 @@
+//
+// Copyright 2016 Google Inc. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+@import "@material/ripple/mixins";
+@import "@material/theme/mixins";
+@import "@material/theme/variables";
+
+@mixin mdc-button-filled() {
+  @include mdc-ripple-base;
+  @include mdc-ripple-bg((pseudo: "::before", base-color: white, opacity: .32));
+  @include mdc-ripple-fg((pseudo: "::after", base-color: white, opacity: .32));
+  @include mdc-theme-prop(color, text-primary-on-dark);
+
+  background-color: black;
+
+  @include mdc-theme-dark(".mdc-button") {
+    @include mdc-ripple-base;
+    @include mdc-ripple-bg((pseudo: "::before", base-color: black, opacity: .32));
+    @include mdc-ripple-fg((pseudo: "::after", base-color: black, opacity: .32));
+    @include mdc-theme-prop(color, text-primary-on-light);
+
+    background-color: white;
+
+    &:not(.mdc-ripple-upgraded) {
+      -webkit-tap-highlight-color: rgba(black, .18);
+    }
+  }
+}

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

@@ -19,6 +19,7 @@
 @import "@material/theme/mixins";
 @import "@material/theme/variables";
 @import "@material/typography/mixins";
+@import "./mixins";
 
 // postcss-bem-linter: define button
 .mdc-button {
@@ -74,15 +75,14 @@
   }
 }
 
+.mdc-button--raised,
+.mdc-button--unelevated {
+  @include mdc-button-filled;
+}
+
 .mdc-button--raised {
   @include mdc-elevation(2);
   @include mdc-elevation-transition;
-  @include mdc-ripple-base;
-  @include mdc-ripple-bg((pseudo: "::before", base-color: white, opacity: .32));
-  @include mdc-ripple-fg((pseudo: "::after", base-color: white, opacity: .32));
-  @include mdc-theme-prop(color, text-primary-on-dark);
-
-  background-color: black;
 
   &:hover,
   &:focus {
@@ -92,19 +92,6 @@
   &:active {
     @include mdc-elevation(8);
   }
-
-  @include mdc-theme-dark(".mdc-button") {
-    @include mdc-ripple-base;
-    @include mdc-ripple-bg((pseudo: "::before", base-color: black, opacity: .32));
-    @include mdc-ripple-fg((pseudo: "::after", base-color: black, opacity: .32));
-    @include mdc-theme-prop(color, text-primary-on-light);
-
-    background-color: white;
-
-    &:not(.mdc-ripple-upgraded) {
-      -webkit-tap-highlight-color: rgba(black, .18);
-    }
-  }
 }
 
 .mdc-button--compact {
@@ -165,7 +152,8 @@
   }
 }
 
-.mdc-button--raised {
+.mdc-button--raised,
+.mdc-button--unelevated {
   fieldset:disabled &,
   &:disabled {
     @include mdc-elevation(0);

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

@@ -93,10 +93,8 @@
     cursor: pointer;
   }
 
-  @media (min-width: $mdc-toolbar-mobile-breakpoint) {
-    &__icon:last-of-type {
-      margin-right: 8px;
-    }
+  &__icon:last-of-type {
+    padding-right: 16px;
   }
 
   &__icon--menu {
@@ -117,6 +115,10 @@
     padding: 16px;
   }
 
+  .mdc-toolbar__icon:last-child {
+    padding: 16px 8px;
+  }
+
   .mdc-toolbar__title {
     margin-left: 16px !important;
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_components_web-sass
 version: !ruby/object:Gem::Version
-  version: 0.18.1
+  version: 0.19.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-08-24 00:00:00.000000000 Z
+date: 2017-08-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -128,6 +128,7 @@ files:
 - vendor/assets/stylesheets/@material/animation/_mixins.scss
 - vendor/assets/stylesheets/@material/animation/_variables.scss
 - vendor/assets/stylesheets/@material/animation/mdc-animation.scss
+- vendor/assets/stylesheets/@material/button/_mixins.scss
 - vendor/assets/stylesheets/@material/button/mdc-button.scss
 - vendor/assets/stylesheets/@material/card/mdc-card.scss
 - vendor/assets/stylesheets/@material/checkbox/_keyframes.scss