material_components_web-sass 0.26.0 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +9 -0
  3. data/lib/material_components_web/sass/version.rb +1 -1
  4. data/vendor/assets/javascripts/material-components-web.js +698 -637
  5. data/vendor/assets/stylesheets/@material/button/_mixins.scss +2 -2
  6. data/vendor/assets/stylesheets/@material/button/_variables.scss +0 -3
  7. data/vendor/assets/stylesheets/@material/button/mdc-button.scss +2 -2
  8. data/vendor/assets/stylesheets/@material/checkbox/mdc-checkbox.scss +1 -1
  9. data/vendor/assets/stylesheets/@material/fab/_mixins.scss +2 -2
  10. data/vendor/assets/stylesheets/@material/fab/mdc-fab.scss +1 -5
  11. data/vendor/assets/stylesheets/@material/icon-toggle/mdc-icon-toggle.scss +4 -19
  12. data/vendor/assets/stylesheets/@material/linear-progress/mdc-linear-progress.scss +4 -0
  13. data/vendor/assets/stylesheets/@material/list/_mixins.scss +83 -0
  14. data/vendor/assets/stylesheets/@material/list/_variables.scss +18 -0
  15. data/vendor/assets/stylesheets/@material/list/mdc-list.scss +50 -43
  16. data/vendor/assets/stylesheets/@material/menu/simple/mdc-simple-menu.scss +33 -35
  17. data/vendor/assets/stylesheets/@material/radio/mdc-radio.scss +1 -1
  18. data/vendor/assets/stylesheets/@material/ripple/_keyframes.scss +3 -2
  19. data/vendor/assets/stylesheets/@material/ripple/_mixins.scss +172 -34
  20. data/vendor/assets/stylesheets/@material/ripple/_variables.scss +23 -0
  21. data/vendor/assets/stylesheets/@material/ripple/mdc-ripple.scss +3 -3
  22. data/vendor/assets/stylesheets/@material/select/mdc-select.scss +146 -35
  23. data/vendor/assets/stylesheets/@material/tabs/tab/mdc-tab.scss +3 -3
  24. data/vendor/assets/stylesheets/@material/textfield/mdc-text-field.scss +2 -2
  25. data/vendor/assets/stylesheets/@material/theme/_mixins.scss +1 -1
  26. data/vendor/assets/stylesheets/@material/theme/_variables.scss +13 -1
  27. data/vendor/assets/stylesheets/@material/toolbar/mdc-toolbar.scss +1 -1
  28. metadata +4 -2
@@ -159,15 +159,15 @@ $mdc-tab-with-icon-and-text-height: 72px;
159
159
 
160
160
  .mdc-tab.mdc-ripple-upgraded {
161
161
  @include mdc-ripple-surface;
162
- @include mdc-ripple-color;
162
+ @include mdc-states;
163
163
  @include mdc-ripple-radius;
164
164
 
165
165
  @include mdc-theme-dark(".mdc-tab-bar") {
166
- @include mdc-ripple-color(text-primary-on-dark, .16);
166
+ @include mdc-states(text-primary-on-dark);
167
167
  }
168
168
 
169
169
  .mdc-toolbar & {
170
- @include mdc-ripple-color(text-primary-on-primary, .16);
170
+ @include mdc-states(text-primary-on-primary);
171
171
  }
172
172
 
173
173
  // stylelint-disable plugin/selector-bem-pattern
@@ -141,7 +141,7 @@
141
141
 
142
142
  .mdc-text-field--box {
143
143
  @include mdc-ripple-surface;
144
- @include mdc-ripple-color(black, .04);
144
+ @include mdc-states(text-primary-on-light, $has-nested-focusable-element: true);
145
145
  @include mdc-ripple-radius;
146
146
  @include mdc-text-field-box-corner-radius($mdc-text-field-border-radius);
147
147
 
@@ -156,7 +156,7 @@
156
156
  }
157
157
 
158
158
  @include mdc-theme-dark(".mdc-text-field", true) {
159
- @include mdc-ripple-color(white, .05);
159
+ @include mdc-states(text-primary-on-dark, $has-nested-focusable-element: true);
160
160
  }
161
161
 
162
162
  // NOTE: For some reason, stylelint complains that the patterns below don't follow BEM.
@@ -22,7 +22,7 @@
22
22
  // $edgeOptOut controls whether to feature-detect around Edge to avoid emitting CSS variables for it,
23
23
  // intended for use in cases where interactions with pseudo-element styles cause problems due to Edge bugs.
24
24
  @mixin mdc-theme-prop($property, $style, $important: false, $edgeOptOut: false) {
25
- @if type-of($style) == "color" {
25
+ @if type-of($style) == "color" or $style == "currentColor" {
26
26
  @if $important {
27
27
  #{$property}: $style !important;
28
28
  } @else {
@@ -154,7 +154,7 @@ $mdc-theme-property-values: (
154
154
  //
155
155
  // NOTE: This function must be defined in _variables.scss instead of _functions.scss to avoid circular imports.
156
156
  @function mdc-theme-prop-value($property) {
157
- @if type-of($property) == color {
157
+ @if type-of($property) == "color" or $property == "currentColor" {
158
158
  @return $property;
159
159
  }
160
160
 
@@ -164,3 +164,15 @@ $mdc-theme-property-values: (
164
164
 
165
165
  @return map-get($mdc-theme-property-values, $property);
166
166
  }
167
+
168
+ // NOTE: This function must be defined in _variables.scss instead of _functions.scss to avoid circular imports.
169
+ @function mdc-theme-accessible-ink-color($fill-color, $text-style: primary) {
170
+ $fill-color-value: mdc-theme-prop-value($fill-color);
171
+ $color-map-for-tone: map-get($mdc-theme-text-colors, mdc-theme-contrast-tone($fill-color-value));
172
+
173
+ @if not map-has-key($color-map-for-tone, $text-style) {
174
+ @error "Invalid $text-style: '#{$text-style}'. Choose one of: #{map-keys($color-map-for-tone)}";
175
+ }
176
+
177
+ @return map-get($color-map-for-tone, $text-style);
178
+ }
@@ -226,7 +226,7 @@
226
226
  margin-top: $mdc-toolbar-row-height;
227
227
 
228
228
  @media (max-width: $mdc-toolbar-mobile-landscape-width-breakpoint)
229
- and (orientation: landscape) {
229
+ and (max-height: $mdc-toolbar-mobile-breakpoint) {
230
230
  margin-top: $mdc-toolbar-mobile-landscape-row-height;
231
231
  }
232
232
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: material_components_web-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.26.0
4
+ version: 0.27.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dmitriy Tarasov
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-11-28 00:00:00.000000000 Z
11
+ date: 2017-12-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: autoprefixer-rails
@@ -174,6 +174,8 @@ files:
174
174
  - vendor/assets/stylesheets/@material/linear-progress/_mixins.scss
175
175
  - vendor/assets/stylesheets/@material/linear-progress/_variables.scss
176
176
  - vendor/assets/stylesheets/@material/linear-progress/mdc-linear-progress.scss
177
+ - vendor/assets/stylesheets/@material/list/_mixins.scss
178
+ - vendor/assets/stylesheets/@material/list/_variables.scss
177
179
  - vendor/assets/stylesheets/@material/list/mdc-list.scss
178
180
  - vendor/assets/stylesheets/@material/menu/mdc-menu.scss
179
181
  - vendor/assets/stylesheets/@material/menu/simple/mdc-simple-menu.scss