@vaadin/vaadin-lumo-styles 24.0.0-alpha3 → 24.0.0-alpha5
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/badge.js +5 -14
- package/mixins/input-field-shared.js +1 -1
- package/package.json +4 -4
- package/typography.js +2 -2
- package/version.js +1 -1
package/badge.js
CHANGED
|
@@ -86,24 +86,18 @@ const badge = css`
|
|
|
86
86
|
|
|
87
87
|
/* Icon */
|
|
88
88
|
|
|
89
|
-
[theme~='badge'] vaadin-icon
|
|
90
|
-
[theme~='badge'] iron-icon {
|
|
89
|
+
[theme~='badge'] vaadin-icon {
|
|
91
90
|
margin: -0.25em 0;
|
|
92
|
-
--iron-icon-width: 1.5em;
|
|
93
|
-
--iron-icon-height: 1.5em;
|
|
94
91
|
}
|
|
95
92
|
|
|
96
|
-
[theme~='badge'] vaadin-icon:first-child
|
|
97
|
-
[theme~='badge'] iron-icon:first-child {
|
|
93
|
+
[theme~='badge'] vaadin-icon:first-child {
|
|
98
94
|
margin-left: -0.375em;
|
|
99
95
|
}
|
|
100
96
|
|
|
101
|
-
[theme~='badge'] vaadin-icon:last-child
|
|
102
|
-
[theme~='badge'] iron-icon:last-child {
|
|
97
|
+
[theme~='badge'] vaadin-icon:last-child {
|
|
103
98
|
margin-right: -0.375em;
|
|
104
99
|
}
|
|
105
100
|
|
|
106
|
-
iron-icon[theme~='badge'][icon],
|
|
107
101
|
vaadin-icon[theme~='badge'][icon] {
|
|
108
102
|
min-width: 0;
|
|
109
103
|
padding: 0;
|
|
@@ -112,7 +106,6 @@ const badge = css`
|
|
|
112
106
|
height: var(--lumo-icon-size-m);
|
|
113
107
|
}
|
|
114
108
|
|
|
115
|
-
iron-icon[theme~='badge'][icon][theme~='small'],
|
|
116
109
|
vaadin-icon[theme~='badge'][icon][theme~='small'] {
|
|
117
110
|
width: var(--lumo-icon-size-s);
|
|
118
111
|
height: var(--lumo-icon-size-s);
|
|
@@ -154,14 +147,12 @@ const badge = css`
|
|
|
154
147
|
|
|
155
148
|
/* RTL specific styles */
|
|
156
149
|
|
|
157
|
-
[dir='rtl'][theme~='badge'] vaadin-icon:first-child
|
|
158
|
-
[dir='rtl'][theme~='badge'] iron-icon:first-child {
|
|
150
|
+
[dir='rtl'][theme~='badge'] vaadin-icon:first-child {
|
|
159
151
|
margin-right: -0.375em;
|
|
160
152
|
margin-left: 0;
|
|
161
153
|
}
|
|
162
154
|
|
|
163
|
-
[dir='rtl'][theme~='badge'] vaadin-icon:last-child
|
|
164
|
-
[dir='rtl'][theme~='badge'] iron-icon:last-child {
|
|
155
|
+
[dir='rtl'][theme~='badge'] vaadin-icon:last-child {
|
|
165
156
|
margin-left: -0.375em;
|
|
166
157
|
margin-right: 0;
|
|
167
158
|
}
|
|
@@ -130,7 +130,7 @@ const inputField = css`
|
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
/* Slotted content */
|
|
133
|
-
[part='input-field'] ::slotted(:not(
|
|
133
|
+
[part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
|
|
134
134
|
color: var(--lumo-secondary-text-color);
|
|
135
135
|
font-weight: 400;
|
|
136
136
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/vaadin-lumo-styles",
|
|
3
|
-
"version": "24.0.0-
|
|
3
|
+
"version": "24.0.0-alpha5",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
],
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@polymer/polymer": "^3.0.0",
|
|
44
|
-
"@vaadin/icon": "24.0.0-
|
|
45
|
-
"@vaadin/vaadin-themable-mixin": "24.0.0-
|
|
44
|
+
"@vaadin/icon": "24.0.0-alpha5",
|
|
45
|
+
"@vaadin/vaadin-themable-mixin": "24.0.0-alpha5"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"gulp": "^4.0.2",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"gulp-sort": "^2.0.0",
|
|
52
52
|
"gulp-svgmin": "^4.1.0"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "fc0b1721eda9e39cb289b239e440fc9e29573a31"
|
|
55
55
|
}
|
package/typography.js
CHANGED
|
@@ -29,10 +29,10 @@ const font = css`
|
|
|
29
29
|
`;
|
|
30
30
|
|
|
31
31
|
const typography = css`
|
|
32
|
-
|
|
32
|
+
body,
|
|
33
33
|
:host {
|
|
34
34
|
font-family: var(--lumo-font-family);
|
|
35
|
-
font-size: var(--lumo-font-size
|
|
35
|
+
font-size: var(--lumo-font-size-m);
|
|
36
36
|
line-height: var(--lumo-line-height-m);
|
|
37
37
|
-webkit-text-size-adjust: 100%;
|
|
38
38
|
-webkit-font-smoothing: antialiased;
|