material_components_web-sass 0.8.0 → 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) 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 +1359 -580
  5. data/vendor/assets/stylesheets/@material/animation/_functions.scss +15 -15
  6. data/vendor/assets/stylesheets/@material/animation/_mixins.scss +15 -15
  7. data/vendor/assets/stylesheets/@material/animation/_variables.scss +15 -15
  8. data/vendor/assets/stylesheets/@material/animation/mdc-animation.scss +15 -15
  9. data/vendor/assets/stylesheets/@material/checkbox/_keyframes.scss +15 -15
  10. data/vendor/assets/stylesheets/@material/checkbox/_variables.scss +15 -15
  11. data/vendor/assets/stylesheets/@material/checkbox/mdc-checkbox.scss +6 -0
  12. data/vendor/assets/stylesheets/@material/dialog/mdc-dialog.scss +2 -0
  13. data/vendor/assets/stylesheets/@material/drawer/_mixins.scss +15 -15
  14. data/vendor/assets/stylesheets/@material/drawer/mdc-drawer.scss +16 -15
  15. data/vendor/assets/stylesheets/@material/drawer/permanent/mdc-permanent-drawer.scss +22 -16
  16. data/vendor/assets/stylesheets/@material/drawer/persistent/mdc-persistent-drawer.scss +87 -0
  17. data/vendor/assets/stylesheets/@material/drawer/slidable/_mixins.scss +33 -0
  18. data/vendor/assets/stylesheets/@material/drawer/slidable/_variables.scss +20 -0
  19. data/vendor/assets/stylesheets/@material/drawer/temporary/mdc-temporary-drawer.scss +27 -28
  20. data/vendor/assets/stylesheets/@material/elevation/_mixins.scss +15 -15
  21. data/vendor/assets/stylesheets/@material/elevation/_variables.scss +15 -15
  22. data/vendor/assets/stylesheets/@material/elevation/mdc-elevation.scss +15 -15
  23. data/vendor/assets/stylesheets/@material/form-field/mdc-form-field.scss +15 -15
  24. data/vendor/assets/stylesheets/@material/grid-list/mdc-grid-list.scss +1 -1
  25. data/vendor/assets/stylesheets/@material/icon-toggle/mdc-icon-toggle.scss +15 -15
  26. data/vendor/assets/stylesheets/@material/list/mdc-list.scss +1 -1
  27. data/vendor/assets/stylesheets/@material/menu/mdc-menu.scss +15 -15
  28. data/vendor/assets/stylesheets/@material/menu/simple/mdc-simple-menu.scss +15 -15
  29. data/vendor/assets/stylesheets/@material/radio/mdc-radio.scss +2 -0
  30. data/vendor/assets/stylesheets/@material/ripple/_keyframes.scss +15 -15
  31. data/vendor/assets/stylesheets/@material/rtl/_mixins.scss +15 -15
  32. data/vendor/assets/stylesheets/@material/select/mdc-select.scss +21 -23
  33. data/vendor/assets/stylesheets/@material/snackbar/_variables.scss +15 -15
  34. data/vendor/assets/stylesheets/@material/snackbar/mdc-snackbar.scss +15 -15
  35. data/vendor/assets/stylesheets/@material/textfield/mdc-textfield.scss +15 -15
  36. data/vendor/assets/stylesheets/@material/theme/_constants.scss +15 -15
  37. data/vendor/assets/stylesheets/@material/theme/_functions.scss +15 -15
  38. data/vendor/assets/stylesheets/@material/theme/_mixins.scss +15 -15
  39. data/vendor/assets/stylesheets/@material/theme/_variables.scss +15 -15
  40. data/vendor/assets/stylesheets/@material/theme/mdc-theme.scss +15 -15
  41. data/vendor/assets/stylesheets/@material/toolbar/mdc-toolbar.scss +23 -15
  42. data/vendor/assets/stylesheets/@material/typography/_mixins.scss +15 -15
  43. data/vendor/assets/stylesheets/@material/typography/_variables.scss +16 -15
  44. data/vendor/assets/stylesheets/@material/typography/mdc-typography.scss +15 -15
  45. metadata +5 -2
@@ -1,18 +1,18 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
17
  @import "./variables";
18
18
 
@@ -1,18 +1,18 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
17
  @import "./variables";
18
18
 
@@ -1,18 +1,18 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
17
  $mdc-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, .2, 1) !default;
18
18
  $mdc-animation-fast-out-slow-in-timing-function: cubic-bezier(.4, 0, .2, 1) !default;
@@ -1,18 +1,18 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
17
  @import "./mixins";
18
18
 
@@ -1,18 +1,18 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
17
  @import "@material/theme/mixins";
18
18
  @import "./variables";
@@ -1,18 +1,18 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
17
  $mdc-checkbox-mark-color: white !default;
18
18
  $mdc-checkbox-border-color: rgba(black, .54) !default;
@@ -50,6 +50,7 @@
50
50
  display: inline-block;
51
51
  position: relative;
52
52
  box-sizing: content-box;
53
+ flex: 0 0 $mdc-checkbox-size;
53
54
  width: $mdc-checkbox-size;
54
55
  height: $mdc-checkbox-size;
55
56
  padding: ($mdc-checkbox-touch-area - $mdc-checkbox-size) / 2;
@@ -251,6 +252,11 @@ fieldset:disabled .mdc-checkbox__native-control,
251
252
  }
252
253
  }
253
254
 
255
+ .mdc-checkbox--disabled {
256
+ cursor: default;
257
+ pointer-events: none;
258
+ }
259
+
254
260
  .mdc-checkbox--upgraded {
255
261
  .mdc-checkbox__background,
256
262
  .mdc-checkbox__checkmark,
@@ -1,3 +1,4 @@
1
+ //
1
2
  // Copyright 2017 Google Inc. All Rights Reserved.
2
3
  //
3
4
  // Licensed under the Apache License, Version 2.0 (the "License");
@@ -11,6 +12,7 @@
11
12
  // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
13
  // See the License for the specific language governing permissions and
13
14
  // limitations under the License.
15
+ //
14
16
 
15
17
  @import "@material/animation/functions";
16
18
  @import "@material/elevation/mixins";
@@ -1,18 +1,18 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
17
  @import "@material/animation/functions";
18
18
  @import "@material/animation/variables";
@@ -1,18 +1,19 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
+ @import "./persistent/mdc-persistent-drawer";
17
18
  @import "./permanent/mdc-permanent-drawer";
18
19
  @import "./temporary/mdc-temporary-drawer";
@@ -1,24 +1,29 @@
1
- /**
2
- * Copyright 2016 Google Inc. All Rights Reserved.
3
- *
4
- * Licensed under the Apache License, Version 2.0 (the "License");
5
- * you may not use this file except in compliance with the License.
6
- * You may obtain a copy of the License at
7
- *
8
- * http://www.apache.org/licenses/LICENSE-2.0
9
- *
10
- * Unless required by applicable law or agreed to in writing, software
11
- * distributed under the License is distributed on an "AS IS" BASIS,
12
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
- * See the License for the specific language governing permissions and
14
- * limitations under the License.
15
- */
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
16
 
17
17
  @import "@material/rtl/mixins";
18
18
  @import "@material/theme/mixins";
19
19
  @import "../mixins";
20
20
 
21
21
  $mdc-permanent-drawer-width: 240px;
22
+ $mdc-permanent-drawer-dark-theme-bg-color: #212121 !default;
23
+
24
+ :root {
25
+ --mdc-permanent-drawer-dark-theme-bg-color: $mdc-permanent-drawer-dark-theme-bg-color;
26
+ }
22
27
 
23
28
  .mdc-permanent-drawer {
24
29
  @include mdc-drawer-base_;
@@ -27,7 +32,8 @@ $mdc-permanent-drawer-width: 240px;
27
32
  @include mdc-rtl-reflexive-position(left, 0);
28
33
 
29
34
  @include mdc-theme-dark {
30
- background: #212121;
35
+ background-color: $mdc-permanent-drawer-dark-theme-bg-color;
36
+ background-color: var(--mdc-permanent-drawer-dark-theme-bg-color, #{$mdc-permanent-drawer-dark-theme-bg-color});
31
37
 
32
38
  @include mdc-theme-prop(color, text-primary-on-dark);
33
39
  @include mdc-rtl-reflexive-box(border, right, 1px solid rgba(white, .12));
@@ -0,0 +1,87 @@
1
+ //
2
+ // Copyright 2017 Google Inc. All Rights Reserved.
3
+ //
4
+ // Licensed under the Apache License, Version 2.0 (the "License");
5
+ // you may not use this file except in compliance with the License.
6
+ // You may obtain a copy of the License at
7
+ //
8
+ // http://www.apache.org/licenses/LICENSE-2.0
9
+ //
10
+ // Unless required by applicable law or agreed to in writing, software
11
+ // distributed under the License is distributed on an "AS IS" BASIS,
12
+ // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ // See the License for the specific language governing permissions and
14
+ // limitations under the License.
15
+ //
16
+
17
+ @import "@material/rtl/mixins";
18
+ @import "@material/theme/mixins";
19
+ @import "../mixins";
20
+ @import "../slidable/mixins";
21
+ @import "../slidable/variables";
22
+
23
+ $mdc-persistent-drawer-width: 240px;
24
+ $mdc-persistent-drawer-dark-theme-bg-color: #212121 !default;
25
+
26
+ :root {
27
+ --mdc-persistent-drawer-dark-theme-bg-color: $mdc-persistent-drawer-dark-theme-bg-color;
28
+ }
29
+
30
+ .mdc-persistent-drawer {
31
+ @include mdc-drawer-base_;
32
+ width: 0;
33
+
34
+ &__drawer {
35
+ @include mdc-theme-prop(background, background);
36
+ @include mdc-rtl-reflexive-box(border, right, 1px solid #e4e4e4);
37
+ @include mdc-rtl-reflexive-position(left, 0);
38
+
39
+ @include mdc-theme-dark {
40
+ background-color: $mdc-persistent-drawer-dark-theme-bg-color;
41
+ background-color: var(--mdc-persistent-drawer-dark-theme-bg-color, #{$mdc-persistent-drawer-dark-theme-bg-color});
42
+
43
+ @include mdc-theme-prop(color, text-primary-on-dark);
44
+ @include mdc-rtl-reflexive-box(border, right, 1px solid rgba(white, .12));
45
+ }
46
+
47
+ @include mdc-slideable-drawer;
48
+
49
+ @include mdc-rtl(".mdc-persistent-drawer") {
50
+ @include mdc-slideable-drawer-rtl;
51
+ }
52
+
53
+ display: inline-flex;
54
+ flex-direction: column;
55
+ box-sizing: border-box;
56
+ overflow: hidden;
57
+ touch-action: none;
58
+ width: $mdc-persistent-drawer-width;
59
+ }
60
+
61
+ &--animating {
62
+
63
+ .mdc-persistent-drawer__drawer {
64
+ transition: $mdc-slidable-drawer-transition;
65
+ }
66
+
67
+ &.mdc-persistent-drawer--open .mdc-persistent-drawer__drawer {
68
+ transition: $mdc-slidable-drawer-transition-open;
69
+ }
70
+ }
71
+
72
+ &--open {
73
+ width: $mdc-persistent-drawer-width;
74
+ pointer-events: auto;
75
+
76
+ .mdc-persistent-drawer__drawer {
77
+ @include mdc-slideable-drawer-open;
78
+ }
79
+
80
+ // Specificity fix to ensure that mdc-drawer is not translated off-screen within an RTL context
81
+ @include mdc-rtl {
82
+ .mdc-persistent-drawer__drawer {
83
+ @include mdc-slideable-drawer-open;
84
+ }
85
+ }
86
+ }
87
+ }