@vaadin/vaadin-lumo-styles 24.5.0-alpha5 → 24.5.0-alpha6
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.
- package/auto-complete.css +18 -3
- package/mixins/loader.js +3 -1
- package/mixins/overlay.js +3 -1
- package/package.json +5 -5
- package/utilities/transition.js +18 -3
package/auto-complete.css
CHANGED
|
@@ -2222,11 +2222,26 @@
|
|
|
2222
2222
|
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
2223
2223
|
}
|
|
2224
2224
|
.transition {
|
|
2225
|
-
transition:
|
|
2226
|
-
|
|
2225
|
+
transition:
|
|
2226
|
+
color,
|
|
2227
|
+
background-color,
|
|
2228
|
+
border-color,
|
|
2229
|
+
text-decoration-color,
|
|
2230
|
+
fill,
|
|
2231
|
+
stroke,
|
|
2232
|
+
opacity,
|
|
2233
|
+
box-shadow,
|
|
2234
|
+
transform,
|
|
2235
|
+
filter,
|
|
2236
|
+
backdrop-filter 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
2227
2237
|
}
|
|
2228
2238
|
.transition-colors {
|
|
2229
|
-
transition:
|
|
2239
|
+
transition:
|
|
2240
|
+
color,
|
|
2241
|
+
background-color,
|
|
2242
|
+
border-color,
|
|
2243
|
+
text-decoration-color,
|
|
2244
|
+
fill,
|
|
2230
2245
|
stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
2231
2246
|
}
|
|
2232
2247
|
.transition-opacity {
|
package/mixins/loader.js
CHANGED
|
@@ -25,7 +25,9 @@ const loader = css`
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
:host([loading]) [part~='loader'] {
|
|
28
|
-
animation:
|
|
28
|
+
animation:
|
|
29
|
+
1s linear infinite lumo-loader-rotate,
|
|
30
|
+
0.3s 0.1s lumo-loader-fade-in both;
|
|
29
31
|
}
|
|
30
32
|
|
|
31
33
|
@keyframes lumo-loader-fade-in {
|
package/mixins/overlay.js
CHANGED
|
@@ -24,7 +24,9 @@ const overlay = css`
|
|
|
24
24
|
background-color: var(--lumo-base-color);
|
|
25
25
|
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
|
26
26
|
border-radius: var(--lumo-border-radius-m);
|
|
27
|
-
box-shadow:
|
|
27
|
+
box-shadow:
|
|
28
|
+
0 0 0 1px var(--lumo-shade-5pct),
|
|
29
|
+
var(--lumo-box-shadow-m);
|
|
28
30
|
color: var(--lumo-body-text-color);
|
|
29
31
|
font-family: var(--lumo-font-family);
|
|
30
32
|
font-size: var(--lumo-font-size-m);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/vaadin-lumo-styles",
|
|
3
|
-
"version": "24.5.0-
|
|
3
|
+
"version": "24.5.0-alpha6",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
],
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@polymer/polymer": "^3.0.0",
|
|
44
|
-
"@vaadin/component-base": "24.5.0-
|
|
45
|
-
"@vaadin/icon": "24.5.0-
|
|
46
|
-
"@vaadin/vaadin-themable-mixin": "24.5.0-
|
|
44
|
+
"@vaadin/component-base": "24.5.0-alpha6",
|
|
45
|
+
"@vaadin/icon": "24.5.0-alpha6",
|
|
46
|
+
"@vaadin/vaadin-themable-mixin": "24.5.0-alpha6"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"gulp": "^4.0.2",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"gulp-sort": "^2.0.0",
|
|
53
53
|
"gulp-svgmin": "^4.1.0"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "c5f541dbe961a994730d4c60472ae957bf6b4c12"
|
|
56
56
|
}
|
package/utilities/transition.js
CHANGED
|
@@ -13,11 +13,26 @@ export const transition = css`
|
|
|
13
13
|
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
14
14
|
}
|
|
15
15
|
.transition {
|
|
16
|
-
transition:
|
|
17
|
-
|
|
16
|
+
transition:
|
|
17
|
+
color,
|
|
18
|
+
background-color,
|
|
19
|
+
border-color,
|
|
20
|
+
text-decoration-color,
|
|
21
|
+
fill,
|
|
22
|
+
stroke,
|
|
23
|
+
opacity,
|
|
24
|
+
box-shadow,
|
|
25
|
+
transform,
|
|
26
|
+
filter,
|
|
27
|
+
backdrop-filter 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
18
28
|
}
|
|
19
29
|
.transition-colors {
|
|
20
|
-
transition:
|
|
30
|
+
transition:
|
|
31
|
+
color,
|
|
32
|
+
background-color,
|
|
33
|
+
border-color,
|
|
34
|
+
text-decoration-color,
|
|
35
|
+
fill,
|
|
21
36
|
stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
22
37
|
}
|
|
23
38
|
.transition-opacity {
|