@vaadin/checkbox 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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/checkbox",
|
|
3
|
-
"version": "24.5.0-
|
|
3
|
+
"version": "24.5.0-alpha6",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
39
|
"@polymer/polymer": "^3.0.0",
|
|
40
|
-
"@vaadin/a11y-base": "24.5.0-
|
|
41
|
-
"@vaadin/component-base": "24.5.0-
|
|
42
|
-
"@vaadin/field-base": "24.5.0-
|
|
43
|
-
"@vaadin/vaadin-lumo-styles": "24.5.0-
|
|
44
|
-
"@vaadin/vaadin-material-styles": "24.5.0-
|
|
45
|
-
"@vaadin/vaadin-themable-mixin": "24.5.0-
|
|
40
|
+
"@vaadin/a11y-base": "24.5.0-alpha6",
|
|
41
|
+
"@vaadin/component-base": "24.5.0-alpha6",
|
|
42
|
+
"@vaadin/field-base": "24.5.0-alpha6",
|
|
43
|
+
"@vaadin/vaadin-lumo-styles": "24.5.0-alpha6",
|
|
44
|
+
"@vaadin/vaadin-material-styles": "24.5.0-alpha6",
|
|
45
|
+
"@vaadin/vaadin-themable-mixin": "24.5.0-alpha6",
|
|
46
46
|
"lit": "^3.0.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"web-types.json",
|
|
55
55
|
"web-types.lit.json"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "c5f541dbe961a994730d4c60472ae957bf6b4c12"
|
|
58
58
|
}
|
|
@@ -57,7 +57,9 @@ registerStyles(
|
|
|
57
57
|
position: relative;
|
|
58
58
|
border-radius: var(--vaadin-checkbox-border-radius, var(--lumo-border-radius-s));
|
|
59
59
|
background: var(--vaadin-checkbox-background, var(--lumo-contrast-20pct));
|
|
60
|
-
transition:
|
|
60
|
+
transition:
|
|
61
|
+
transform 0.2s cubic-bezier(0.12, 0.32, 0.54, 2),
|
|
62
|
+
background-color 0.15s;
|
|
61
63
|
cursor: var(--lumo-clickable-cursor);
|
|
62
64
|
/* Default field border color */
|
|
63
65
|
--_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));
|
|
@@ -128,12 +130,16 @@ registerStyles(
|
|
|
128
130
|
|
|
129
131
|
/* Focus ring */
|
|
130
132
|
:host([focus-ring]) [part='checkbox'] {
|
|
131
|
-
box-shadow:
|
|
133
|
+
box-shadow:
|
|
134
|
+
0 0 0 1px var(--lumo-base-color),
|
|
135
|
+
0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color),
|
|
132
136
|
inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);
|
|
133
137
|
}
|
|
134
138
|
|
|
135
139
|
:host([focus-ring][readonly]:not([checked]):not([indeterminate])) [part='checkbox'] {
|
|
136
|
-
box-shadow:
|
|
140
|
+
box-shadow:
|
|
141
|
+
0 0 0 1px var(--lumo-base-color),
|
|
142
|
+
0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color);
|
|
137
143
|
}
|
|
138
144
|
|
|
139
145
|
/* Disabled */
|
|
@@ -180,7 +186,9 @@ registerStyles(
|
|
|
180
186
|
background-color: inherit;
|
|
181
187
|
transform: scale(1.4);
|
|
182
188
|
opacity: 0;
|
|
183
|
-
transition:
|
|
189
|
+
transition:
|
|
190
|
+
transform 0.1s,
|
|
191
|
+
opacity 0.8s;
|
|
184
192
|
}
|
|
185
193
|
|
|
186
194
|
/* Hover */
|
|
@@ -45,7 +45,9 @@ registerStyles(
|
|
|
45
45
|
background-color: var(--material-disabled-text-color);
|
|
46
46
|
transform: scale(0);
|
|
47
47
|
opacity: 0;
|
|
48
|
-
transition:
|
|
48
|
+
transition:
|
|
49
|
+
transform 0s 0.8s,
|
|
50
|
+
opacity 0.8s;
|
|
49
51
|
will-change: transform, opacity;
|
|
50
52
|
}
|
|
51
53
|
|
package/web-types.json
CHANGED