@entur/form 5.3.10 → 5.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/CHANGELOG.md +6 -0
- package/dist/BaseFormControl.d.ts +2 -0
- package/dist/TextField.d.ts +2 -0
- package/dist/form.cjs.development.js +10 -4
- package/dist/form.cjs.development.js.map +1 -1
- package/dist/form.cjs.production.min.js +1 -1
- package/dist/form.cjs.production.min.js.map +1 -1
- package/dist/form.esm.js +10 -4
- package/dist/form.esm.js.map +1 -1
- package/dist/styles.css +154 -154
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -2,12 +2,6 @@
|
|
|
2
2
|
--eds-form: 1;
|
|
3
3
|
}/* DO NOT CHANGE!*/
|
|
4
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
|
-
textarea.eds-form-control.eds-textarea {
|
|
6
|
-
min-height: 7.75rem;
|
|
7
|
-
resize: vertical;
|
|
8
|
-
line-height: 1.5rem;
|
|
9
|
-
}/* DO NOT CHANGE!*/
|
|
10
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
11
5
|
.eds-fieldset {
|
|
12
6
|
margin: 0;
|
|
13
7
|
padding: 0;
|
|
@@ -17,6 +11,144 @@ textarea.eds-form-control.eds-textarea {
|
|
|
17
11
|
margin: 0 0 0.5rem;
|
|
18
12
|
}/* DO NOT CHANGE!*/
|
|
19
13
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
14
|
+
.eds-checkbox__container {
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
position: relative;
|
|
18
|
+
-webkit-appearance: none;
|
|
19
|
+
-moz-appearance: none;
|
|
20
|
+
appearance: none;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
height: 2rem;
|
|
23
|
+
-webkit-user-select: none;
|
|
24
|
+
-moz-user-select: none;
|
|
25
|
+
-ms-user-select: none;
|
|
26
|
+
user-select: none;
|
|
27
|
+
width: -webkit-fit-content;
|
|
28
|
+
width: -moz-fit-content;
|
|
29
|
+
width: fit-content;
|
|
30
|
+
}
|
|
31
|
+
.eds-checkbox__container--reduced-click-area {
|
|
32
|
+
height: -webkit-fit-content;
|
|
33
|
+
height: -moz-fit-content;
|
|
34
|
+
height: fit-content;
|
|
35
|
+
}
|
|
36
|
+
.eds-checkbox__container input {
|
|
37
|
+
position: absolute;
|
|
38
|
+
opacity: 0;
|
|
39
|
+
height: 0;
|
|
40
|
+
width: 0;
|
|
41
|
+
}
|
|
42
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
43
|
+
background-color: #181c56;
|
|
44
|
+
}
|
|
45
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
46
|
+
visibility: visible;
|
|
47
|
+
}
|
|
48
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
49
|
+
stroke: #ffffff;
|
|
50
|
+
-webkit-animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
51
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
52
|
+
}
|
|
53
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
54
|
+
opacity: 0.5;
|
|
55
|
+
}
|
|
56
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled .eds-checkbox-icon__path {
|
|
57
|
+
opacity: 0.5;
|
|
58
|
+
}
|
|
59
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
60
|
+
background: #54568c;
|
|
61
|
+
}
|
|
62
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
63
|
+
border-color: #54568c;
|
|
64
|
+
background: #f3f3f3;
|
|
65
|
+
}
|
|
66
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
67
|
+
border-color: #656782;
|
|
68
|
+
background: #292b6a;
|
|
69
|
+
}
|
|
70
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
71
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
72
|
+
border-color: #54568c;
|
|
73
|
+
background-color: #54568c;
|
|
74
|
+
}
|
|
75
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
76
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
77
|
+
background: #8285a8;
|
|
78
|
+
border-color: #8285a8;
|
|
79
|
+
}
|
|
80
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
81
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
82
|
+
outline: none;
|
|
83
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
84
|
+
outline-offset: 0.125rem;
|
|
85
|
+
}
|
|
86
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
87
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
88
|
+
outline: none;
|
|
89
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
90
|
+
outline-offset: 0.125rem;
|
|
91
|
+
}
|
|
92
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
93
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
94
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
95
|
+
}
|
|
96
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
97
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
98
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
99
|
+
}
|
|
100
|
+
.eds-checkbox--disabled {
|
|
101
|
+
pointer-events: none;
|
|
102
|
+
}
|
|
103
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
104
|
+
opacity: 0.5;
|
|
105
|
+
}
|
|
106
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
107
|
+
opacity: 0.5;
|
|
108
|
+
}
|
|
109
|
+
.eds-checkbox__icon {
|
|
110
|
+
display: inline-flex;
|
|
111
|
+
justify-content: center;
|
|
112
|
+
align-items: center;
|
|
113
|
+
position: relative;
|
|
114
|
+
margin-right: 1rem;
|
|
115
|
+
height: 1.25rem;
|
|
116
|
+
width: 1.25rem;
|
|
117
|
+
border: 0.125rem solid #181c56;
|
|
118
|
+
border-radius: 0.0625rem;
|
|
119
|
+
background-color: transparent;
|
|
120
|
+
color: #ffffff;
|
|
121
|
+
}
|
|
122
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
123
|
+
margin-right: 0;
|
|
124
|
+
}
|
|
125
|
+
.eds-contrast .eds-checkbox__icon {
|
|
126
|
+
border-color: #54568c;
|
|
127
|
+
}
|
|
128
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
129
|
+
height: 1rem;
|
|
130
|
+
width: 1rem;
|
|
131
|
+
visibility: hidden;
|
|
132
|
+
}
|
|
133
|
+
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
134
|
+
transform-origin: 50% 50%;
|
|
135
|
+
stroke-dasharray: 48;
|
|
136
|
+
stroke-dashoffset: 48;
|
|
137
|
+
stroke-width: 0.375rem;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
@-webkit-keyframes stroke {
|
|
141
|
+
100% {
|
|
142
|
+
stroke-dashoffset: 0;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
@keyframes stroke {
|
|
147
|
+
100% {
|
|
148
|
+
stroke-dashoffset: 0;
|
|
149
|
+
}
|
|
150
|
+
}/* DO NOT CHANGE!*/
|
|
151
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
20
152
|
.eds-feedback-text {
|
|
21
153
|
display: flex;
|
|
22
154
|
align-items: center;
|
|
@@ -157,144 +289,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
157
289
|
background-color: #aeb7e2;
|
|
158
290
|
}/* DO NOT CHANGE!*/
|
|
159
291
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
160
|
-
.eds-checkbox__container {
|
|
161
|
-
display: flex;
|
|
162
|
-
align-items: center;
|
|
163
|
-
position: relative;
|
|
164
|
-
-webkit-appearance: none;
|
|
165
|
-
-moz-appearance: none;
|
|
166
|
-
appearance: none;
|
|
167
|
-
cursor: pointer;
|
|
168
|
-
height: 2rem;
|
|
169
|
-
-webkit-user-select: none;
|
|
170
|
-
-moz-user-select: none;
|
|
171
|
-
-ms-user-select: none;
|
|
172
|
-
user-select: none;
|
|
173
|
-
width: -webkit-fit-content;
|
|
174
|
-
width: -moz-fit-content;
|
|
175
|
-
width: fit-content;
|
|
176
|
-
}
|
|
177
|
-
.eds-checkbox__container--reduced-click-area {
|
|
178
|
-
height: -webkit-fit-content;
|
|
179
|
-
height: -moz-fit-content;
|
|
180
|
-
height: fit-content;
|
|
181
|
-
}
|
|
182
|
-
.eds-checkbox__container input {
|
|
183
|
-
position: absolute;
|
|
184
|
-
opacity: 0;
|
|
185
|
-
height: 0;
|
|
186
|
-
width: 0;
|
|
187
|
-
}
|
|
188
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
189
|
-
background-color: #181c56;
|
|
190
|
-
}
|
|
191
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
192
|
-
visibility: visible;
|
|
193
|
-
}
|
|
194
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
195
|
-
stroke: #ffffff;
|
|
196
|
-
-webkit-animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
197
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
198
|
-
}
|
|
199
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
200
|
-
opacity: 0.5;
|
|
201
|
-
}
|
|
202
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled .eds-checkbox-icon__path {
|
|
203
|
-
opacity: 0.5;
|
|
204
|
-
}
|
|
205
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
206
|
-
background: #54568c;
|
|
207
|
-
}
|
|
208
|
-
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
209
|
-
border-color: #54568c;
|
|
210
|
-
background: #f3f3f3;
|
|
211
|
-
}
|
|
212
|
-
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
213
|
-
border-color: #656782;
|
|
214
|
-
background: #292b6a;
|
|
215
|
-
}
|
|
216
|
-
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
217
|
-
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
218
|
-
border-color: #54568c;
|
|
219
|
-
background-color: #54568c;
|
|
220
|
-
}
|
|
221
|
-
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
222
|
-
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
223
|
-
background: #8285a8;
|
|
224
|
-
border-color: #8285a8;
|
|
225
|
-
}
|
|
226
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
227
|
-
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
228
|
-
outline: none;
|
|
229
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
230
|
-
outline-offset: 0.125rem;
|
|
231
|
-
}
|
|
232
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
233
|
-
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
234
|
-
outline: none;
|
|
235
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
236
|
-
outline-offset: 0.125rem;
|
|
237
|
-
}
|
|
238
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
239
|
-
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
240
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
241
|
-
}
|
|
242
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
243
|
-
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
244
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
245
|
-
}
|
|
246
|
-
.eds-checkbox--disabled {
|
|
247
|
-
pointer-events: none;
|
|
248
|
-
}
|
|
249
|
-
.eds-checkbox--disabled .eds-checkbox__label {
|
|
250
|
-
opacity: 0.5;
|
|
251
|
-
}
|
|
252
|
-
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
253
|
-
opacity: 0.5;
|
|
254
|
-
}
|
|
255
|
-
.eds-checkbox__icon {
|
|
256
|
-
display: inline-flex;
|
|
257
|
-
justify-content: center;
|
|
258
|
-
align-items: center;
|
|
259
|
-
position: relative;
|
|
260
|
-
margin-right: 1rem;
|
|
261
|
-
height: 1.25rem;
|
|
262
|
-
width: 1.25rem;
|
|
263
|
-
border: 0.125rem solid #181c56;
|
|
264
|
-
border-radius: 0.0625rem;
|
|
265
|
-
background-color: transparent;
|
|
266
|
-
color: #ffffff;
|
|
267
|
-
}
|
|
268
|
-
.eds-checkbox__icon--reduced-click-area {
|
|
269
|
-
margin-right: 0;
|
|
270
|
-
}
|
|
271
|
-
.eds-contrast .eds-checkbox__icon {
|
|
272
|
-
border-color: #54568c;
|
|
273
|
-
}
|
|
274
|
-
.eds-checkbox__icon .eds-checkbox-icon {
|
|
275
|
-
height: 1rem;
|
|
276
|
-
width: 1rem;
|
|
277
|
-
visibility: hidden;
|
|
278
|
-
}
|
|
279
|
-
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
280
|
-
transform-origin: 50% 50%;
|
|
281
|
-
stroke-dasharray: 48;
|
|
282
|
-
stroke-dashoffset: 48;
|
|
283
|
-
stroke-width: 0.375rem;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
@-webkit-keyframes stroke {
|
|
287
|
-
100% {
|
|
288
|
-
stroke-dashoffset: 0;
|
|
289
|
-
}
|
|
290
|
-
}
|
|
291
|
-
|
|
292
|
-
@keyframes stroke {
|
|
293
|
-
100% {
|
|
294
|
-
stroke-dashoffset: 0;
|
|
295
|
-
}
|
|
296
|
-
}/* DO NOT CHANGE!*/
|
|
297
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
298
292
|
.eds-switch {
|
|
299
293
|
cursor: pointer;
|
|
300
294
|
-webkit-user-select: none;
|
|
@@ -931,6 +925,12 @@ textarea.eds-form-control.eds-textarea {
|
|
|
931
925
|
margin-left: 0;
|
|
932
926
|
}/* DO NOT CHANGE!*/
|
|
933
927
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
928
|
+
textarea.eds-form-control.eds-textarea {
|
|
929
|
+
min-height: 7.75rem;
|
|
930
|
+
resize: vertical;
|
|
931
|
+
line-height: 1.5rem;
|
|
932
|
+
}/* DO NOT CHANGE!*/
|
|
933
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
934
934
|
.eds-textfield__clear-button {
|
|
935
935
|
background: none;
|
|
936
936
|
border: none;
|
|
@@ -967,16 +967,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
967
967
|
background-color: #8285a8;
|
|
968
968
|
}/* DO NOT CHANGE!*/
|
|
969
969
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
970
|
-
.eds-segmented-control {
|
|
971
|
-
margin-top: 0.25rem;
|
|
972
|
-
display: flex;
|
|
973
|
-
background: #d1d4e3;
|
|
974
|
-
border-radius: 0.25rem;
|
|
975
|
-
}
|
|
976
|
-
.eds-contrast .eds-segmented-control {
|
|
977
|
-
background: #393d79;
|
|
978
|
-
}/* DO NOT CHANGE!*/
|
|
979
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
980
970
|
.eds-segmented-choice {
|
|
981
971
|
display: block;
|
|
982
972
|
flex: 1 1 0px;
|
|
@@ -1044,4 +1034,14 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1044
1034
|
}
|
|
1045
1035
|
.eds-contrast .eds-segmented-choice:hover input:checked + .eds-base-segmented {
|
|
1046
1036
|
--background-color: #d1d4e3;
|
|
1037
|
+
}/* DO NOT CHANGE!*/
|
|
1038
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1039
|
+
.eds-segmented-control {
|
|
1040
|
+
margin-top: 0.25rem;
|
|
1041
|
+
display: flex;
|
|
1042
|
+
background: #d1d4e3;
|
|
1043
|
+
border-radius: 0.25rem;
|
|
1044
|
+
}
|
|
1045
|
+
.eds-contrast .eds-segmented-control {
|
|
1046
|
+
background: #393d79;
|
|
1047
1047
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.4.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/form.esm.js",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"@entur/utils": "^0.4.3",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "e1b5562e4aef1e81a68ca14f4b11a29c738a4fcf"
|
|
38
38
|
}
|