@vaadin/checkbox 24.8.0-alpha1 → 24.8.0-alpha10
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.8.0-
|
|
3
|
+
"version": "24.8.0-alpha10",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
39
39
|
"@polymer/polymer": "^3.0.0",
|
|
40
|
-
"@vaadin/a11y-base": "24.8.0-
|
|
41
|
-
"@vaadin/component-base": "24.8.0-
|
|
42
|
-
"@vaadin/field-base": "24.8.0-
|
|
43
|
-
"@vaadin/vaadin-lumo-styles": "24.8.0-
|
|
44
|
-
"@vaadin/vaadin-material-styles": "24.8.0-
|
|
45
|
-
"@vaadin/vaadin-themable-mixin": "24.8.0-
|
|
40
|
+
"@vaadin/a11y-base": "24.8.0-alpha10",
|
|
41
|
+
"@vaadin/component-base": "24.8.0-alpha10",
|
|
42
|
+
"@vaadin/field-base": "24.8.0-alpha10",
|
|
43
|
+
"@vaadin/vaadin-lumo-styles": "24.8.0-alpha10",
|
|
44
|
+
"@vaadin/vaadin-material-styles": "24.8.0-alpha10",
|
|
45
|
+
"@vaadin/vaadin-themable-mixin": "24.8.0-alpha10",
|
|
46
46
|
"lit": "^3.0.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@vaadin/chai-plugins": "24.8.0-
|
|
50
|
-
"@vaadin/test-runner-commands": "24.8.0-
|
|
49
|
+
"@vaadin/chai-plugins": "24.8.0-alpha10",
|
|
50
|
+
"@vaadin/test-runner-commands": "24.8.0-alpha10",
|
|
51
51
|
"@vaadin/testing-helpers": "^1.1.0",
|
|
52
52
|
"sinon": "^18.0.0"
|
|
53
53
|
},
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "f8c79ffc67eccc3ade226dfe52fbf7d3d46428cf"
|
|
59
59
|
}
|
|
@@ -11,6 +11,7 @@ import type { FocusMixinClass } from '@vaadin/a11y-base/src/focus-mixin.js';
|
|
|
11
11
|
import type { KeyboardMixinClass } from '@vaadin/a11y-base/src/keyboard-mixin.js';
|
|
12
12
|
import type { ControllerMixinClass } from '@vaadin/component-base/src/controller-mixin.js';
|
|
13
13
|
import type { DelegateStateMixinClass } from '@vaadin/component-base/src/delegate-state-mixin.js';
|
|
14
|
+
import type { SlotStylesMixinClass } from '@vaadin/component-base/src/slot-styles-mixin.js';
|
|
14
15
|
import type { CheckedMixinClass } from '@vaadin/field-base/src/checked-mixin.js';
|
|
15
16
|
import type { FieldMixinClass } from '@vaadin/field-base/src/field-mixin.js';
|
|
16
17
|
import type { InputMixinClass } from '@vaadin/field-base/src/input-mixin.js';
|
|
@@ -34,6 +35,7 @@ export declare function CheckboxMixin<T extends Constructor<HTMLElement>>(
|
|
|
34
35
|
Constructor<InputMixinClass> &
|
|
35
36
|
Constructor<KeyboardMixinClass> &
|
|
36
37
|
Constructor<LabelMixinClass> &
|
|
38
|
+
Constructor<SlotStylesMixinClass> &
|
|
37
39
|
Constructor<ValidateMixinClass> &
|
|
38
40
|
T;
|
|
39
41
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';
|
|
7
7
|
import { DelegateFocusMixin } from '@vaadin/a11y-base/src/delegate-focus-mixin.js';
|
|
8
|
+
import { SlotStylesMixin } from '@vaadin/component-base/src/slot-styles-mixin.js';
|
|
8
9
|
import { CheckedMixin } from '@vaadin/field-base/src/checked-mixin.js';
|
|
9
10
|
import { FieldMixin } from '@vaadin/field-base/src/field-mixin.js';
|
|
10
11
|
import { InputController } from '@vaadin/field-base/src/input-controller.js';
|
|
@@ -18,9 +19,12 @@ import { LabelledInputController } from '@vaadin/field-base/src/labelled-input-c
|
|
|
18
19
|
* @mixes CheckedMixin
|
|
19
20
|
* @mixes DelegateFocusMixin
|
|
20
21
|
* @mixes FieldMixin
|
|
22
|
+
* @mixes SlotStylesMixin
|
|
21
23
|
*/
|
|
22
24
|
export const CheckboxMixin = (superclass) =>
|
|
23
|
-
class CheckboxMixinClass extends
|
|
25
|
+
class CheckboxMixinClass extends SlotStylesMixin(
|
|
26
|
+
FieldMixin(CheckedMixin(DelegateFocusMixin(ActiveMixin(superclass)))),
|
|
27
|
+
) {
|
|
24
28
|
static get properties() {
|
|
25
29
|
return {
|
|
26
30
|
/**
|
|
@@ -93,6 +97,21 @@ export const CheckboxMixin = (superclass) =>
|
|
|
93
97
|
this.tabindex = 0;
|
|
94
98
|
}
|
|
95
99
|
|
|
100
|
+
/** @protected */
|
|
101
|
+
get slotStyles() {
|
|
102
|
+
const tag = this.localName;
|
|
103
|
+
|
|
104
|
+
// Needed to override `opacity: 1` set on `input` by Tailwind CSS.
|
|
105
|
+
// See https://github.com/vaadin/web-components/issues/8881
|
|
106
|
+
return [
|
|
107
|
+
`
|
|
108
|
+
${tag} > input[slot='input'] {
|
|
109
|
+
opacity: 0;
|
|
110
|
+
}
|
|
111
|
+
`,
|
|
112
|
+
];
|
|
113
|
+
}
|
|
114
|
+
|
|
96
115
|
/** @protected */
|
|
97
116
|
ready() {
|
|
98
117
|
super.ready();
|
package/web-types.json
CHANGED