@neovici/cosmoz-input 6.0.0-beta.3 → 6.0.0-beta.5

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.
Files changed (4) hide show
  1. package/dist/cosmoz-input.js +0 -1
  2. package/dist/cosmoz-textarea.js +0 -1
  3. package/dist/styles.js +39 -5
  4. package/package.json +2 -3
package/dist/cosmoz-input.js CHANGED
@@ -12,7 +12,6 @@ const observedAttributes = [
12
12
  'type',
13
13
  'variant',
14
14
  'hint',
15
- 'error-message',
16
15
  'compact',
17
16
  'required',
18
17
  'pattern',
package/dist/cosmoz-textarea.js CHANGED
@@ -12,7 +12,6 @@ const observedAttributes = [
12
12
  'placeholder',
13
13
  'label',
14
14
  'hint',
15
- 'error-message',
16
15
  'required',
17
16
  ...attributes,
18
17
  ];
package/dist/styles.js CHANGED
@@ -10,6 +10,7 @@ export const styles = css `
10
10
  font-size: var(--cz-text-base);
11
11
  line-height: var(--cz-text-base-line-height);
12
12
  font-family: var(--cz-font-body);
13
+ margin-bottom: calc(var(--cz-spacing) * 6);
13
14
  }
14
15
 
15
16
  :host(:focus-within) {
@@ -104,10 +105,14 @@ export const styles = css `
104
105
  .hint {
105
106
  font-size: var(--cz-text-xs);
106
107
  color: var(--cz-color-text-tertiary);
108
+ position: absolute;
109
+ bottom: calc(var(--cz-spacing) * -6);
107
110
  }
108
111
 
109
112
  .error {
110
113
  font-size: var(--cz-text-xs);
114
+ position: absolute;
115
+ bottom: calc(var(--cz-spacing) * -6);
111
116
  }
112
117
 
113
118
  /* === Tooltip (fluid error indicator) === */
@@ -136,6 +141,10 @@ export const styles = css `
136
141
  }
137
142
 
138
143
  /* === Variant: inline === */
144
+ :host([variant='inline']) {
145
+ margin-bottom: 0;
146
+ }
147
+
139
148
  :host([variant='inline']) .wrap {
140
149
  margin-top: calc(var(--cz-spacing) * 2.5);
141
150
  }
@@ -196,26 +205,51 @@ export const styles = css `
196
205
 
197
206
  /* === Variant: cell === */
198
207
 
199
- :host([variant='cell']) .wrap {
208
+ :host([variant='cell']) {
209
+ margin-bottom: 0;
210
+ font-size: var(--cz-text-sm);
211
+ line-height: var(--cz-text-sm-line-height);
212
+ }
213
+
214
+ :host([variant='cell']) .wrap:has(#input) {
200
215
  border: 0.5px solid var(--cz-color-bg-quaternary);
201
216
  border-radius: 0;
202
217
  box-shadow: none;
203
218
  }
204
- :host([variant='cell'][invalid]) .wrap {
219
+
220
+ :host([variant='cell']) .wrap:has(#input:focus) {
221
+ background: var(--cz-color-bg-quaternary);
222
+ }
223
+
224
+ :host([variant='cell'][invalid]) .wrap:has(#input) {
205
225
  border-color: var(--cz-color-border-error);
226
+ box-shadow: none;
206
227
  }
228
+
207
229
  :host([variant='cell'][invalid]) .wrap:has(#input:focus) {
208
230
  background: var(--cz-color-bg-error);
209
231
  border: 0.5px solid transparent;
210
232
  }
211
- :host([variant='cell']) .wrap:has(#input:focus) {
212
- background: var(--cz-color-bg-quaternary);
213
- }
214
233
 
215
234
  :host([variant='cell']) label {
216
235
  display: none;
217
236
  }
218
237
 
238
+ :host([variant='cell']) .error {
239
+ left: calc(var(--cz-spacing) * 3);
240
+ bottom: 50%;
241
+ transform: translateY(50%);
242
+ text-overflow: ellipsis;
243
+ white-space: nowrap;
244
+ overflow: hidden;
245
+ max-width: calc(100% - calc(var(--cz-spacing) * 6));
246
+ }
247
+
248
+ :host([variant='cell']:focus-within) .error,
249
+ :host([variant='cell'][has-value]) .error {
250
+ visibility: hidden;
251
+ }
252
+
219
253
  /* === No spinner === */
220
254
 
221
255
  :host([no-spinner]) #input::-webkit-inner-spin-button {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-input",
3
- "version": "6.0.0-beta.3",
3
+ "version": "6.0.0-beta.5",
4
4
  "description": "A input web component",
5
5
  "keywords": [
6
6
  "lit-html",
@@ -77,7 +77,7 @@
77
77
  },
78
78
  "devDependencies": {
79
79
  "@commitlint/cli": "^21.0.0",
80
- "@commitlint/config-conventional": "^20.0.0",
80
+ "@commitlint/config-conventional": "^21.0.1",
81
81
  "@neovici/cfg": "^2.8.0",
82
82
  "@neovici/testing": "^2.3.0",
83
83
  "@playwright/test": "^1.58.1",
@@ -100,7 +100,6 @@
100
100
  "storybook": "^10.1.9",
101
101
  "vitest": "^4.0.18",
102
102
  "@types/mocha": "^10.0.3",
103
- "@vitest/coverage-v8": "^4.1.2",
104
103
  "playwright": "^1.58.2"
105
104
  }
106
105
  }