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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +9 -0
- data/lib/material_components_web/sass/version.rb +1 -1
- data/vendor/assets/javascripts/material-components-web.js +698 -637
- data/vendor/assets/stylesheets/@material/button/_mixins.scss +2 -2
- data/vendor/assets/stylesheets/@material/button/_variables.scss +0 -3
- data/vendor/assets/stylesheets/@material/button/mdc-button.scss +2 -2
- data/vendor/assets/stylesheets/@material/checkbox/mdc-checkbox.scss +1 -1
- data/vendor/assets/stylesheets/@material/fab/_mixins.scss +2 -2
- data/vendor/assets/stylesheets/@material/fab/mdc-fab.scss +1 -5
- data/vendor/assets/stylesheets/@material/icon-toggle/mdc-icon-toggle.scss +4 -19
- data/vendor/assets/stylesheets/@material/linear-progress/mdc-linear-progress.scss +4 -0
- data/vendor/assets/stylesheets/@material/list/_mixins.scss +83 -0
- data/vendor/assets/stylesheets/@material/list/_variables.scss +18 -0
- data/vendor/assets/stylesheets/@material/list/mdc-list.scss +50 -43
- data/vendor/assets/stylesheets/@material/menu/simple/mdc-simple-menu.scss +33 -35
- data/vendor/assets/stylesheets/@material/radio/mdc-radio.scss +1 -1
- data/vendor/assets/stylesheets/@material/ripple/_keyframes.scss +3 -2
- data/vendor/assets/stylesheets/@material/ripple/_mixins.scss +172 -34
- data/vendor/assets/stylesheets/@material/ripple/_variables.scss +23 -0
- data/vendor/assets/stylesheets/@material/ripple/mdc-ripple.scss +3 -3
- data/vendor/assets/stylesheets/@material/select/mdc-select.scss +146 -35
- data/vendor/assets/stylesheets/@material/tabs/tab/mdc-tab.scss +3 -3
- data/vendor/assets/stylesheets/@material/textfield/mdc-text-field.scss +2 -2
- data/vendor/assets/stylesheets/@material/theme/_mixins.scss +1 -1
- data/vendor/assets/stylesheets/@material/theme/_variables.scss +13 -1
- data/vendor/assets/stylesheets/@material/toolbar/mdc-toolbar.scss +1 -1
- 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-
|
162
|
+
@include mdc-states;
|
163
163
|
@include mdc-ripple-radius;
|
164
164
|
|
165
165
|
@include mdc-theme-dark(".mdc-tab-bar") {
|
166
|
-
@include mdc-
|
166
|
+
@include mdc-states(text-primary-on-dark);
|
167
167
|
}
|
168
168
|
|
169
169
|
.mdc-toolbar & {
|
170
|
-
@include mdc-
|
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-
|
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-
|
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 (
|
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.
|
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
|
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
|