material_components_web-sass 0.25.0 → 0.26.0

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

@@ -188,6 +188,5 @@ $mdc-dialog-dark-theme-bg-color: #303030 !default;
 // postcss-bem-linter: end
 
 .mdc-dialog-scroll-lock {
-  height: 100vh;
   overflow: hidden;
 }

data/vendor/assets/stylesheets/@material/drawer/temporary/mdc-temporary-drawer.scss

@@ -137,6 +137,5 @@
 }
 
 .mdc-drawer-scroll-lock {
-  height: 100vh;
   overflow: hidden;
 }

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

@@ -49,7 +49,7 @@ $mdc-list-side-padding: 16px;
   }
 
   margin: 0;
-  padding: 8px $mdc-list-side-padding 0;
+  padding: 8px $mdc-list-side-padding;
 
   // According to the mocks and stickersheet, the line-height is adjusted to 24px for text content,
   // same as for subheading1.
@@ -59,6 +59,7 @@ $mdc-list-side-padding: 16px;
 
 .mdc-list--dense {
   padding-top: 4px;
+  padding-bottom: 4px;
   font-size: .812rem;
 }
 

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

@@ -43,6 +43,7 @@
   border: none;
   border-bottom: 1px solid rgba(black, .12);
   border-radius: 0;
+  background-color: transparent;
   background-repeat: no-repeat;
   background-position: right center;
   font-family: Roboto, sans-serif;
@@ -263,3 +264,7 @@
 // with CSS. Use the font-size rule instead.
 
 // postcss-bem-linter: end
+
+.mdc-select-scroll-lock {
+  overflow: hidden;
+}

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

@@ -0,0 +1,19 @@
+//
+// Copyright 2017 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.
+//
+
+@function mdc-text-field-transition($property) {
+  @return #{$property} 180ms $mdc-animation-standard-curve-timing-function;
+}

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

@@ -0,0 +1,44 @@
+//
+// Copyright 2017 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 "../functions";
+@import "@material/theme/mixins";
+
+// postcss-bem-linter: define textfield
+.mdc-text-field {
+
+  &__bottom-line {
+    @include mdc-theme-prop(background-color, primary);
+
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    transform: scaleX(0);
+    transition: mdc-text-field-transition(transform), mdc-text-field-transition(opacity);
+    opacity: 0;
+    z-index: 2;
+  }
+
+  &__bottom-line--active {
+    transform: scaleX(1);
+  }
+
+  .mdc-text-field__input:focus ~ .mdc-text-field__bottom-line {
+    opacity: 1;
+  }
+}

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

@@ -0,0 +1,49 @@
+//
+// Copyright 2017 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 "../functions";
+@import "@material/theme/mixins";
+
+// postcss-bem-linter: define text-field-helper-text
+
+.mdc-text-field-helper-text {
+  @include mdc-theme-prop(color, text-hint-on-light);
+
+  margin: 0;
+  transition: mdc-text-field-transition(opacity);
+  opacity: 0;
+  font-size: .75rem;
+  will-change: opacity;
+
+  @include mdc-theme-dark {
+    @include mdc-theme-prop(color, text-hint-on-dark);
+  }
+
+  // stylelint-disable plugin/selector-bem-pattern
+  .mdc-text-field + & {
+    margin-bottom: 8px;
+  }
+
+  // stylelint-enable plugin/selector-bem-pattern
+}
+
+.mdc-text-field-helper-text--persistent {
+  transition: none;
+  opacity: 1;
+  will-change: initial;
+}
+
+// postcss-bem-linter: end

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

@@ -14,6 +14,7 @@
 // limitations under the License.
 //
 
+@import "./functions";
 @import "./mixins";
 @import "./variables";
 @import "@material/animation/variables";
@@ -23,15 +24,13 @@
 @import "@material/theme/mixins";
 @import "@material/typography/mixins";
 @import "@material/typography/variables";
-
-@function mdc-text-field-transition($property) {
-  @return #{$property} 180ms $mdc-animation-standard-curve-timing-function;
-}
-
+@import "./bottom-line/mdc-text-field-bottom-line";
+@import "./helper-text/mdc-text-field-helper-text";
 @include mdc-text-field-invalid-label-shake_keyframes_(standard, 100%);
 @include mdc-text-field-invalid-label-shake_keyframes_(box, 50%);
 
 // postcss-bem-linter: define text-field
+
 .mdc-text-field {
   display: inline-block;
   position: relative;
@@ -102,28 +101,6 @@
     }
   }
 
-  &__bottom-line {
-    @include mdc-theme-prop(background-color, primary);
-
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 2px;
-    transform: scaleX(0);
-    transition: mdc-text-field-transition(transform), mdc-text-field-transition(opacity);
-    opacity: 0;
-    z-index: 2;
-  }
-
-  &__bottom-line--active {
-    transform: scaleX(1);
-  }
-
-  .mdc-text-field__input:focus ~ .mdc-text-field__bottom-line {
-    opacity: 1;
-  }
-
   &__label {
     position: absolute;
     bottom: 8px;
@@ -408,7 +385,7 @@
   // stylelint-disable plugin/selector-bem-pattern
   .mdc-text-field__input,
   .mdc-text-field__label,
-  + .mdc-text-field-helptext {
+  + .mdc-text-field-helper-text {
     @include mdc-theme-prop(color, text-disabled-on-light);
   }
   // stylelint-enable plugin/selector-bem-pattern
@@ -422,7 +399,7 @@
 
   @include mdc-theme-dark(".mdc-text-field", true) {
     // stylelint-disable plugin/selector-bem-pattern
-    + .mdc-text-field-helptext {
+    + .mdc-text-field-helper-text {
       @include mdc-theme-prop(color, text-disabled-on-dark);
     }
     // stylelint-enable plugin/selector-bem-pattern
@@ -434,16 +411,6 @@
   }
 }
 
-.mdc-text-field--invalid.mdc-text-field--disabled {
-  .mdc-text-field__label {
-    @include mdc-theme-prop(color, text-disabled-on-light);
-
-    @include mdc-theme-dark(".mdc-text-field") {
-      @include mdc-theme-prop(color, text-disabled-on-dark);
-    }
-  }
-}
-
 .mdc-text-field__input:required + .mdc-text-field__label::after {
   margin-left: 1px;
   content: "*";
@@ -649,26 +616,10 @@
 
 // postcss-bem-linter: end
 
-// postcss-bem-linter: define text-field-helptext
-
-.mdc-text-field-helptext {
-  @include mdc-theme-prop(color, text-hint-on-light);
-
-  margin: 0;
-  transition: mdc-text-field-transition(opacity);
-  opacity: 0;
-  font-size: .75rem;
-  will-change: opacity;
-
-  @include mdc-theme-dark {
-    @include mdc-theme-prop(color, text-hint-on-dark);
-  }
+// postcss-bem-linter: define text-field-helper-text
 
+.mdc-text-field-helper-text {
   // stylelint-disable plugin/selector-bem-pattern
-  .mdc-text-field + & {
-    margin-bottom: 8px;
-  }
-
   .mdc-text-field--dense + & {
     margin-bottom: 4px;
   }
@@ -685,22 +636,16 @@
   // stylelint-enable plugin/selector-bem-pattern
 }
 
-.mdc-text-field-helptext--persistent {
-  transition: none;
-  opacity: 1;
-  will-change: initial;
-}
-
 // postcss-bem-linter: end
 
 .mdc-text-field--invalid {
-  + .mdc-text-field-helptext--validation-msg {
+  + .mdc-text-field-helper-text--validation-msg {
     opacity: 1;
     color: $mdc-text-field-error-on-light;
   }
 
   @include mdc-theme-dark(".mdc-text-field", true) {
-    + .mdc-text-field-helptext--validation-msg {
+    + .mdc-text-field-helper-text--validation-msg {
       color: $mdc-text-field-error-on-dark;
     }
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_components_web-sass
 version: !ruby/object:Gem::Version
-  version: 0.25.0
+  version: 0.26.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-11-15 00:00:00.000000000 Z
+date: 2017-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -38,6 +38,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '3.4'
+- !ruby/object:Gem::Dependency
+  name: json
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.0'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
@@ -187,8 +201,11 @@ files:
 - vendor/assets/stylesheets/@material/tabs/tab-bar-scroller/mdc-tab-bar-scroller.scss
 - vendor/assets/stylesheets/@material/tabs/tab-bar/mdc-tab-bar.scss
 - vendor/assets/stylesheets/@material/tabs/tab/mdc-tab.scss
+- vendor/assets/stylesheets/@material/textfield/_functions.scss
 - vendor/assets/stylesheets/@material/textfield/_mixins.scss
 - vendor/assets/stylesheets/@material/textfield/_variables.scss
+- vendor/assets/stylesheets/@material/textfield/bottom-line/mdc-text-field-bottom-line.scss
+- vendor/assets/stylesheets/@material/textfield/helper-text/mdc-text-field-helper-text.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