Skip to content
This repository was archived by the owner on Oct 7, 2020. It is now read-only.

Commit 83cf0eb

Browse files
trimoxtrimox
authored
feat: Update to material-components-web v3.2.0 (#2005)
https://github.com/material-components/material-components-web/blob/master/CHANGELOG.md#320-2019-09-12 fix #1959
1 parent 926c076 commit 83cf0eb

File tree

8 files changed

+612
-448
lines changed

8 files changed

+612
-448
lines changed

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
"@angular/forms": "^8.2.0",
3333
"@angular/platform-browser": "^8.2.0",
3434
"core-js": "2.6.9",
35-
"material-components-web": "^3.1.1",
35+
"material-components-web": "^3.2.0",
3636
"rxjs": "^6.5.2",
3737
"tsickle": "^0.37.0",
3838
"tslib": "1.10.0",

‎packages/material-components-web/scss/linear-progress/_keyframes.scss

Lines changed: 112 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -20,137 +20,153 @@
2020
// THE SOFTWARE.
2121
//
2222

23-
@keyframes primary-indeterminate-translate {
24-
0% {
25-
transform: translateX(0);
26-
}
27-
28-
20% {
29-
animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
30-
transform: translateX(0);
31-
}
32-
33-
59.15% {
34-
animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
35-
transform: translateX(83.67142%);
36-
}
37-
38-
100% {
39-
transform: translateX(200.611057%);
23+
@mixin mdc-linear-progress-primary-indeterminate-translate-keyframes_ {
24+
@keyframes primary-indeterminate-translate {
25+
0% {
26+
transform: translateX(0);
27+
}
28+
29+
20% {
30+
animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
31+
transform: translateX(0);
32+
}
33+
34+
59.15% {
35+
animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
36+
transform: translateX(83.67142%);
37+
}
38+
39+
100% {
40+
transform: translateX(200.611057%);
41+
}
4042
}
4143
}
4244

43-
@keyframes primary-indeterminate-scale {
44-
0% {
45-
transform: scaleX(.08);
46-
}
45+
@mixin mdc-linear-progress-primary-indeterminate-scale-keyframes_ {
46+
@keyframes primary-indeterminate-scale {
47+
0% {
48+
transform: scaleX(.08);
49+
}
4750

48-
36.65% {
49-
animation-timing-function: cubic-bezier(.334731, .12482, .785844, 1);
50-
transform: scaleX(.08);
51-
}
51+
36.65% {
52+
animation-timing-function: cubic-bezier(.334731, .12482, .785844, 1);
53+
transform: scaleX(.08);
54+
}
5255

53-
69.15% {
54-
animation-timing-function: cubic-bezier(.06, .11, .6, 1);
55-
transform: scaleX(.661479);
56-
}
56+
69.15% {
57+
animation-timing-function: cubic-bezier(.06, .11, .6, 1);
58+
transform: scaleX(.661479);
59+
}
5760

58-
100% {
59-
transform: scaleX(.08);
61+
100% {
62+
transform: scaleX(.08);
63+
}
6064
}
6165
}
6266

63-
@keyframes secondary-indeterminate-translate {
64-
0% {
65-
animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);
66-
transform: translateX(0);
67-
}
67+
@mixin mdc-linear-progress-secondary-indeterminate-translate-keyframes_ {
68+
@keyframes secondary-indeterminate-translate {
69+
0% {
70+
animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);
71+
transform: translateX(0);
72+
}
6873

69-
25% {
70-
animation-timing-function: cubic-bezier(.31033, .284058, .8, .733712);
71-
transform: translateX(37.651913%);
72-
}
74+
25% {
75+
animation-timing-function: cubic-bezier(.31033, .284058, .8, .733712);
76+
transform: translateX(37.651913%);
77+
}
7378

74-
48.35% {
75-
animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);
76-
transform: translateX(84.386165%);
77-
}
79+
48.35% {
80+
animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);
81+
transform: translateX(84.386165%);
82+
}
7883

79-
100% {
80-
transform: translateX(160.277782%);
84+
100% {
85+
transform: translateX(160.277782%);
86+
}
8187
}
8288
}
8389

84-
@keyframes secondary-indeterminate-scale {
85-
0% {
86-
animation-timing-function: cubic-bezier(.205028, .057051, .57661, .453971);
87-
transform: scaleX(.08);
88-
}
90+
@mixin mdc-linear-progress-secondary-indeterminate-scale-keyframes_ {
91+
@keyframes secondary-indeterminate-scale {
92+
0% {
93+
animation-timing-function: cubic-bezier(.205028, .057051, .57661, .453971);
94+
transform: scaleX(.08);
95+
}
8996

90-
19.15% {
91-
animation-timing-function: cubic-bezier(.152313, .196432, .648374, 1.004315);
92-
transform: scaleX(.457104);
93-
}
97+
19.15% {
98+
animation-timing-function: cubic-bezier(.152313, .196432, .648374, 1.004315);
99+
transform: scaleX(.457104);
100+
}
94101

95-
44.15% {
96-
animation-timing-function: cubic-bezier(.257759, -.003163, .211762, 1.38179);
97-
transform: scaleX(.72796);
98-
}
102+
44.15% {
103+
animation-timing-function: cubic-bezier(.257759, -.003163, .211762, 1.38179);
104+
transform: scaleX(.72796);
105+
}
99106

100-
100% {
101-
transform: scaleX(.08);
107+
100% {
108+
transform: scaleX(.08);
109+
}
102110
}
103111
}
104112

105-
@keyframes buffering {
106-
to {
107-
transform: translateX(-10px);
113+
@mixin mdc-linear-progress-buffering-keyframes_ {
114+
@keyframes buffering {
115+
to {
116+
transform: translateX(-10px);
117+
}
108118
}
109119
}
110120

111-
@keyframes primary-indeterminate-translate-reverse {
112-
0% {
113-
transform: translateX(0);
114-
}
121+
@mixin mdc-linear-progress-primary-indeterminate-translate-reverse-keyframes_ {
122+
@keyframes primary-indeterminate-translate-reverse {
123+
0% {
124+
transform: translateX(0);
125+
}
115126

116-
20% {
117-
animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
118-
transform: translateX(0);
119-
}
127+
20% {
128+
animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
129+
transform: translateX(0);
130+
}
120131

121-
59.15% {
122-
animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
123-
transform: translateX(-83.67142%);
124-
}
132+
59.15% {
133+
animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
134+
transform: translateX(-83.67142%);
135+
}
125136

126-
100% {
127-
transform: translateX(-200.611057%);
137+
100% {
138+
transform: translateX(-200.611057%);
139+
}
128140
}
129141
}
130142

131-
@keyframes secondary-indeterminate-translate-reverse {
132-
0% {
133-
animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);
134-
transform: translateX(0);
135-
}
143+
@mixin mdc-linear-progress-secondary-indeterminate-translate-reverse-keyframes_ {
144+
@keyframes secondary-indeterminate-translate-reverse {
145+
0% {
146+
animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);
147+
transform: translateX(0);
148+
}
136149

137-
25% {
138-
animation-timing-function: cubic-bezier(.31033, .284058, .8, .733712);
139-
transform: translateX(-37.651913%);
140-
}
150+
25% {
151+
animation-timing-function: cubic-bezier(.31033, .284058, .8, .733712);
152+
transform: translateX(-37.651913%);
153+
}
141154

142-
48.35% {
143-
animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);
144-
transform: translateX(-84.386165%);
145-
}
155+
48.35% {
156+
animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);
157+
transform: translateX(-84.386165%);
158+
}
146159

147-
100% {
148-
transform: translateX(-160.277782%);
160+
100% {
161+
transform: translateX(-160.277782%);
162+
}
149163
}
150164
}
151165

152-
@keyframes buffering-reverse {
153-
to {
154-
transform: translateX(10px);
166+
@mixin mdc-linear-progress-buffering-reverse-keyframes_ {
167+
@keyframes buffering-reverse {
168+
to {
169+
transform: translateX(10px);
170+
}
155171
}
156172
}

0 commit comments

Comments
 (0)