@sankhyalabs/ezui 6.1.0-dev.14 → 6.1.0-dev.16
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/cjs/ez-combo-box-list_4.cjs.entry.js +12 -5
- package/dist/cjs/ez-form.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-area.cjs.entry.js +34 -27
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-form/ez-form.js +1 -1
- package/dist/collection/components/ez-rich-text/ez-rich-text.css +3 -8
- package/dist/collection/components/ez-rich-text/ez-rich-text.js +48 -21
- package/dist/collection/components/ez-text-area/ez-text-area.css +244 -212
- package/dist/collection/components/ez-text-area/ez-text-area.js +35 -28
- package/dist/custom-elements/index.js +48 -34
- package/dist/esm/ez-combo-box-list_4.entry.js +12 -5
- package/dist/esm/ez-form.entry.js +1 -1
- package/dist/esm/ez-text-area.entry.js +34 -27
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-0d9856a4.entry.js → p-6bcf4ba2.entry.js} +1 -1
- package/dist/ezui/{p-5cda9526.entry.js → p-98ee5c31.entry.js} +1 -1
- package/dist/ezui/p-e7a7c594.entry.js +1 -0
- package/dist/types/components/ez-rich-text/ez-rich-text.d.ts +9 -4
- package/dist/types/components/ez-text-area/ez-text-area.d.ts +6 -3
- package/dist/types/components.d.ts +18 -10
- package/package.json +1 -1
- package/dist/ezui/p-cb75eb46.entry.js +0 -1
|
@@ -1,283 +1,299 @@
|
|
|
1
1
|
:host {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
2
|
+
/* dimensions */
|
|
3
|
+
/*@doc Define a largura do componente.*/
|
|
4
|
+
--text-area--width: 100%;
|
|
5
|
+
|
|
6
|
+
/* general */
|
|
7
|
+
/*@doc Define o raio da borda do input do componente.*/
|
|
8
|
+
--text-area--border-radius: var(--border--radius-medium, 12px);
|
|
9
|
+
/*@doc Define o tamanho da fonte do input e label do componente.*/
|
|
10
|
+
--text-area--font-size: var(--text--medium, 14px);
|
|
11
|
+
/*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
|
|
12
|
+
--text-area--font-family: var(--font-pattern, Arial);
|
|
13
|
+
/*@doc Define o peso da fonte do label do componente.*/
|
|
14
|
+
--text-area--font-weight: var(--text-weight--medium, 400);
|
|
15
|
+
/*@doc Define a cor da fonte do input e label do componente.*/
|
|
16
|
+
--text-area--color: var(--title--primary, #2B3A54);
|
|
17
|
+
|
|
18
|
+
/* input */
|
|
19
|
+
/*@doc Define a cor de fundo do input.*/
|
|
20
|
+
--text-area__input--background-color: var(--background--light, #FFFFFF);
|
|
21
|
+
/*@doc Define o estilo da borda do input.*/
|
|
22
|
+
--text-area__input--border: var(--border--medium, 2px solid);
|
|
23
|
+
/*@doc Define a cor da borda do input.*/
|
|
24
|
+
--text-area__input--border-color: var(--color--strokes, #DCE0E8);
|
|
25
|
+
/*@doc Define a cor da borda do input quando focado.*/
|
|
26
|
+
--text-area__input--focus--border-color: var(--color--primary, #008561);
|
|
27
|
+
/*@doc Define a cor de fundo do input quando desabilitado.*/
|
|
28
|
+
--text-area__input--disabled--background-color: var(--background--medium, #F0F3F7);
|
|
29
|
+
/*@doc Define a cor do texto do input.*/
|
|
30
|
+
--text-area__input--disabled--color: var(--text--primary, #626E82);
|
|
31
|
+
/*@doc Define a borda do texto do input quando desabilitado.*/
|
|
32
|
+
--text-area__input--disabled--border--color: var(--color--strokes, #DCE0E8);
|
|
33
|
+
/*@doc Define a cor da borda do input quando com erro.*/
|
|
34
|
+
--text-area__input--error--border-color: var(--color-alert--error-800, #BD0025);
|
|
35
|
+
|
|
36
|
+
/* message box */
|
|
37
|
+
/*@doc Define o tamanho da fonte da mensagem abaixo do input.*/
|
|
38
|
+
--text-area__message_box--font-size: var(--text--small, 12px);
|
|
39
|
+
/*@doc Define a cor da fonte da mensagem quando info.*/
|
|
40
|
+
--text-area__message_box--info--color: var(--color--success, #22085d);
|
|
41
|
+
/*@doc Define a cor da fonte da mensagem quando erro.*/
|
|
42
|
+
--text-area__message_box--error--color: var(--color-alert--error-800, #BD0025);
|
|
43
|
+
|
|
44
|
+
/* label */
|
|
45
|
+
/*@doc Define o posicionamento do label.*/
|
|
46
|
+
--text-area__label--floating--top: 6px;
|
|
47
|
+
/*@doc Define o espaçamento superior do label.*/
|
|
48
|
+
--text-area__label--padding-top: 12px;
|
|
49
|
+
/*@doc Define o espaçamento esquerdo do label.*/
|
|
50
|
+
--text-area__label--padding-left: 14px;
|
|
51
|
+
/*@doc Define o espaçamento direito do label.*/
|
|
52
|
+
--text-area__label--padding-right: 12px;
|
|
53
|
+
|
|
54
|
+
/* scrollbar */
|
|
55
|
+
/*@doc Define a cor da barra de rolagem do componente.*/
|
|
56
|
+
--text-area__scrollbar--color-default: var(--scrollbar--default, #626e82);
|
|
57
|
+
/*@doc Define a cor de fundo da barra de rolagem do componente.*/
|
|
58
|
+
--text-area__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);
|
|
59
|
+
/*@doc Define a cor do hover na barra de rolagem do componente.*/
|
|
60
|
+
--text-area__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);
|
|
61
|
+
/*@doc Define a cor do active na barra de rolagem do componente.*/
|
|
62
|
+
--text-area__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);
|
|
63
|
+
/*@doc Define o raio da borda da barra de rolagem do componente.*/
|
|
64
|
+
--text-area__scrollbar--border-radius: var(--border--radius-small, 6px);
|
|
65
|
+
/*@doc Define a largura da barra de rolagem do componente.*/
|
|
66
|
+
--text-area__scrollbar--width: var(--space--small, 6px);
|
|
67
|
+
|
|
68
|
+
/*Error icon*/
|
|
69
|
+
/*@doc Define o espaçamento lateral do icone de erro.*/
|
|
70
|
+
--ez-text-area__tooltip-icon--spacing: var(--space--large);
|
|
71
|
+
/*@doc Define a largura do icone de erro.*/
|
|
72
|
+
--ez-text-area__tooltip-icon---width: var(--space--large);
|
|
73
|
+
/*@doc Define a margem horizontal do icone de erro.*/
|
|
74
|
+
--ez-text-area__tooltip-icon---horizontal-margin: var(--space--medium, 12px);
|
|
75
|
+
/*@doc Define a margem vertical do icone de erro.*/
|
|
76
|
+
--ez-text-area__tooltip-icon---vertical-margin: 10px;
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
/* tooltip icon */
|
|
80
|
+
/*@doc Define a cor da fonte da mensagem quando erro.*/
|
|
81
|
+
--ez-text-area__tooltip_icon--error--color: var(--color-alert--error-800, #BD0025);
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
/***************
|
|
85
|
+
host style
|
|
86
|
+
***************/
|
|
87
|
+
/*private*/
|
|
88
|
+
display: flex;
|
|
89
|
+
flex-wrap: wrap;
|
|
90
|
+
position: relative;
|
|
91
|
+
|
|
92
|
+
/*public*/
|
|
93
|
+
width: var(--text-area--width);
|
|
78
94
|
}
|
|
79
95
|
|
|
80
96
|
textarea {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
97
|
+
display: flex;
|
|
98
|
+
flex-direction: column;
|
|
99
|
+
height: calc(100% - 16px);
|
|
100
|
+
|
|
101
|
+
box-sizing: border-box;
|
|
102
|
+
border: none;
|
|
103
|
+
resize: none;
|
|
104
|
+
width: 100%;
|
|
105
|
+
padding: 0;
|
|
106
|
+
background: none;
|
|
107
|
+
min-height: 42px;
|
|
108
|
+
|
|
109
|
+
/*public*/
|
|
110
|
+
font-weight: var(--text-area--font-weight);
|
|
111
|
+
font-family: var(--text-area--font-family);
|
|
112
|
+
font-size: var(--text-area--font-size);
|
|
113
|
+
color: var(--text-area--color);
|
|
114
|
+
margin-top: calc(var(--space--medium, 12px) + 4px);
|
|
115
|
+
|
|
116
|
+
scrollbar-width: thin;
|
|
117
|
+
scrollbar-color: var(--text-area__scrollbar--color-clicked) var(--text-area__scrollbar--color-background);
|
|
98
118
|
}
|
|
99
119
|
|
|
100
120
|
textarea:focus {
|
|
101
|
-
|
|
102
|
-
|
|
121
|
+
/*private*/
|
|
122
|
+
outline: none;
|
|
103
123
|
}
|
|
104
124
|
|
|
105
125
|
textarea:disabled {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
126
|
+
/*public*/
|
|
127
|
+
background-color: transparent;
|
|
128
|
+
color: var(--text-area__input--disabled--color);
|
|
129
|
+
border: var(--text-area__input--disabled--border);
|
|
130
|
+
cursor: not-allowed;
|
|
111
131
|
}
|
|
112
132
|
|
|
113
133
|
textarea::-webkit-scrollbar {
|
|
114
|
-
|
|
134
|
+
background-color: var(--text-area__scrollbar--color-background);
|
|
115
135
|
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
136
|
+
width: var(--text-area__scrollbar--width);
|
|
137
|
+
max-width: var(--text-area__scrollbar--width);
|
|
138
|
+
min-width: var(--text-area__scrollbar--width);
|
|
119
139
|
}
|
|
120
140
|
|
|
121
141
|
textarea::-webkit-scrollbar-thumb {
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
142
|
+
/*public*/
|
|
143
|
+
background-color: var(--text-area__scrollbar--color-default);
|
|
144
|
+
border-radius: var(--text-area__scrollbar--border-radius);
|
|
125
145
|
}
|
|
126
146
|
|
|
127
147
|
textarea::-webkit-scrollbar-track {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
148
|
+
/*public*/
|
|
149
|
+
background-color: var(--text-area__scrollbar--color-background);
|
|
150
|
+
border-radius: var(--text-area__scrollbar--border-radius);
|
|
131
151
|
}
|
|
132
152
|
|
|
133
153
|
textarea::-webkit-scrollbar-thumb:vertical:hover,
|
|
134
154
|
textarea::-webkit-scrollbar-thumb:horizontal:hover {
|
|
135
|
-
|
|
136
|
-
|
|
155
|
+
/*public*/
|
|
156
|
+
background-color: var(--text-area__scrollbar--color-hover);
|
|
137
157
|
}
|
|
138
158
|
|
|
139
159
|
textarea::-webkit-scrollbar-thumb:vertical:active,
|
|
140
160
|
textarea::-webkit-scrollbar-thumb:horizontal:active {
|
|
141
|
-
|
|
142
|
-
|
|
161
|
+
/*public*/
|
|
162
|
+
background-color: var(--text-area__scrollbar--color-clicked);
|
|
143
163
|
}
|
|
144
164
|
|
|
145
165
|
.textarea {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
}
|
|
161
|
-
.textarea--disabled{
|
|
162
|
-
border-radius: var(--text-area--border-radius);
|
|
163
|
-
border: var(--text-area__input--border);
|
|
164
|
-
border-color: var(--text-area__input--disabled--border--color);
|
|
165
|
-
background-color: var(--text-area__input--disabled--background-color);
|
|
166
|
-
cursor: not-allowed;
|
|
166
|
+
/*private*/
|
|
167
|
+
width: 100%;
|
|
168
|
+
min-height: 42px;
|
|
169
|
+
max-width: 100%;
|
|
170
|
+
|
|
171
|
+
box-sizing: border-box;
|
|
172
|
+
padding-left: var(--space--medium);
|
|
173
|
+
padding-right: var(--space--extra-small);
|
|
174
|
+
|
|
175
|
+
/*public*/
|
|
176
|
+
border-radius: var(--text-area--border-radius);
|
|
177
|
+
border: var(--text-area__input--border);
|
|
178
|
+
border-color: var(--text-area__input--border-color);
|
|
179
|
+
background-color: var(--text-area__input--background-color);
|
|
167
180
|
}
|
|
168
181
|
|
|
169
|
-
.textarea--
|
|
170
|
-
|
|
182
|
+
.textarea--disabled {
|
|
183
|
+
border-radius: var(--text-area--border-radius);
|
|
184
|
+
border: var(--text-area__input--border);
|
|
185
|
+
border-color: var(--text-area__input--disabled--border--color);
|
|
186
|
+
background-color: var(--text-area__input--disabled--background-color);
|
|
187
|
+
cursor: not-allowed;
|
|
171
188
|
}
|
|
172
|
-
|
|
173
189
|
.textarea--focus {
|
|
174
|
-
|
|
190
|
+
border-color: var(--text-area__input--focus--border-color);
|
|
175
191
|
}
|
|
176
192
|
|
|
177
193
|
.textarea.hasError {
|
|
178
|
-
|
|
179
|
-
|
|
194
|
+
color: var(--text-area--color);
|
|
195
|
+
border-color: var(--text-area__input--error--border-color);
|
|
180
196
|
}
|
|
181
197
|
|
|
182
198
|
.message-box {
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
199
|
+
/*private*/
|
|
200
|
+
min-height: 16px;
|
|
201
|
+
min-width: 100%;
|
|
202
|
+
margin-top: 3px;
|
|
203
|
+
line-height: 12px;
|
|
204
|
+
overflow: hidden;
|
|
205
|
+
text-overflow: ellipsis;
|
|
206
|
+
white-space: nowrap;
|
|
207
|
+
|
|
208
|
+
/*public*/
|
|
209
|
+
font-family: var(--text-area--font-family);
|
|
210
|
+
font-size: var(--text-area__message_box--font-size);
|
|
211
|
+
color: var(--text-area__message_box--info--color);
|
|
196
212
|
}
|
|
197
213
|
|
|
198
214
|
.hasError {
|
|
199
|
-
|
|
200
|
-
|
|
215
|
+
/*public*/
|
|
216
|
+
color: var(--text-area__message_box--error--color);
|
|
201
217
|
}
|
|
202
218
|
|
|
203
219
|
.textarea__label {
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
220
|
+
/*private*/
|
|
221
|
+
box-sizing: border-box;
|
|
222
|
+
position: absolute;
|
|
223
|
+
z-index: var(--visible);
|
|
224
|
+
overflow: hidden;
|
|
225
|
+
text-overflow: ellipsis;
|
|
226
|
+
white-space: nowrap;
|
|
227
|
+
-webkit-transition: font-size .05s, top .05s;
|
|
228
|
+
transition: font-size .05s, top .05s;
|
|
229
|
+
width: calc(100% - var(--text-area__label--padding-right));
|
|
230
|
+
left: var(--text-area--space--medium);
|
|
231
|
+
|
|
232
|
+
/*public*/
|
|
233
|
+
font-family: var(--text-area--font-family);
|
|
234
|
+
font-size: var(--text-area--font-size);
|
|
235
|
+
font-weight: var(--text-area--font-weight);
|
|
236
|
+
color: var(--text-area--color);
|
|
237
|
+
top: var(--text-area__label--padding-top);
|
|
238
|
+
left: var(--text-area__label--padding-left);
|
|
239
|
+
padding-right: var(--text-area__label--padding-right);
|
|
224
240
|
}
|
|
225
241
|
|
|
226
242
|
.textarea__label--floated {
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
243
|
+
font-family: var(--text-area--font-family);
|
|
244
|
+
font-size: var(--text--extra-small);
|
|
245
|
+
color: var(--text--primary);
|
|
246
|
+
top: var(--text-area__label--floating--top);
|
|
231
247
|
}
|
|
232
248
|
|
|
233
249
|
.textarea__label--disabled {
|
|
234
|
-
|
|
235
|
-
|
|
250
|
+
color: var(--text-area__input--disabled--color);
|
|
251
|
+
cursor: not-allowed;
|
|
236
252
|
}
|
|
237
253
|
|
|
238
254
|
.textarea--slim {
|
|
239
|
-
|
|
240
|
-
|
|
255
|
+
/*public*/
|
|
256
|
+
margin-top: var(--space--small, 6px);
|
|
241
257
|
}
|
|
242
258
|
|
|
243
259
|
.textarea--slim::-webkit-input-placeholder { /* Edge */
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
260
|
+
/*public*/
|
|
261
|
+
font-family: var(--text-area--font-family);
|
|
262
|
+
font-size: var(--text-area--font-size);
|
|
263
|
+
font-weight: var(--text-area--font-weight);
|
|
264
|
+
color: var(--text-area--color);
|
|
249
265
|
}
|
|
250
266
|
|
|
251
267
|
.textarea--slim:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
268
|
+
/*public*/
|
|
269
|
+
font-family: var(--text-area--font-family);
|
|
270
|
+
font-size: var(--text-area--font-size);
|
|
271
|
+
font-weight: var(--text-area--font-weight);
|
|
272
|
+
color: var(--text-area--color);
|
|
257
273
|
}
|
|
258
274
|
|
|
259
275
|
.textarea--slim::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
276
|
+
/*public*/
|
|
277
|
+
font-family: var(--text-area--font-family);
|
|
278
|
+
font-size: var(--text-area--font-size);
|
|
279
|
+
font-weight: var(--text-area--font-weight);
|
|
280
|
+
color: var(--text-area--color);
|
|
265
281
|
}
|
|
266
282
|
|
|
267
283
|
.textarea--slim:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
284
|
+
/*public*/
|
|
285
|
+
font-family: var(--text-area--font-family);
|
|
286
|
+
font-size: var(--text-area--font-size);
|
|
287
|
+
font-weight: var(--text-area--font-weight);
|
|
288
|
+
color: var(--text-area--color);
|
|
273
289
|
}
|
|
274
290
|
|
|
275
291
|
.textarea--slim::placeholder {
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
292
|
+
/*public*/
|
|
293
|
+
font-family: var(--text-area--font-family);
|
|
294
|
+
font-size: var(--text-area--font-size);
|
|
295
|
+
font-weight: var(--text-area--font-weight);
|
|
296
|
+
color: var(--text-area--color);
|
|
281
297
|
}
|
|
282
298
|
|
|
283
299
|
.textarea--slim:disabled::-webkit-input-placeholder, /* WebKit browsers */
|
|
@@ -285,7 +301,23 @@ textarea::-webkit-scrollbar-thumb:horizontal:active {
|
|
|
285
301
|
.textarea--slim:disabled::-moz-placeholder, /* Mozilla Firefox 19+ */
|
|
286
302
|
.textarea--slim:disabled:-ms-input-placeholder, /* Internet Explorer 10+ */
|
|
287
303
|
.textarea--slim:disabled::placeholder {
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
304
|
+
/*public*/
|
|
305
|
+
color: var(--text-area__input--disabled--color);
|
|
306
|
+
cursor: not-allowed;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
ez-icon.tooltip-icon.hasError {
|
|
310
|
+
--ez-icon--color: var(--ez-text-area__tooltip_icon--error--color);
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
.input-container {
|
|
314
|
+
display: flex;
|
|
315
|
+
align-items: center;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
.textarea--resizable {
|
|
320
|
+
resize: vertical;
|
|
321
|
+
overflow: auto;
|
|
322
|
+
min-height: 42px;
|
|
291
323
|
}
|