@neovici/cosmoz-input 6.3.0 → 6.4.0
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/dist/styles.js +11 -3
- package/package.json +2 -2
package/dist/styles.js
CHANGED
|
@@ -7,8 +7,9 @@ export const styles = css `
|
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
gap: calc(var(--cz-spacing) * 1.5);
|
|
9
9
|
position: relative;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
--control-height: var(--cz-control-height-md);
|
|
11
|
+
font-size: var(--cz-text-sm);
|
|
12
|
+
line-height: var(--cz-text-sm-line-height);
|
|
12
13
|
font-family: var(--cz-font-body);
|
|
13
14
|
}
|
|
14
15
|
|
|
@@ -98,7 +99,7 @@ export const styles = css `
|
|
|
98
99
|
font-family: inherit;
|
|
99
100
|
resize: none;
|
|
100
101
|
color: var(--cz-color-text-primary);
|
|
101
|
-
padding-block: calc(var(--
|
|
102
|
+
padding-block: calc((var(--control-height) - 1lh) / 2);
|
|
102
103
|
padding-inline: calc(var(--cz-spacing) * 3);
|
|
103
104
|
}
|
|
104
105
|
|
|
@@ -164,6 +165,8 @@ export const styles = css `
|
|
|
164
165
|
/* === Variant: inline === */
|
|
165
166
|
:host([variant='inline']) {
|
|
166
167
|
margin-bottom: 0;
|
|
168
|
+
font-size: var(--cz-text-base);
|
|
169
|
+
line-height: var(--cz-text-base-line-height);
|
|
167
170
|
}
|
|
168
171
|
|
|
169
172
|
:host([variant='inline']) .wrap {
|
|
@@ -171,6 +174,7 @@ export const styles = css `
|
|
|
171
174
|
}
|
|
172
175
|
|
|
173
176
|
:host([variant='inline']) #input {
|
|
177
|
+
padding-block: calc(var(--cz-spacing) * 2);
|
|
174
178
|
padding-inline: 0;
|
|
175
179
|
}
|
|
176
180
|
|
|
@@ -255,6 +259,10 @@ export const styles = css `
|
|
|
255
259
|
border: 0.5px solid transparent;
|
|
256
260
|
}
|
|
257
261
|
|
|
262
|
+
:host([variant='cell']) #input {
|
|
263
|
+
padding-block: calc(var(--cz-spacing) * 2);
|
|
264
|
+
}
|
|
265
|
+
|
|
258
266
|
:host([variant='cell']) label {
|
|
259
267
|
display: none;
|
|
260
268
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neovici/cosmoz-input",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.4.0",
|
|
4
4
|
"description": "A input web component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lit-html",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@neovici/cosmoz-icons": "^1.6.0",
|
|
62
|
-
"@neovici/cosmoz-tokens": "^4.
|
|
62
|
+
"@neovici/cosmoz-tokens": "^4.8.0",
|
|
63
63
|
"@neovici/cosmoz-tooltip": "^1.2.1",
|
|
64
64
|
"@neovici/cosmoz-utils": "^6.0.0",
|
|
65
65
|
"@pionjs/pion": "^2.0.0",
|