@vaadin/button 23.3.3 → 24.0.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 +7 -7
- package/src/vaadin-button-mixin.d.ts +1 -1
- package/src/vaadin-button-mixin.js +1 -1
- package/src/vaadin-button.d.ts +1 -1
- package/src/vaadin-button.js +1 -1
- package/theme/lumo/vaadin-button-styles.js +2 -4
- package/theme/material/vaadin-button-styles.js +5 -10
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/button",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "24.0.0-alpha10",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/component-base": "
|
|
40
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
41
|
-
"@vaadin/vaadin-material-styles": "
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
39
|
+
"@vaadin/component-base": "24.0.0-alpha10",
|
|
40
|
+
"@vaadin/vaadin-lumo-styles": "24.0.0-alpha10",
|
|
41
|
+
"@vaadin/vaadin-material-styles": "24.0.0-alpha10",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "24.0.0-alpha10"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@esm-bundle/chai": "^4.3.4",
|
|
46
|
-
"@vaadin/icon": "
|
|
46
|
+
"@vaadin/icon": "24.0.0-alpha10",
|
|
47
47
|
"@vaadin/testing-helpers": "^0.3.2",
|
|
48
48
|
"sinon": "^13.0.2"
|
|
49
49
|
},
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"web-types.json",
|
|
52
52
|
"web-types.lit.json"
|
|
53
53
|
],
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "2e04534d8b47bcd216f89b5f849bafef1a73b174"
|
|
55
55
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2017 -
|
|
3
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import type { Constructor } from '@open-wc/dedupe-mixin';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2017 -
|
|
3
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { ActiveMixin } from '@vaadin/component-base/src/active-mixin.js';
|
package/src/vaadin-button.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2017 -
|
|
3
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';
|
package/src/vaadin-button.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2017 -
|
|
3
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
|
|
@@ -203,16 +203,14 @@ const button = css`
|
|
|
203
203
|
|
|
204
204
|
/* Icons */
|
|
205
205
|
|
|
206
|
-
[part] ::slotted(vaadin-icon)
|
|
207
|
-
[part] ::slotted(iron-icon) {
|
|
206
|
+
[part] ::slotted(vaadin-icon) {
|
|
208
207
|
display: inline-block;
|
|
209
208
|
width: var(--lumo-icon-size-m);
|
|
210
209
|
height: var(--lumo-icon-size-m);
|
|
211
210
|
}
|
|
212
211
|
|
|
213
212
|
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
|
214
|
-
[part] ::slotted(vaadin-icon[icon^='vaadin:'])
|
|
215
|
-
[part] ::slotted(iron-icon[icon^='vaadin:']) {
|
|
213
|
+
[part] ::slotted(vaadin-icon[icon^='vaadin:']) {
|
|
216
214
|
padding: 0.25em;
|
|
217
215
|
box-sizing: border-box !important;
|
|
218
216
|
}
|
|
@@ -116,21 +116,18 @@ const button = css`
|
|
|
116
116
|
|
|
117
117
|
/* Icon alignment */
|
|
118
118
|
|
|
119
|
-
[part] ::slotted(vaadin-icon)
|
|
120
|
-
[part] ::slotted(iron-icon) {
|
|
119
|
+
[part] ::slotted(vaadin-icon) {
|
|
121
120
|
display: block;
|
|
122
121
|
width: 18px;
|
|
123
122
|
height: 18px;
|
|
124
123
|
}
|
|
125
124
|
|
|
126
|
-
[part='prefix'] ::slotted(vaadin-icon)
|
|
127
|
-
[part='prefix'] ::slotted(iron-icon) {
|
|
125
|
+
[part='prefix'] ::slotted(vaadin-icon) {
|
|
128
126
|
margin-right: 8px;
|
|
129
127
|
margin-left: -4px;
|
|
130
128
|
}
|
|
131
129
|
|
|
132
|
-
[part='suffix'] ::slotted(vaadin-icon)
|
|
133
|
-
[part='suffix'] ::slotted(iron-icon) {
|
|
130
|
+
[part='suffix'] ::slotted(vaadin-icon) {
|
|
134
131
|
margin-left: 8px;
|
|
135
132
|
margin-right: -4px;
|
|
136
133
|
}
|
|
@@ -156,14 +153,12 @@ const button = css`
|
|
|
156
153
|
transform: translate(50%, -50%) scale(1);
|
|
157
154
|
}
|
|
158
155
|
|
|
159
|
-
:host([dir='rtl']) [part='prefix'] ::slotted(vaadin-icon)
|
|
160
|
-
:host([dir='rtl']) [part='prefix'] ::slotted(iron-icon) {
|
|
156
|
+
:host([dir='rtl']) [part='prefix'] ::slotted(vaadin-icon) {
|
|
161
157
|
margin-right: -4px;
|
|
162
158
|
margin-left: 8px;
|
|
163
159
|
}
|
|
164
160
|
|
|
165
|
-
:host([dir='rtl']) [part='suffix'] ::slotted(vaadin-icon)
|
|
166
|
-
:host([dir='rtl']) [part='suffix'] ::slotted(iron-icon) {
|
|
161
|
+
:host([dir='rtl']) [part='suffix'] ::slotted(vaadin-icon) {
|
|
167
162
|
margin-left: -4px;
|
|
168
163
|
margin-right: 8px;
|
|
169
164
|
}
|
package/web-types.json
CHANGED