material_components_web-sass 0.11.1 → 0.12.0

data/vendor/assets/stylesheets/@material/menu/simple/mdc-simple-menu.scss

@@ -63,7 +63,6 @@ $mdc-simple-menu-item-fade-duration: .3s;
   }
 
   &__items {
-    display: inline-block;
     overflow-x: hidden;
     overflow-y: auto;
     box-sizing: border-box;
@@ -125,7 +124,7 @@ $mdc-simple-menu-item-fade-duration: .3s;
   /* stylelint-disable plugin/selector-bem-pattern */
   .mdc-list-group,
   .mdc-list {
-    padding: 0;
+    padding: 8px 0;
   }
 
   .mdc-list-item {

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

@@ -40,7 +40,7 @@ $mdc-radio-transition-duration: 120ms;
   display: inline-block;
   position: relative;
   box-sizing: border-box;
-  flex: 0 0 $mdc-radio-touch-area;
+  flex: 0 0 auto;
   width: $mdc-radio-touch-area;
   height: $mdc-radio-touch-area;
   padding: ($mdc-radio-touch-area - $mdc-radio-ui-size) / 2;

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

@@ -16,3 +16,4 @@
 
 @import "./tab/mdc-tab";
 @import "./tab-bar/mdc-tab-bar";
+@import "./tab-bar-scroller/mdc-tab-bar-scroller";

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

@@ -0,0 +1,95 @@
+//
+// 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 "@material/animation/functions";
+@import "@material/theme/mixins";
+@import "@material/rtl/mixins";
+
+$mdc-tab-bar-scroller-indicator-width: 48px;
+
+// postcss-bem-linter: define tab-bar-scroller
+.mdc-tab-bar-scroller {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  background-color: inherit;
+  overflow: hidden;
+
+  &__scroll-frame {
+    display: flex;
+    position: relative;
+    flex: 1;
+    justify-content: flex-start;
+    overflow: hidden;
+
+    &__tabs {
+      transition: mdc-animation-enter(transform, 240ms);
+      will-change: transform;
+    }
+  }
+
+  &__indicator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: $mdc-tab-bar-scroller-indicator-width;
+    cursor: pointer;
+    visibility: hidden;
+
+    @include mdc-theme-prop(color, text-secondary-on-light);
+
+    @include mdc-theme-dark(".mdc-tab-bar") {
+      @include mdc-theme-prop(color, text-secondary-on-dark);
+    }
+
+    &:hover {
+      @include mdc-theme-prop(color, text-primary-on-light);
+
+      @include mdc-theme-dark(".mdc-tab-bar") {
+        @include mdc-theme-prop(color, text-primary-on-dark);
+      }
+    }
+
+    &__inner {
+      color: inherit;
+      text-decoration: inherit;
+      cursor: inherit;
+
+      &:focus {
+        outline-color: inherit;
+      }
+
+      @include mdc-rtl(".mdc-tab-bar-scroller") {
+        transform: rotate(180deg);
+      }
+    }
+
+    &__inner:hover {
+      color: inherit;
+
+      @include mdc-theme-dark(".mdc-tab-bar") {
+        @include mdc-theme-prop(color, text-secondary-on-dark);
+      }
+    }
+  }
+
+  &__indicator--enabled {
+    visibility: visible;
+  }
+}
+
+// postcss-bem-linter: end

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

@@ -21,14 +21,17 @@
 // postcss-bem-linter: define tab-bar
 .mdc-tab-bar {
   display: table;
+  position: relative;
   height: 48px;
   margin: 0 auto;
-  position: relative;
   text-transform: uppercase;
 
   &__indicator {
-    height: 2px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
     width: 100%;
+    height: 2px;
 
     @include mdc-theme-prop(background-color, text-primary-on-light);
 
@@ -36,9 +39,6 @@
       @include mdc-theme-prop(background-color, text-primary-on-dark);
     }
 
-    position: absolute;
-    bottom: 0;
-    left: 0;
     transform-origin: left top;
     transition: mdc-animation-enter(transform, 240ms);
     will-change: transform;

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

@@ -32,18 +32,18 @@ $mdc-tab-with-icon-and-text-height: 72px;
 .mdc-tab {
   @include mdc-typography(body2);
 
+  display: table-cell;
   position: relative;
   box-sizing: border-box;
-  display: table-cell;
-  text-align: center;
-  vertical-align: middle;
-  min-height: $mdc-tab-with-text-height;
   min-width: 160px;
-  overflow: hidden;
+  min-height: $mdc-tab-with-text-height;
   padding: 0 24px;
+  text-align: center;
   text-decoration: none;
-  cursor: pointer;
   white-space: nowrap;
+  cursor: pointer;
+  overflow: hidden;
+  vertical-align: middle;
 
   @include mdc-theme-prop(color, text-secondary-on-light);
 
@@ -107,20 +107,22 @@ $mdc-tab-with-icon-and-text-height: 72px;
   }
 }
 
+// stylelint-disable plugin/selector-bem-pattern
 .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab {
   position: relative;
 
   &::after {
+    display: none;
     position: absolute;
-    left: 0;
     top: $mdc-tab-with-text-height - 2px;
-    content: "";
+    left: 0;
     width: calc(100% - 4px);
     height: 2px;
-    display: none;
+    content: "";
     pointer-events: none;
 
     @include mdc-theme-prop(background-color, text-primary-on-light);
+
     @include mdc-theme-dark(".mdc-tab-bar", true) {
       @include mdc-theme-prop(background-color, text-primary-on-dark);
     }
@@ -147,15 +149,19 @@ $mdc-tab-with-icon-and-text-height: 72px;
     opacity: .87;
   }
 }
+// stylelint-enable plugin/selector-bem-pattern
 
+// stylelint-disable plugin/selector-bem-pattern
 .mdc-tab-bar--icons-with-text:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
   top: $mdc-tab-with-icon-and-text-height - 2px;
 }
+// stylelint-enable plugin/selector-bem-pattern
 
 .mdc-tab.mdc-ripple-upgraded {
   @include mdc-ripple-base;
   @include mdc-ripple-fg((pseudo: "::after"));
   @include mdc-ripple-bg((pseudo: "::before"));
+
   @include mdc-theme-dark(".mdc-tab-bar") {
     @include mdc-ripple-bg((pseudo: "::before", base-color: map-get($mdc-theme-property-values, text-primary-on-dark), opacity: .16));
     @include mdc-ripple-fg((pseudo: "::after", base-color: map-get($mdc-theme-property-values, text-primary-on-dark), opacity: .16));
@@ -166,9 +172,10 @@ $mdc-tab-with-icon-and-text-height: 72px;
     @include mdc-ripple-fg((pseudo: "::after", base-color: map-get($mdc-theme-property-values, text-primary-on-primary), opacity: .16));
   }
 
+  // stylelint-disable plugin/selector-bem-pattern
   &:focus {
     outline: none;
   }
+  // stylelint-enable plugin/selector-bem-pattern
 }
-
 // postcss-bem-linter: end

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

@@ -26,6 +26,7 @@
 @import "@material/grid-list/mdc-grid-list";
 @import "@material/icon-toggle/mdc-icon-toggle";
 @import "@material/layout-grid/mdc-layout-grid";
+@import "@material/linear-progress/mdc-linear-progress";
 @import "@material/list/mdc-list";
 @import "@material/menu/mdc-menu";
 @import "@material/radio/mdc-radio";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_components_web-sass
 version: !ruby/object:Gem::Version
-  version: 0.11.1
+  version: 0.12.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-05-18 00:00:00.000000000 Z
+date: 2017-06-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -28,56 +28,56 @@ dependencies:
   name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.4'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '5.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '5.0'
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.5'
 - !ruby/object:Gem::Dependency
   name: sprockets-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.0'
 description: Material Components for the web (MDC-Web) with Material Icons and Roboto
@@ -153,6 +153,8 @@ files:
 - vendor/assets/stylesheets/@material/layout-grid/_mixins.scss
 - 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/mdc-linear-progress.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
@@ -168,6 +170,7 @@ files:
 - vendor/assets/stylesheets/@material/switch/_variables.scss
 - vendor/assets/stylesheets/@material/switch/mdc-switch.scss
 - vendor/assets/stylesheets/@material/tabs/mdc-tabs.scss
+- 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/mdc-textfield.scss