@entur/form 5.4.19 → 5.4.20
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 +308 -297
- package/package.json +5 -5
package/dist/styles.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--eds-form: 1;
|
|
3
|
-
}
|
|
3
|
+
}
|
|
4
4
|
/* DO NOT CHANGE!*/
|
|
5
5
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
6
6
|
.eds-form-control-wrapper {
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
background: #f8f8f8;
|
|
82
82
|
--textarea-label-background: $colors-greys-grey90;
|
|
83
83
|
}
|
|
84
|
-
.eds-contrast .eds-form-control-wrapper--readonly
|
|
84
|
+
.eds-contrast .eds-form-control-wrapper--readonly {
|
|
85
85
|
background: #292b6a;
|
|
86
86
|
--textarea-label-background: $colors-blues-blue10;
|
|
87
87
|
color: #ffffff;
|
|
@@ -243,7 +243,199 @@
|
|
|
243
243
|
}
|
|
244
244
|
.eds-form-control__append {
|
|
245
245
|
margin-left: 0;
|
|
246
|
-
}
|
|
246
|
+
}
|
|
247
|
+
/* DO NOT CHANGE!*/
|
|
248
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
249
|
+
.eds-feedback-text {
|
|
250
|
+
display: flex;
|
|
251
|
+
align-items: center;
|
|
252
|
+
margin-top: 0.25rem;
|
|
253
|
+
}
|
|
254
|
+
.eds-feedback-text--info {
|
|
255
|
+
padding-left: calc(1rem + 0.125rem);
|
|
256
|
+
}
|
|
257
|
+
.eds-feedback-text__text {
|
|
258
|
+
color: #181c56;
|
|
259
|
+
}
|
|
260
|
+
.eds-contrast .eds-feedback-text__text {
|
|
261
|
+
color: #ffffff;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.eds-feedback-text__icon {
|
|
265
|
+
font-size: 1.5rem;
|
|
266
|
+
min-height: 1.5rem;
|
|
267
|
+
min-width: 1.5rem;
|
|
268
|
+
padding-right: 0.5rem;
|
|
269
|
+
position: relative;
|
|
270
|
+
top: -0.1rem;
|
|
271
|
+
}
|
|
272
|
+
.eds-feedback-text__icon--success {
|
|
273
|
+
color: #1a8e60;
|
|
274
|
+
}
|
|
275
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
276
|
+
color: #5ac39a;
|
|
277
|
+
}
|
|
278
|
+
.eds-feedback-text__icon--error {
|
|
279
|
+
color: #d31b1b;
|
|
280
|
+
}
|
|
281
|
+
.eds-contrast .eds-feedback-text__icon--error {
|
|
282
|
+
color: #ff9494;
|
|
283
|
+
}
|
|
284
|
+
.eds-feedback-text__icon--info {
|
|
285
|
+
color: #0082b9;
|
|
286
|
+
}
|
|
287
|
+
.eds-contrast .eds-feedback-text__icon--info {
|
|
288
|
+
color: #64b3e7;
|
|
289
|
+
}
|
|
290
|
+
.eds-feedback-text__icon--warning {
|
|
291
|
+
color: #ffca28;
|
|
292
|
+
}
|
|
293
|
+
.eds-feedback-text__icon--warning circle {
|
|
294
|
+
fill: #181c56;
|
|
295
|
+
}
|
|
296
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
297
|
+
color: #ffe082;
|
|
298
|
+
}
|
|
299
|
+
/* DO NOT CHANGE!*/
|
|
300
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
301
|
+
.eds-checkbox__container {
|
|
302
|
+
display: flex;
|
|
303
|
+
align-items: center;
|
|
304
|
+
position: relative;
|
|
305
|
+
-webkit-appearance: none;
|
|
306
|
+
-moz-appearance: none;
|
|
307
|
+
appearance: none;
|
|
308
|
+
cursor: pointer;
|
|
309
|
+
height: 2rem;
|
|
310
|
+
-webkit-user-select: none;
|
|
311
|
+
-moz-user-select: none;
|
|
312
|
+
user-select: none;
|
|
313
|
+
width: -moz-fit-content;
|
|
314
|
+
width: fit-content;
|
|
315
|
+
}
|
|
316
|
+
.eds-checkbox__container--reduced-click-area {
|
|
317
|
+
height: -moz-fit-content;
|
|
318
|
+
height: fit-content;
|
|
319
|
+
}
|
|
320
|
+
.eds-checkbox__container input {
|
|
321
|
+
position: absolute;
|
|
322
|
+
opacity: 0;
|
|
323
|
+
height: 0;
|
|
324
|
+
width: 0;
|
|
325
|
+
}
|
|
326
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
327
|
+
background-color: #181c56;
|
|
328
|
+
}
|
|
329
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
330
|
+
visibility: visible;
|
|
331
|
+
}
|
|
332
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
333
|
+
stroke: #ffffff;
|
|
334
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
335
|
+
}
|
|
336
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
337
|
+
opacity: 0.5;
|
|
338
|
+
}
|
|
339
|
+
.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 {
|
|
340
|
+
opacity: 0.5;
|
|
341
|
+
}
|
|
342
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
343
|
+
background: #54568c;
|
|
344
|
+
}
|
|
345
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
346
|
+
border-color: #54568c;
|
|
347
|
+
background: #f3f3f3;
|
|
348
|
+
}
|
|
349
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
350
|
+
border-color: #656782;
|
|
351
|
+
background: #292b6a;
|
|
352
|
+
}
|
|
353
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
354
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
355
|
+
border-color: #54568c;
|
|
356
|
+
background-color: #54568c;
|
|
357
|
+
}
|
|
358
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
359
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
360
|
+
background: #8285a8;
|
|
361
|
+
border-color: #8285a8;
|
|
362
|
+
}
|
|
363
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
364
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
365
|
+
outline: none;
|
|
366
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
367
|
+
outline-offset: 0.125rem;
|
|
368
|
+
}
|
|
369
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
370
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
371
|
+
outline: none;
|
|
372
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
373
|
+
outline-offset: 0.125rem;
|
|
374
|
+
}
|
|
375
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
376
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
377
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
378
|
+
}
|
|
379
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
380
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
381
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
382
|
+
}
|
|
383
|
+
.eds-checkbox--disabled {
|
|
384
|
+
pointer-events: none;
|
|
385
|
+
}
|
|
386
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
387
|
+
opacity: 0.5;
|
|
388
|
+
}
|
|
389
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
390
|
+
opacity: 0.5;
|
|
391
|
+
}
|
|
392
|
+
.eds-checkbox__icon {
|
|
393
|
+
display: inline-flex;
|
|
394
|
+
justify-content: center;
|
|
395
|
+
align-items: center;
|
|
396
|
+
position: relative;
|
|
397
|
+
margin-right: 1rem;
|
|
398
|
+
height: 1.25rem;
|
|
399
|
+
width: 1.25rem;
|
|
400
|
+
border: 0.125rem solid #181c56;
|
|
401
|
+
border-radius: 0.0625rem;
|
|
402
|
+
background-color: transparent;
|
|
403
|
+
color: #ffffff;
|
|
404
|
+
}
|
|
405
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
406
|
+
margin-right: 0;
|
|
407
|
+
}
|
|
408
|
+
.eds-contrast .eds-checkbox__icon {
|
|
409
|
+
border-color: #54568c;
|
|
410
|
+
}
|
|
411
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
412
|
+
height: 1rem;
|
|
413
|
+
width: 1rem;
|
|
414
|
+
visibility: hidden;
|
|
415
|
+
}
|
|
416
|
+
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
417
|
+
transform-origin: 50% 50%;
|
|
418
|
+
stroke-dasharray: 48;
|
|
419
|
+
stroke-dashoffset: 48;
|
|
420
|
+
stroke-width: 0.375rem;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
@keyframes stroke {
|
|
424
|
+
100% {
|
|
425
|
+
stroke-dashoffset: 0;
|
|
426
|
+
}
|
|
427
|
+
}
|
|
428
|
+
/* DO NOT CHANGE!*/
|
|
429
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
430
|
+
.eds-fieldset {
|
|
431
|
+
margin: 0;
|
|
432
|
+
padding: 0;
|
|
433
|
+
border: 0;
|
|
434
|
+
}
|
|
435
|
+
.eds-fieldset .eds-legend {
|
|
436
|
+
margin: 0 0 0.5rem;
|
|
437
|
+
}
|
|
438
|
+
/* DO NOT CHANGE!*/
|
|
247
439
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
248
440
|
.eds-input-group {
|
|
249
441
|
color: inherit;
|
|
@@ -376,7 +568,8 @@
|
|
|
376
568
|
line-height: 1rem;
|
|
377
569
|
padding: 0;
|
|
378
570
|
margin-left: 1rem;
|
|
379
|
-
}
|
|
571
|
+
}
|
|
572
|
+
/* DO NOT CHANGE!*/
|
|
380
573
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
381
574
|
.eds-form-component--radio__container {
|
|
382
575
|
display: flex;
|
|
@@ -463,195 +656,148 @@
|
|
|
463
656
|
}
|
|
464
657
|
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
465
658
|
background-color: #aeb7e2;
|
|
466
|
-
}
|
|
659
|
+
}
|
|
660
|
+
/* DO NOT CHANGE!*/
|
|
467
661
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
468
|
-
.eds-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
position: relative;
|
|
472
|
-
-webkit-appearance: none;
|
|
473
|
-
-moz-appearance: none;
|
|
474
|
-
appearance: none;
|
|
475
|
-
cursor: pointer;
|
|
476
|
-
height: 2rem;
|
|
477
|
-
-webkit-user-select: none;
|
|
478
|
-
-moz-user-select: none;
|
|
479
|
-
user-select: none;
|
|
480
|
-
width: -moz-fit-content;
|
|
481
|
-
width: fit-content;
|
|
662
|
+
.eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
663
|
+
border-color: #181c56;
|
|
664
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
482
665
|
}
|
|
483
|
-
.eds-
|
|
484
|
-
|
|
485
|
-
|
|
666
|
+
.eds-radio-panel__wrapper:focus-within .eds-radio-panel__container {
|
|
667
|
+
border-color: #181c56;
|
|
668
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
486
669
|
}
|
|
487
|
-
.eds-
|
|
670
|
+
.eds-contrast .eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
671
|
+
border-color: #ffffff;
|
|
672
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
673
|
+
}
|
|
674
|
+
.eds-contrast .eds-radio-panel__wrapper:focus-within .eds-radio-panel__container {
|
|
675
|
+
border-color: #ffffff;
|
|
676
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
677
|
+
}
|
|
678
|
+
.eds-radio-panel__wrapper input {
|
|
488
679
|
position: absolute;
|
|
489
680
|
opacity: 0;
|
|
681
|
+
cursor: pointer;
|
|
490
682
|
height: 0;
|
|
491
683
|
width: 0;
|
|
492
684
|
}
|
|
493
|
-
.eds-
|
|
685
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container {
|
|
686
|
+
border-color: #181c56;
|
|
687
|
+
background: #f5f5f8;
|
|
688
|
+
}
|
|
689
|
+
.eds-contrast .eds-radio-panel__wrapper input:checked + .eds-radio-panel__container {
|
|
690
|
+
border-color: #aeb7e2;
|
|
691
|
+
background: #393d79;
|
|
692
|
+
}
|
|
693
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check {
|
|
494
694
|
background-color: #181c56;
|
|
695
|
+
border-color: #181c56;
|
|
495
696
|
}
|
|
496
|
-
.eds-
|
|
697
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check .eds-checkbox-icon {
|
|
497
698
|
visibility: visible;
|
|
498
699
|
}
|
|
499
|
-
.eds-
|
|
500
|
-
stroke: #
|
|
700
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check .eds-checkbox-icon__path {
|
|
701
|
+
stroke: #5ac39a;
|
|
501
702
|
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
502
703
|
}
|
|
503
|
-
.eds-
|
|
704
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check--disabled {
|
|
504
705
|
opacity: 0.5;
|
|
505
706
|
}
|
|
506
|
-
.eds-
|
|
707
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check--disabled .eds-checkbox-icon__path {
|
|
507
708
|
opacity: 0.5;
|
|
508
709
|
}
|
|
509
|
-
.eds-
|
|
510
|
-
background: #
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
710
|
+
.eds-radio-panel__container {
|
|
711
|
+
background: #ffffff;
|
|
712
|
+
border: 0.125rem solid #d1d3d3;
|
|
713
|
+
border-radius: 0.25rem;
|
|
714
|
+
display: flex;
|
|
715
|
+
flex-direction: column;
|
|
716
|
+
justify-content: flex-start;
|
|
717
|
+
min-width: 20rem;
|
|
718
|
+
position: relative;
|
|
719
|
+
padding: 1rem;
|
|
720
|
+
-webkit-user-select: none;
|
|
721
|
+
-moz-user-select: none;
|
|
722
|
+
user-select: none;
|
|
723
|
+
width: -moz-fit-content;
|
|
724
|
+
width: fit-content;
|
|
519
725
|
}
|
|
520
|
-
.eds-
|
|
521
|
-
|
|
726
|
+
.eds-contrast .eds-radio-panel__container {
|
|
727
|
+
background: #181c56;
|
|
522
728
|
border-color: #54568c;
|
|
523
|
-
background-color: #54568c;
|
|
524
729
|
}
|
|
525
|
-
.eds-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
730
|
+
.eds-radio-panel__title-wrapper {
|
|
731
|
+
display: flex;
|
|
732
|
+
justify-content: space-between;
|
|
733
|
+
align-items: center;
|
|
529
734
|
}
|
|
530
|
-
.eds-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
534
|
-
outline-offset: 0.125rem;
|
|
735
|
+
.eds-radio-panel__label {
|
|
736
|
+
display: flex;
|
|
737
|
+
justify-content: center;
|
|
535
738
|
}
|
|
536
|
-
.eds-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
739
|
+
.eds-radio-panel__check {
|
|
740
|
+
height: 2rem;
|
|
741
|
+
width: 2rem;
|
|
742
|
+
margin-left: 1rem;
|
|
743
|
+
border-radius: 50%;
|
|
744
|
+
border: 0.125rem solid #e9e9e9;
|
|
745
|
+
display: flex;
|
|
746
|
+
align-items: center;
|
|
747
|
+
justify-content: center;
|
|
748
|
+
background: #ffffff;
|
|
749
|
+
transition: background ease-in-out 0.1s, border-color ease-in-out 0.1s;
|
|
541
750
|
}
|
|
542
|
-
.eds-contrast .eds-
|
|
543
|
-
|
|
544
|
-
|
|
751
|
+
.eds-contrast .eds-radio-panel__check {
|
|
752
|
+
background: #181c56;
|
|
753
|
+
border-color: #54568c;
|
|
545
754
|
}
|
|
546
|
-
.eds-
|
|
547
|
-
|
|
548
|
-
|
|
755
|
+
.eds-radio-panel__additional-content {
|
|
756
|
+
margin-top: 0.25rem;
|
|
757
|
+
word-wrap: break-word;
|
|
549
758
|
}
|
|
550
|
-
.eds-
|
|
551
|
-
|
|
759
|
+
.eds-radio-panel--medium .eds-radio-panel__title {
|
|
760
|
+
font-size: 1rem;
|
|
761
|
+
font-weight: 500;
|
|
552
762
|
}
|
|
553
|
-
.eds-
|
|
554
|
-
|
|
763
|
+
.eds-radio-panel--medium.eds-radio-panel__container {
|
|
764
|
+
padding-bottom: 1rem;
|
|
765
|
+
min-height: 3.75rem;
|
|
555
766
|
}
|
|
556
|
-
.eds-
|
|
557
|
-
|
|
767
|
+
.eds-radio-panel--large.eds-radio-panel__container {
|
|
768
|
+
min-height: 6.5rem;
|
|
558
769
|
}
|
|
559
|
-
.eds-
|
|
560
|
-
|
|
561
|
-
justify-content: center;
|
|
562
|
-
align-items: center;
|
|
563
|
-
position: relative;
|
|
564
|
-
margin-right: 1rem;
|
|
565
|
-
height: 1.25rem;
|
|
566
|
-
width: 1.25rem;
|
|
567
|
-
border: 0.125rem solid #181c56;
|
|
568
|
-
border-radius: 0.0625rem;
|
|
569
|
-
background-color: transparent;
|
|
570
|
-
color: #ffffff;
|
|
770
|
+
.eds-radio-panel--large .eds-radio-panel__title-wrapper {
|
|
771
|
+
height: 2rem;
|
|
571
772
|
}
|
|
572
|
-
.eds-
|
|
573
|
-
|
|
773
|
+
.eds-radio-panel--large .eds-radio-panel__title {
|
|
774
|
+
font-size: 1.25rem;
|
|
775
|
+
font-weight: 500;
|
|
776
|
+
line-height: 1.875rem;
|
|
574
777
|
}
|
|
575
|
-
.eds-
|
|
778
|
+
.eds-radio-panel--disabled {
|
|
779
|
+
background: #f3f3f3;
|
|
780
|
+
border-color: #f3f3f3;
|
|
781
|
+
color: #656782;
|
|
782
|
+
}
|
|
783
|
+
.eds-contrast .eds-radio-panel--disabled {
|
|
784
|
+
background: #181c56;
|
|
785
|
+
border-style: dashed;
|
|
576
786
|
border-color: #54568c;
|
|
787
|
+
color: #babbcf;
|
|
577
788
|
}
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
width:
|
|
581
|
-
|
|
789
|
+
|
|
790
|
+
.eds-checkbox-icon {
|
|
791
|
+
width: 1.5em;
|
|
792
|
+
height: 1.5em;
|
|
582
793
|
}
|
|
583
|
-
.eds-
|
|
794
|
+
.eds-checkbox-icon__path {
|
|
584
795
|
transform-origin: 50% 50%;
|
|
585
796
|
stroke-dasharray: 48;
|
|
586
797
|
stroke-dashoffset: 48;
|
|
587
798
|
stroke-width: 0.375rem;
|
|
588
799
|
}
|
|
589
|
-
|
|
590
|
-
@keyframes stroke {
|
|
591
|
-
100% {
|
|
592
|
-
stroke-dashoffset: 0;
|
|
593
|
-
}
|
|
594
|
-
}/* DO NOT CHANGE!*/
|
|
595
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
596
|
-
.eds-feedback-text {
|
|
597
|
-
display: flex;
|
|
598
|
-
align-items: center;
|
|
599
|
-
margin-top: 0.25rem;
|
|
600
|
-
}
|
|
601
|
-
.eds-feedback-text--info {
|
|
602
|
-
padding-left: calc(1rem + 0.125rem);
|
|
603
|
-
}
|
|
604
|
-
.eds-feedback-text__text {
|
|
605
|
-
color: #181c56;
|
|
606
|
-
}
|
|
607
|
-
.eds-contrast .eds-feedback-text__text {
|
|
608
|
-
color: #ffffff;
|
|
609
|
-
}
|
|
610
|
-
|
|
611
|
-
.eds-feedback-text__icon {
|
|
612
|
-
font-size: 1.5rem;
|
|
613
|
-
min-height: 1.5rem;
|
|
614
|
-
min-width: 1.5rem;
|
|
615
|
-
padding-right: 0.5rem;
|
|
616
|
-
position: relative;
|
|
617
|
-
top: -0.1rem;
|
|
618
|
-
}
|
|
619
|
-
.eds-feedback-text__icon--success {
|
|
620
|
-
color: #1a8e60;
|
|
621
|
-
}
|
|
622
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
623
|
-
color: #5ac39a;
|
|
624
|
-
}
|
|
625
|
-
.eds-feedback-text__icon--error {
|
|
626
|
-
color: #d31b1b;
|
|
627
|
-
}
|
|
628
|
-
.eds-contrast .eds-feedback-text__icon--error {
|
|
629
|
-
color: #ff9494;
|
|
630
|
-
}
|
|
631
|
-
.eds-feedback-text__icon--info {
|
|
632
|
-
color: #0082b9;
|
|
633
|
-
}
|
|
634
|
-
.eds-contrast .eds-feedback-text__icon--info {
|
|
635
|
-
color: #64b3e7;
|
|
636
|
-
}
|
|
637
|
-
.eds-feedback-text__icon--warning {
|
|
638
|
-
color: #ffca28;
|
|
639
|
-
}
|
|
640
|
-
.eds-feedback-text__icon--warning circle {
|
|
641
|
-
fill: #181c56;
|
|
642
|
-
}
|
|
643
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
644
|
-
color: #ffe082;
|
|
645
|
-
}/* DO NOT CHANGE!*/
|
|
646
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
647
|
-
.eds-fieldset {
|
|
648
|
-
margin: 0;
|
|
649
|
-
padding: 0;
|
|
650
|
-
border: 0;
|
|
651
|
-
}
|
|
652
|
-
.eds-fieldset .eds-legend {
|
|
653
|
-
margin: 0 0 0.5rem;
|
|
654
|
-
}/* DO NOT CHANGE!*/
|
|
800
|
+
/* DO NOT CHANGE!*/
|
|
655
801
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
656
802
|
.eds-switch {
|
|
657
803
|
cursor: pointer;
|
|
@@ -761,152 +907,15 @@
|
|
|
761
907
|
}
|
|
762
908
|
.eds-switch__label--medium--bottom {
|
|
763
909
|
font-size: 0.75rem;
|
|
764
|
-
}/* DO NOT CHANGE!*/
|
|
765
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
766
|
-
.eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
767
|
-
border-color: #181c56;
|
|
768
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
769
|
-
}
|
|
770
|
-
.eds-radio-panel__wrapper:focus-within .eds-radio-panel__container {
|
|
771
|
-
border-color: #181c56;
|
|
772
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
773
|
-
}
|
|
774
|
-
.eds-contrast .eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
775
|
-
border-color: #ffffff;
|
|
776
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
777
|
-
}
|
|
778
|
-
.eds-contrast .eds-radio-panel__wrapper:focus-within .eds-radio-panel__container {
|
|
779
|
-
border-color: #ffffff;
|
|
780
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
781
|
-
}
|
|
782
|
-
.eds-radio-panel__wrapper input {
|
|
783
|
-
position: absolute;
|
|
784
|
-
opacity: 0;
|
|
785
|
-
cursor: pointer;
|
|
786
|
-
height: 0;
|
|
787
|
-
width: 0;
|
|
788
|
-
}
|
|
789
|
-
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container {
|
|
790
|
-
border-color: #181c56;
|
|
791
|
-
background: #f5f5f8;
|
|
792
|
-
}
|
|
793
|
-
.eds-contrast .eds-radio-panel__wrapper input:checked + .eds-radio-panel__container {
|
|
794
|
-
border-color: #aeb7e2;
|
|
795
|
-
background: #393d79;
|
|
796
|
-
}
|
|
797
|
-
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check {
|
|
798
|
-
background-color: #181c56;
|
|
799
|
-
border-color: #181c56;
|
|
800
|
-
}
|
|
801
|
-
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check .eds-checkbox-icon {
|
|
802
|
-
visibility: visible;
|
|
803
|
-
}
|
|
804
|
-
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check .eds-checkbox-icon__path {
|
|
805
|
-
stroke: #5ac39a;
|
|
806
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
807
|
-
}
|
|
808
|
-
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check--disabled {
|
|
809
|
-
opacity: 0.5;
|
|
810
910
|
}
|
|
811
|
-
|
|
812
|
-
opacity: 0.5;
|
|
813
|
-
}
|
|
814
|
-
.eds-radio-panel__container {
|
|
815
|
-
background: #ffffff;
|
|
816
|
-
border: 0.125rem solid #d1d3d3;
|
|
817
|
-
border-radius: 0.25rem;
|
|
818
|
-
display: flex;
|
|
819
|
-
flex-direction: column;
|
|
820
|
-
justify-content: flex-start;
|
|
821
|
-
min-width: 20rem;
|
|
822
|
-
position: relative;
|
|
823
|
-
padding: 1rem;
|
|
824
|
-
-webkit-user-select: none;
|
|
825
|
-
-moz-user-select: none;
|
|
826
|
-
user-select: none;
|
|
827
|
-
width: -moz-fit-content;
|
|
828
|
-
width: fit-content;
|
|
829
|
-
}
|
|
830
|
-
.eds-contrast .eds-radio-panel__container {
|
|
831
|
-
background: #181c56;
|
|
832
|
-
border-color: #54568c;
|
|
833
|
-
}
|
|
834
|
-
.eds-radio-panel__title-wrapper {
|
|
835
|
-
display: flex;
|
|
836
|
-
justify-content: space-between;
|
|
837
|
-
align-items: center;
|
|
838
|
-
}
|
|
839
|
-
.eds-radio-panel__label {
|
|
840
|
-
display: flex;
|
|
841
|
-
justify-content: center;
|
|
842
|
-
}
|
|
843
|
-
.eds-radio-panel__check {
|
|
844
|
-
height: 2rem;
|
|
845
|
-
width: 2rem;
|
|
846
|
-
margin-left: 1rem;
|
|
847
|
-
border-radius: 50%;
|
|
848
|
-
border: 0.125rem solid #e9e9e9;
|
|
849
|
-
display: flex;
|
|
850
|
-
align-items: center;
|
|
851
|
-
justify-content: center;
|
|
852
|
-
background: #ffffff;
|
|
853
|
-
transition: background ease-in-out 0.1s, border-color ease-in-out 0.1s;
|
|
854
|
-
}
|
|
855
|
-
.eds-contrast .eds-radio-panel__check {
|
|
856
|
-
background: #181c56;
|
|
857
|
-
border-color: #54568c;
|
|
858
|
-
}
|
|
859
|
-
.eds-radio-panel__additional-content {
|
|
860
|
-
margin-top: 0.25rem;
|
|
861
|
-
word-wrap: break-word;
|
|
862
|
-
}
|
|
863
|
-
.eds-radio-panel--medium .eds-radio-panel__title {
|
|
864
|
-
font-size: 1rem;
|
|
865
|
-
font-weight: 500;
|
|
866
|
-
}
|
|
867
|
-
.eds-radio-panel--medium.eds-radio-panel__container {
|
|
868
|
-
padding-bottom: 1rem;
|
|
869
|
-
min-height: 3.75rem;
|
|
870
|
-
}
|
|
871
|
-
.eds-radio-panel--large.eds-radio-panel__container {
|
|
872
|
-
min-height: 6.5rem;
|
|
873
|
-
}
|
|
874
|
-
.eds-radio-panel--large .eds-radio-panel__title-wrapper {
|
|
875
|
-
height: 2rem;
|
|
876
|
-
}
|
|
877
|
-
.eds-radio-panel--large .eds-radio-panel__title {
|
|
878
|
-
font-size: 1.25rem;
|
|
879
|
-
font-weight: 500;
|
|
880
|
-
line-height: 1.875rem;
|
|
881
|
-
}
|
|
882
|
-
.eds-radio-panel--disabled {
|
|
883
|
-
background: #f3f3f3;
|
|
884
|
-
border-color: #f3f3f3;
|
|
885
|
-
color: #656782;
|
|
886
|
-
}
|
|
887
|
-
.eds-contrast .eds-radio-panel--disabled {
|
|
888
|
-
background: #181c56;
|
|
889
|
-
border-style: dashed;
|
|
890
|
-
border-color: #54568c;
|
|
891
|
-
color: #babbcf;
|
|
892
|
-
}
|
|
893
|
-
|
|
894
|
-
.eds-checkbox-icon {
|
|
895
|
-
width: 1.5em;
|
|
896
|
-
height: 1.5em;
|
|
897
|
-
}
|
|
898
|
-
.eds-checkbox-icon__path {
|
|
899
|
-
transform-origin: 50% 50%;
|
|
900
|
-
stroke-dasharray: 48;
|
|
901
|
-
stroke-dashoffset: 48;
|
|
902
|
-
stroke-width: 0.375rem;
|
|
903
|
-
}/* DO NOT CHANGE!*/
|
|
911
|
+
/* DO NOT CHANGE!*/
|
|
904
912
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
905
913
|
textarea.eds-form-control.eds-textarea {
|
|
906
914
|
min-height: 7.75rem;
|
|
907
915
|
resize: vertical;
|
|
908
916
|
line-height: 1.5rem;
|
|
909
|
-
}
|
|
917
|
+
}
|
|
918
|
+
/* DO NOT CHANGE!*/
|
|
910
919
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
911
920
|
.eds-textfield__clear-button {
|
|
912
921
|
background: none;
|
|
@@ -942,7 +951,8 @@ textarea.eds-form-control.eds-textarea {
|
|
|
942
951
|
}
|
|
943
952
|
.eds-contrast .eds-form-control-wrapper--disabled .eds-textfield__divider {
|
|
944
953
|
background-color: #8285a8;
|
|
945
|
-
}
|
|
954
|
+
}
|
|
955
|
+
/* DO NOT CHANGE!*/
|
|
946
956
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
947
957
|
.eds-segmented-control {
|
|
948
958
|
margin-top: 0.25rem;
|
|
@@ -952,7 +962,8 @@ textarea.eds-form-control.eds-textarea {
|
|
|
952
962
|
}
|
|
953
963
|
.eds-contrast .eds-segmented-control {
|
|
954
964
|
background: #393d79;
|
|
955
|
-
}
|
|
965
|
+
}
|
|
966
|
+
/* DO NOT CHANGE!*/
|
|
956
967
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
957
968
|
.eds-segmented-choice {
|
|
958
969
|
display: block;
|
|
@@ -1022,4 +1033,4 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1022
1033
|
}
|
|
1023
1034
|
.eds-contrast .eds-segmented-choice input:focus:checked + .eds-base-segmented {
|
|
1024
1035
|
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121), inset 0 0 0 0.0625rem #ffffff, inset 0 0 0 calc(0.125rem + 0.0625rem) #181c56;
|
|
1025
|
-
}
|
|
1036
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.20",
|
|
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": "^5.8.
|
|
30
|
+
"@entur/icons": "^5.8.1",
|
|
31
31
|
"@entur/tokens": "^3.8.0",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.7.
|
|
32
|
+
"@entur/tooltip": "^2.6.7",
|
|
33
|
+
"@entur/typography": "^1.7.11",
|
|
34
34
|
"@entur/utils": "^0.5.5",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "8019b1b3a39b30bf1052ae34ed1c06b6caf1aa34"
|
|
38
38
|
}
|