@entur/form 7.2.0 → 7.2.1
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.css +213 -213
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,78 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
+
.eds-feedback-text {
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
margin-top: 0.25rem;
|
|
7
|
+
}
|
|
8
|
+
.eds-feedback-text--info, .eds-feedback-text--information {
|
|
9
|
+
padding-left: calc(1rem + 0.125rem);
|
|
10
|
+
}
|
|
11
|
+
.eds-feedback-text__text {
|
|
12
|
+
color: var(--components-form-feedbacktext-information-standard-text);
|
|
13
|
+
}
|
|
14
|
+
.eds-contrast .eds-feedback-text__text {
|
|
15
|
+
color: var(--components-form-feedbacktext-information-contrast-text);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.eds-feedback-text__icon {
|
|
19
|
+
font-size: 1.5rem;
|
|
20
|
+
min-height: 1.5rem;
|
|
21
|
+
min-width: 1.5rem;
|
|
22
|
+
padding-right: 0.5rem;
|
|
23
|
+
position: relative;
|
|
24
|
+
top: -0.1rem;
|
|
25
|
+
}
|
|
26
|
+
.eds-feedback-text__icon--success {
|
|
27
|
+
color: var(--components-form-feedbacktext-success-standard-icon-fill);
|
|
28
|
+
}
|
|
29
|
+
.eds-feedback-text__icon--success circle {
|
|
30
|
+
fill: var(--components-form-feedbacktext-success-standard-icon-symbol);
|
|
31
|
+
}
|
|
32
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
33
|
+
color: var(--components-form-feedbacktext-success-contrast-icon-fill);
|
|
34
|
+
}
|
|
35
|
+
.eds-contrast .eds-feedback-text__icon--success circle {
|
|
36
|
+
fill: var(--components-form-feedbacktext-success-contrast-icon-symbol);
|
|
37
|
+
}
|
|
38
|
+
.eds-feedback-text__icon--error, .eds-feedback-text__icon--negative {
|
|
39
|
+
color: var(--components-form-feedbacktext-negative-standard-icon-fill);
|
|
40
|
+
}
|
|
41
|
+
.eds-feedback-text__icon--error circle, .eds-feedback-text__icon--negative circle {
|
|
42
|
+
fill: var(--components-form-feedbacktext-negative-standard-icon-symbol);
|
|
43
|
+
}
|
|
44
|
+
.eds-contrast .eds-feedback-text__icon--error, .eds-contrast .eds-feedback-text__icon--negative {
|
|
45
|
+
color: var(--components-form-feedbacktext-negative-contrast-icon-fill);
|
|
46
|
+
}
|
|
47
|
+
.eds-contrast .eds-feedback-text__icon--error circle, .eds-contrast .eds-feedback-text__icon--negative circle {
|
|
48
|
+
fill: var(--components-form-feedbacktext-negative-contrast-icon-symbol);
|
|
49
|
+
}
|
|
50
|
+
.eds-feedback-text__icon--info, .eds-feedback-text__icon--information {
|
|
51
|
+
color: var(--components-form-feedbacktext-information-standard-icon-fill);
|
|
52
|
+
}
|
|
53
|
+
.eds-feedback-text__icon--info circle, .eds-feedback-text__icon--information circle {
|
|
54
|
+
fill: var(--components-form-feedbacktext-information-standard-icon-symbol);
|
|
55
|
+
}
|
|
56
|
+
.eds-contrast .eds-feedback-text__icon--info, .eds-contrast .eds-feedback-text__icon--information {
|
|
57
|
+
color: var(--components-form-feedbacktext-information-contrast-icon-fill);
|
|
58
|
+
}
|
|
59
|
+
.eds-contrast .eds-feedback-text__icon--info circle, .eds-contrast .eds-feedback-text__icon--information circle {
|
|
60
|
+
fill: var(--components-form-feedbacktext-information-contrast-icon-symbol);
|
|
61
|
+
}
|
|
62
|
+
.eds-feedback-text__icon--warning {
|
|
63
|
+
color: var(--components-form-feedbacktext-warning-standard-icon-fill);
|
|
64
|
+
}
|
|
65
|
+
.eds-feedback-text__icon--warning .svg-exclamation {
|
|
66
|
+
fill: var(--components-form-feedbacktext-warning-standard-icon-symbol);
|
|
67
|
+
}
|
|
68
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
69
|
+
color: var(--components-form-feedbacktext-warning-contrast-icon-fill);
|
|
70
|
+
}
|
|
71
|
+
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
72
|
+
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
73
|
+
}
|
|
74
|
+
/* DO NOT CHANGE!*/
|
|
75
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
76
|
.eds-form-control-wrapper {
|
|
4
77
|
align-items: center;
|
|
5
78
|
background-color: var(--components-form-baseform-standard-fill-default);
|
|
@@ -183,83 +256,165 @@
|
|
|
183
256
|
.eds-form-control__append {
|
|
184
257
|
margin-left: 0;
|
|
185
258
|
}
|
|
186
|
-
.eds-fieldset {
|
|
187
|
-
margin: 0;
|
|
188
|
-
padding: 0;
|
|
189
|
-
border: 0;
|
|
190
|
-
}
|
|
191
259
|
/* DO NOT CHANGE!*/
|
|
192
260
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
193
|
-
.eds-
|
|
261
|
+
.eds-checkbox__container {
|
|
194
262
|
display: flex;
|
|
195
263
|
align-items: center;
|
|
196
|
-
|
|
264
|
+
position: relative;
|
|
265
|
+
-webkit-appearance: none;
|
|
266
|
+
-moz-appearance: none;
|
|
267
|
+
appearance: none;
|
|
268
|
+
cursor: pointer;
|
|
269
|
+
-webkit-user-select: none;
|
|
270
|
+
-moz-user-select: none;
|
|
271
|
+
user-select: none;
|
|
272
|
+
width: -moz-fit-content;
|
|
273
|
+
width: fit-content;
|
|
274
|
+
margin: 0.5rem 0;
|
|
197
275
|
}
|
|
198
|
-
.eds-
|
|
199
|
-
|
|
276
|
+
.eds-checkbox__container--reduced-click-area {
|
|
277
|
+
height: -moz-fit-content;
|
|
278
|
+
height: fit-content;
|
|
200
279
|
}
|
|
201
|
-
.eds-
|
|
202
|
-
|
|
280
|
+
.eds-checkbox__container input {
|
|
281
|
+
position: absolute;
|
|
282
|
+
opacity: 0;
|
|
283
|
+
height: 0;
|
|
284
|
+
width: 0;
|
|
203
285
|
}
|
|
204
|
-
.eds-
|
|
205
|
-
color: var(--components-form-
|
|
286
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
287
|
+
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
206
288
|
}
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
font-size: 1.5rem;
|
|
210
|
-
min-height: 1.5rem;
|
|
211
|
-
min-width: 1.5rem;
|
|
212
|
-
padding-right: 0.5rem;
|
|
213
|
-
position: relative;
|
|
214
|
-
top: -0.1rem;
|
|
289
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
290
|
+
visibility: visible;
|
|
215
291
|
}
|
|
216
|
-
.eds-
|
|
217
|
-
|
|
292
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
|
|
293
|
+
stroke: var(--components-form-checkbox-standard-icon);
|
|
294
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
218
295
|
}
|
|
219
|
-
.eds-
|
|
220
|
-
fill: var(--components-form-
|
|
296
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
|
|
297
|
+
fill: var(--components-form-checkbox-standard-icon);
|
|
221
298
|
}
|
|
222
|
-
.eds-
|
|
223
|
-
|
|
299
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
300
|
+
opacity: 0.5;
|
|
224
301
|
}
|
|
225
|
-
.eds-
|
|
226
|
-
|
|
302
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
|
|
303
|
+
opacity: 0.5;
|
|
227
304
|
}
|
|
228
|
-
.eds-
|
|
229
|
-
|
|
305
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
|
|
306
|
+
opacity: 0.5;
|
|
230
307
|
}
|
|
231
|
-
.eds-
|
|
232
|
-
|
|
308
|
+
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
|
|
309
|
+
opacity: 0.5;
|
|
233
310
|
}
|
|
234
|
-
.eds-
|
|
235
|
-
|
|
311
|
+
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
|
|
312
|
+
opacity: 0.5;
|
|
236
313
|
}
|
|
237
|
-
.eds-contrast .eds-
|
|
238
|
-
|
|
314
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
315
|
+
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
239
316
|
}
|
|
240
|
-
.eds-
|
|
241
|
-
|
|
317
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
|
|
318
|
+
stroke: var(--components-form-checkbox-contrast-icon);
|
|
242
319
|
}
|
|
243
|
-
.eds-
|
|
244
|
-
fill: var(--components-form-
|
|
320
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
|
|
321
|
+
fill: var(--components-form-checkbox-contrast-icon);
|
|
245
322
|
}
|
|
246
|
-
.eds-
|
|
247
|
-
color: var(--components-form-
|
|
323
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
324
|
+
border-color: var(--components-form-checkbox-standard-border);
|
|
325
|
+
background-color: var(--components-form-checkbox-standard-fill-hover);
|
|
248
326
|
}
|
|
249
|
-
.eds-contrast .eds-
|
|
250
|
-
|
|
327
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
328
|
+
border-color: var(--components-form-checkbox-contrast-border);
|
|
329
|
+
background-color: var(--components-form-checkbox-contrast-fill-hover);
|
|
251
330
|
}
|
|
252
|
-
.eds-
|
|
253
|
-
|
|
331
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
332
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
333
|
+
border-color: transparent;
|
|
334
|
+
background-color: var(--components-form-checkbox-standard-fill-selectedhover);
|
|
254
335
|
}
|
|
255
|
-
.eds-
|
|
256
|
-
|
|
336
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
337
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
338
|
+
background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
|
|
257
339
|
}
|
|
258
|
-
.eds-
|
|
259
|
-
|
|
340
|
+
.eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
341
|
+
.eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
342
|
+
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
260
343
|
}
|
|
261
|
-
.eds-contrast .eds-
|
|
262
|
-
|
|
344
|
+
.eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
345
|
+
.eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
346
|
+
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
347
|
+
}
|
|
348
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
349
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
350
|
+
outline: 2px solid #181c56;
|
|
351
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
352
|
+
outline-offset: 0.125rem;
|
|
353
|
+
}
|
|
354
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
355
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
356
|
+
outline: 2px solid #181c56;
|
|
357
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
358
|
+
outline-offset: 0.125rem;
|
|
359
|
+
}
|
|
360
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
361
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
362
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
363
|
+
}
|
|
364
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
365
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
366
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
367
|
+
}
|
|
368
|
+
.eds-checkbox--disabled {
|
|
369
|
+
pointer-events: none;
|
|
370
|
+
}
|
|
371
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
372
|
+
opacity: 0.5;
|
|
373
|
+
}
|
|
374
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
375
|
+
opacity: 0.5;
|
|
376
|
+
}
|
|
377
|
+
.eds-checkbox__icon {
|
|
378
|
+
box-sizing: border-box;
|
|
379
|
+
display: inline-flex;
|
|
380
|
+
justify-content: center;
|
|
381
|
+
align-items: center;
|
|
382
|
+
position: relative;
|
|
383
|
+
margin-right: 1rem;
|
|
384
|
+
height: 1.25rem;
|
|
385
|
+
width: 1.25rem;
|
|
386
|
+
border: 0.125rem solid var(--components-form-checkbox-standard-border);
|
|
387
|
+
border-radius: 0.125rem;
|
|
388
|
+
background-color: transparent;
|
|
389
|
+
transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
390
|
+
}
|
|
391
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
392
|
+
margin-right: 0;
|
|
393
|
+
}
|
|
394
|
+
.eds-contrast .eds-checkbox__icon {
|
|
395
|
+
border-color: var(--components-form-checkbox-contrast-border);
|
|
396
|
+
}
|
|
397
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
398
|
+
height: 1rem;
|
|
399
|
+
width: 1rem;
|
|
400
|
+
visibility: hidden;
|
|
401
|
+
}
|
|
402
|
+
.eds-checkbox__icon .eds-checkbox-icon path {
|
|
403
|
+
transform-origin: 50% 50%;
|
|
404
|
+
stroke-dasharray: 48;
|
|
405
|
+
stroke-dashoffset: 48;
|
|
406
|
+
stroke-width: 0.375rem;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
@keyframes stroke {
|
|
410
|
+
100% {
|
|
411
|
+
stroke-dashoffset: 0;
|
|
412
|
+
}
|
|
413
|
+
}
|
|
414
|
+
.eds-fieldset {
|
|
415
|
+
margin: 0;
|
|
416
|
+
padding: 0;
|
|
417
|
+
border: 0;
|
|
263
418
|
}
|
|
264
419
|
/* DO NOT CHANGE!*/
|
|
265
420
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -474,161 +629,6 @@
|
|
|
474
629
|
}
|
|
475
630
|
/* DO NOT CHANGE!*/
|
|
476
631
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
477
|
-
.eds-checkbox__container {
|
|
478
|
-
display: flex;
|
|
479
|
-
align-items: center;
|
|
480
|
-
position: relative;
|
|
481
|
-
-webkit-appearance: none;
|
|
482
|
-
-moz-appearance: none;
|
|
483
|
-
appearance: none;
|
|
484
|
-
cursor: pointer;
|
|
485
|
-
-webkit-user-select: none;
|
|
486
|
-
-moz-user-select: none;
|
|
487
|
-
user-select: none;
|
|
488
|
-
width: -moz-fit-content;
|
|
489
|
-
width: fit-content;
|
|
490
|
-
margin: 0.5rem 0;
|
|
491
|
-
}
|
|
492
|
-
.eds-checkbox__container--reduced-click-area {
|
|
493
|
-
height: -moz-fit-content;
|
|
494
|
-
height: fit-content;
|
|
495
|
-
}
|
|
496
|
-
.eds-checkbox__container input {
|
|
497
|
-
position: absolute;
|
|
498
|
-
opacity: 0;
|
|
499
|
-
height: 0;
|
|
500
|
-
width: 0;
|
|
501
|
-
}
|
|
502
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
503
|
-
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
504
|
-
}
|
|
505
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
506
|
-
visibility: visible;
|
|
507
|
-
}
|
|
508
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon path {
|
|
509
|
-
stroke: var(--components-form-checkbox-standard-icon);
|
|
510
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
511
|
-
}
|
|
512
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon rect, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon rect {
|
|
513
|
-
fill: var(--components-form-checkbox-standard-icon);
|
|
514
|
-
}
|
|
515
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
516
|
-
opacity: 0.5;
|
|
517
|
-
}
|
|
518
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled path {
|
|
519
|
-
opacity: 0.5;
|
|
520
|
-
}
|
|
521
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled rect {
|
|
522
|
-
opacity: 0.5;
|
|
523
|
-
}
|
|
524
|
-
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled path {
|
|
525
|
-
opacity: 0.5;
|
|
526
|
-
}
|
|
527
|
-
.eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled rect {
|
|
528
|
-
opacity: 0.5;
|
|
529
|
-
}
|
|
530
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
531
|
-
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
532
|
-
}
|
|
533
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon path, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon path {
|
|
534
|
-
stroke: var(--components-form-checkbox-contrast-icon);
|
|
535
|
-
}
|
|
536
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon rect, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon rect {
|
|
537
|
-
fill: var(--components-form-checkbox-contrast-icon);
|
|
538
|
-
}
|
|
539
|
-
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
540
|
-
border-color: var(--components-form-checkbox-standard-border);
|
|
541
|
-
background-color: var(--components-form-checkbox-standard-fill-hover);
|
|
542
|
-
}
|
|
543
|
-
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
544
|
-
border-color: var(--components-form-checkbox-contrast-border);
|
|
545
|
-
background-color: var(--components-form-checkbox-contrast-fill-hover);
|
|
546
|
-
}
|
|
547
|
-
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
548
|
-
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
549
|
-
border-color: transparent;
|
|
550
|
-
background-color: var(--components-form-checkbox-standard-fill-selectedhover);
|
|
551
|
-
}
|
|
552
|
-
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
553
|
-
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
554
|
-
background-color: var(--components-form-checkbox-contrast-fill-selectedhover);
|
|
555
|
-
}
|
|
556
|
-
.eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
557
|
-
.eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
558
|
-
background-color: var(--components-form-checkbox-standard-fill-selected);
|
|
559
|
-
}
|
|
560
|
-
.eds-contrast .eds-checkbox__container:active input:checked + .eds-checkbox__icon,
|
|
561
|
-
.eds-contrast .eds-checkbox__container:active input:indeterminate + .eds-checkbox__icon {
|
|
562
|
-
background-color: var(--components-form-checkbox-contrast-fill-selected);
|
|
563
|
-
}
|
|
564
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
565
|
-
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
566
|
-
outline: 2px solid #181c56;
|
|
567
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
568
|
-
outline-offset: 0.125rem;
|
|
569
|
-
}
|
|
570
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
571
|
-
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
572
|
-
outline: 2px solid #181c56;
|
|
573
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
574
|
-
outline-offset: 0.125rem;
|
|
575
|
-
}
|
|
576
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
577
|
-
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
578
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
579
|
-
}
|
|
580
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
581
|
-
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
582
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
583
|
-
}
|
|
584
|
-
.eds-checkbox--disabled {
|
|
585
|
-
pointer-events: none;
|
|
586
|
-
}
|
|
587
|
-
.eds-checkbox--disabled .eds-checkbox__label {
|
|
588
|
-
opacity: 0.5;
|
|
589
|
-
}
|
|
590
|
-
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
591
|
-
opacity: 0.5;
|
|
592
|
-
}
|
|
593
|
-
.eds-checkbox__icon {
|
|
594
|
-
box-sizing: border-box;
|
|
595
|
-
display: inline-flex;
|
|
596
|
-
justify-content: center;
|
|
597
|
-
align-items: center;
|
|
598
|
-
position: relative;
|
|
599
|
-
margin-right: 1rem;
|
|
600
|
-
height: 1.25rem;
|
|
601
|
-
width: 1.25rem;
|
|
602
|
-
border: 0.125rem solid var(--components-form-checkbox-standard-border);
|
|
603
|
-
border-radius: 0.125rem;
|
|
604
|
-
background-color: transparent;
|
|
605
|
-
transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
606
|
-
}
|
|
607
|
-
.eds-checkbox__icon--reduced-click-area {
|
|
608
|
-
margin-right: 0;
|
|
609
|
-
}
|
|
610
|
-
.eds-contrast .eds-checkbox__icon {
|
|
611
|
-
border-color: var(--components-form-checkbox-contrast-border);
|
|
612
|
-
}
|
|
613
|
-
.eds-checkbox__icon .eds-checkbox-icon {
|
|
614
|
-
height: 1rem;
|
|
615
|
-
width: 1rem;
|
|
616
|
-
visibility: hidden;
|
|
617
|
-
}
|
|
618
|
-
.eds-checkbox__icon .eds-checkbox-icon path {
|
|
619
|
-
transform-origin: 50% 50%;
|
|
620
|
-
stroke-dasharray: 48;
|
|
621
|
-
stroke-dashoffset: 48;
|
|
622
|
-
stroke-width: 0.375rem;
|
|
623
|
-
}
|
|
624
|
-
|
|
625
|
-
@keyframes stroke {
|
|
626
|
-
100% {
|
|
627
|
-
stroke-dashoffset: 0;
|
|
628
|
-
}
|
|
629
|
-
}
|
|
630
|
-
/* DO NOT CHANGE!*/
|
|
631
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
632
632
|
.eds-switch {
|
|
633
633
|
cursor: pointer;
|
|
634
634
|
-webkit-user-select: none;
|
|
@@ -1432,8 +1432,8 @@ input:disabled + .eds-input-panel__container {
|
|
|
1432
1432
|
--basecolors-shape-accent: #e5e5e9;
|
|
1433
1433
|
--basecolors-shape-bicycle-contrast: #4db295;
|
|
1434
1434
|
--basecolors-shape-bicycle-default: #4db295;
|
|
1435
|
-
--basecolors-shape-bus-contrast: #
|
|
1436
|
-
--basecolors-shape-bus-default: #
|
|
1435
|
+
--basecolors-shape-bus-contrast: #ef7398;
|
|
1436
|
+
--basecolors-shape-bus-default: #ef7398;
|
|
1437
1437
|
--basecolors-shape-cableway-contrast: #b898e5;
|
|
1438
1438
|
--basecolors-shape-cableway-default: #b898e5;
|
|
1439
1439
|
--basecolors-shape-disabled: #b6b8ba;
|
|
@@ -1476,7 +1476,7 @@ input:disabled + .eds-input-panel__container {
|
|
|
1476
1476
|
--basecolors-stroke-highlight: #ff9494;
|
|
1477
1477
|
--basecolors-stroke-light: #b3b4bd;
|
|
1478
1478
|
--basecolors-stroke-subdued: #81828f;
|
|
1479
|
-
--basecolors-stroke-subduedalt: #
|
|
1479
|
+
--basecolors-stroke-subduedalt: #949699;
|
|
1480
1480
|
--basecolors-text-accent: #e5e5e9;
|
|
1481
1481
|
--basecolors-text-disabled: #b6b8ba;
|
|
1482
1482
|
--basecolors-text-disabledalt: #b6b8ba;
|
|
@@ -1521,8 +1521,8 @@ input:disabled + .eds-input-panel__container {
|
|
|
1521
1521
|
--contrast-airportlinkrail: #fbafea;
|
|
1522
1522
|
--contrast-airportlinkrail-transparent: rgba(251,175,234,0.14902);
|
|
1523
1523
|
--dark-bicycle: #4db295;
|
|
1524
|
-
--dark-bus: #
|
|
1525
|
-
--dark-bus-transparent: rgba(
|
|
1524
|
+
--dark-bus: #ef7398;
|
|
1525
|
+
--dark-bus-transparent: rgba(239,115,152,0.14902);
|
|
1526
1526
|
--dark-cableway: #b898e5;
|
|
1527
1527
|
--dark-cableway-transparent: rgba(184,152,229,0.14902);
|
|
1528
1528
|
--dark-carferry: #8ccfe2;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.2.
|
|
3
|
+
"version": "7.2.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/form.esm.js",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^6.18.
|
|
31
|
-
"@entur/tokens": "^3.15.
|
|
32
|
-
"@entur/tooltip": "^2.7.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/icons": "^6.18.1",
|
|
31
|
+
"@entur/tokens": "^3.15.2",
|
|
32
|
+
"@entur/tooltip": "^2.7.11",
|
|
33
|
+
"@entur/typography": "^1.8.40",
|
|
34
34
|
"@entur/utils": "^0.11.1",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "4d4f7939fb1c9b936e07dd321b7faa3e12476b3d"
|
|
38
38
|
}
|