@entur/form 7.0.33 → 7.0.34-beta.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/dist/styles.css +197 -197
- package/package.json +5 -5
package/dist/styles.css
CHANGED
|
@@ -1,3 +1,60 @@
|
|
|
1
|
+
.eds-fieldset {
|
|
2
|
+
margin: 0;
|
|
3
|
+
padding: 0;
|
|
4
|
+
border: 0;
|
|
5
|
+
}
|
|
6
|
+
/* DO NOT CHANGE!*/
|
|
7
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
8
|
+
.eds-feedback-text {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
margin-top: 0.25rem;
|
|
12
|
+
}
|
|
13
|
+
.eds-feedback-text--info {
|
|
14
|
+
padding-left: calc(1rem + 0.125rem);
|
|
15
|
+
}
|
|
16
|
+
.eds-feedback-text__text {
|
|
17
|
+
color: #181c56;
|
|
18
|
+
}
|
|
19
|
+
.eds-contrast .eds-feedback-text__text {
|
|
20
|
+
color: #ffffff;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.eds-feedback-text__icon {
|
|
24
|
+
font-size: 1.5rem;
|
|
25
|
+
min-height: 1.5rem;
|
|
26
|
+
min-width: 1.5rem;
|
|
27
|
+
padding-right: 0.5rem;
|
|
28
|
+
position: relative;
|
|
29
|
+
top: -0.1rem;
|
|
30
|
+
}
|
|
31
|
+
.eds-feedback-text__icon--success {
|
|
32
|
+
color: #1a8e60;
|
|
33
|
+
}
|
|
34
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
35
|
+
color: #5ac39a;
|
|
36
|
+
}
|
|
37
|
+
.eds-feedback-text__icon--error {
|
|
38
|
+
color: #d31b1b;
|
|
39
|
+
}
|
|
40
|
+
.eds-contrast .eds-feedback-text__icon--error {
|
|
41
|
+
color: #ff9494;
|
|
42
|
+
}
|
|
43
|
+
.eds-feedback-text__icon--info {
|
|
44
|
+
color: #0082b9;
|
|
45
|
+
}
|
|
46
|
+
.eds-contrast .eds-feedback-text__icon--info {
|
|
47
|
+
color: #64b3e7;
|
|
48
|
+
}
|
|
49
|
+
.eds-feedback-text__icon--warning {
|
|
50
|
+
color: #ffca28;
|
|
51
|
+
}
|
|
52
|
+
.eds-feedback-text__icon--warning circle {
|
|
53
|
+
fill: #181c56;
|
|
54
|
+
}
|
|
55
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
56
|
+
color: #ffe082;
|
|
57
|
+
}
|
|
1
58
|
/* DO NOT CHANGE!*/
|
|
2
59
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
60
|
.eds-form-control-wrapper {
|
|
@@ -404,137 +461,6 @@
|
|
|
404
461
|
}
|
|
405
462
|
/* DO NOT CHANGE!*/
|
|
406
463
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
407
|
-
.eds-input-group {
|
|
408
|
-
color: inherit;
|
|
409
|
-
display: block;
|
|
410
|
-
position: relative;
|
|
411
|
-
}
|
|
412
|
-
.eds-input-group__label {
|
|
413
|
-
color: #656782;
|
|
414
|
-
display: flex;
|
|
415
|
-
font-size: 1rem;
|
|
416
|
-
position: absolute;
|
|
417
|
-
line-height: 1rem;
|
|
418
|
-
height: 3rem;
|
|
419
|
-
padding: 1rem;
|
|
420
|
-
padding-left: 0;
|
|
421
|
-
margin-left: 1rem;
|
|
422
|
-
top: -0.125rem;
|
|
423
|
-
transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out, padding 0.2s ease-in-out, line-height ease-in-out 0.2s;
|
|
424
|
-
-webkit-user-select: none;
|
|
425
|
-
-moz-user-select: none;
|
|
426
|
-
user-select: none;
|
|
427
|
-
pointer-events: none;
|
|
428
|
-
}
|
|
429
|
-
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
430
|
-
top: 0.375rem;
|
|
431
|
-
font-size: 0.75rem;
|
|
432
|
-
line-height: 0.75rem;
|
|
433
|
-
height: 10px;
|
|
434
|
-
padding: 0;
|
|
435
|
-
margin-left: 1rem;
|
|
436
|
-
}
|
|
437
|
-
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
438
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
439
|
-
background: var(--textarea-label-background);
|
|
440
|
-
width: calc(
|
|
441
|
-
100% - 1rem - 1rem - 4px
|
|
442
|
-
);
|
|
443
|
-
}
|
|
444
|
-
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
445
|
-
top: 0.5rem;
|
|
446
|
-
font-size: 0.875rem;
|
|
447
|
-
line-height: 1rem;
|
|
448
|
-
padding: 0;
|
|
449
|
-
margin-left: 1rem;
|
|
450
|
-
}
|
|
451
|
-
.eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
|
|
452
|
-
color: #aeb7e2;
|
|
453
|
-
}
|
|
454
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
455
|
-
font-size: 1.5rem;
|
|
456
|
-
line-height: 2.25rem;
|
|
457
|
-
height: 4rem;
|
|
458
|
-
}
|
|
459
|
-
.eds-input-group__label--filled {
|
|
460
|
-
top: 0.375rem;
|
|
461
|
-
font-size: 0.75rem;
|
|
462
|
-
line-height: 0.75rem;
|
|
463
|
-
height: 10px;
|
|
464
|
-
padding: 0;
|
|
465
|
-
margin-left: 1rem;
|
|
466
|
-
}
|
|
467
|
-
.eds-textarea__label .eds-input-group__label--filled {
|
|
468
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
469
|
-
background: var(--textarea-label-background);
|
|
470
|
-
width: calc(
|
|
471
|
-
100% - 1rem - 1rem - 4px
|
|
472
|
-
);
|
|
473
|
-
}
|
|
474
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
475
|
-
top: 0.5rem;
|
|
476
|
-
font-size: 0.875rem;
|
|
477
|
-
line-height: 1rem;
|
|
478
|
-
padding: 0;
|
|
479
|
-
margin-left: 1rem;
|
|
480
|
-
}
|
|
481
|
-
.eds-input-group__label-tooltip-icon {
|
|
482
|
-
color: #0082b9;
|
|
483
|
-
padding-left: 0.25rem;
|
|
484
|
-
padding-right: 0.25rem;
|
|
485
|
-
display: flex;
|
|
486
|
-
align-items: center;
|
|
487
|
-
cursor: help;
|
|
488
|
-
font-size: 1rem;
|
|
489
|
-
}
|
|
490
|
-
|
|
491
|
-
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
492
|
-
top: 0.375rem;
|
|
493
|
-
font-size: 0.75rem;
|
|
494
|
-
line-height: 0.75rem;
|
|
495
|
-
height: 10px;
|
|
496
|
-
padding: 0;
|
|
497
|
-
margin-left: 1rem;
|
|
498
|
-
}
|
|
499
|
-
|
|
500
|
-
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
501
|
-
top: 0.375rem;
|
|
502
|
-
font-size: 0.75rem;
|
|
503
|
-
line-height: 0.75rem;
|
|
504
|
-
height: 10px;
|
|
505
|
-
padding: 0;
|
|
506
|
-
margin-left: 1rem;
|
|
507
|
-
}
|
|
508
|
-
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
509
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
510
|
-
background: var(--textarea-label-background);
|
|
511
|
-
width: calc(
|
|
512
|
-
100% - 1rem - 1rem - 4px
|
|
513
|
-
);
|
|
514
|
-
}
|
|
515
|
-
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
516
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
517
|
-
background: var(--textarea-label-background);
|
|
518
|
-
width: calc(
|
|
519
|
-
100% - 1rem - 1rem - 4px
|
|
520
|
-
);
|
|
521
|
-
}
|
|
522
|
-
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
523
|
-
top: 0.5rem;
|
|
524
|
-
font-size: 0.875rem;
|
|
525
|
-
line-height: 1rem;
|
|
526
|
-
padding: 0;
|
|
527
|
-
margin-left: 1rem;
|
|
528
|
-
}
|
|
529
|
-
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
530
|
-
top: 0.5rem;
|
|
531
|
-
font-size: 0.875rem;
|
|
532
|
-
line-height: 1rem;
|
|
533
|
-
padding: 0;
|
|
534
|
-
margin-left: 1rem;
|
|
535
|
-
}
|
|
536
|
-
/* DO NOT CHANGE!*/
|
|
537
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
538
464
|
.eds-form-component--radio__container {
|
|
539
465
|
display: flex;
|
|
540
466
|
justify-content: center;
|
|
@@ -623,58 +549,6 @@
|
|
|
623
549
|
}
|
|
624
550
|
/* DO NOT CHANGE!*/
|
|
625
551
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
626
|
-
.eds-feedback-text {
|
|
627
|
-
display: flex;
|
|
628
|
-
align-items: center;
|
|
629
|
-
margin-top: 0.25rem;
|
|
630
|
-
}
|
|
631
|
-
.eds-feedback-text--info {
|
|
632
|
-
padding-left: calc(1rem + 0.125rem);
|
|
633
|
-
}
|
|
634
|
-
.eds-feedback-text__text {
|
|
635
|
-
color: #181c56;
|
|
636
|
-
}
|
|
637
|
-
.eds-contrast .eds-feedback-text__text {
|
|
638
|
-
color: #ffffff;
|
|
639
|
-
}
|
|
640
|
-
|
|
641
|
-
.eds-feedback-text__icon {
|
|
642
|
-
font-size: 1.5rem;
|
|
643
|
-
min-height: 1.5rem;
|
|
644
|
-
min-width: 1.5rem;
|
|
645
|
-
padding-right: 0.5rem;
|
|
646
|
-
position: relative;
|
|
647
|
-
top: -0.1rem;
|
|
648
|
-
}
|
|
649
|
-
.eds-feedback-text__icon--success {
|
|
650
|
-
color: #1a8e60;
|
|
651
|
-
}
|
|
652
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
653
|
-
color: #5ac39a;
|
|
654
|
-
}
|
|
655
|
-
.eds-feedback-text__icon--error {
|
|
656
|
-
color: #d31b1b;
|
|
657
|
-
}
|
|
658
|
-
.eds-contrast .eds-feedback-text__icon--error {
|
|
659
|
-
color: #ff9494;
|
|
660
|
-
}
|
|
661
|
-
.eds-feedback-text__icon--info {
|
|
662
|
-
color: #0082b9;
|
|
663
|
-
}
|
|
664
|
-
.eds-contrast .eds-feedback-text__icon--info {
|
|
665
|
-
color: #64b3e7;
|
|
666
|
-
}
|
|
667
|
-
.eds-feedback-text__icon--warning {
|
|
668
|
-
color: #ffca28;
|
|
669
|
-
}
|
|
670
|
-
.eds-feedback-text__icon--warning circle {
|
|
671
|
-
fill: #181c56;
|
|
672
|
-
}
|
|
673
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
674
|
-
color: #ffe082;
|
|
675
|
-
}
|
|
676
|
-
/* DO NOT CHANGE!*/
|
|
677
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
678
552
|
.eds-switch {
|
|
679
553
|
cursor: pointer;
|
|
680
554
|
-webkit-user-select: none;
|
|
@@ -792,10 +666,136 @@
|
|
|
792
666
|
.eds-switch__label--medium--bottom {
|
|
793
667
|
font-size: 0.75rem;
|
|
794
668
|
}
|
|
795
|
-
|
|
796
|
-
|
|
669
|
+
/* DO NOT CHANGE!*/
|
|
670
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
671
|
+
.eds-input-group {
|
|
672
|
+
color: inherit;
|
|
673
|
+
display: block;
|
|
674
|
+
position: relative;
|
|
675
|
+
}
|
|
676
|
+
.eds-input-group__label {
|
|
677
|
+
color: #656782;
|
|
678
|
+
display: flex;
|
|
679
|
+
font-size: 1rem;
|
|
680
|
+
position: absolute;
|
|
681
|
+
line-height: 1rem;
|
|
682
|
+
height: 3rem;
|
|
683
|
+
padding: 1rem;
|
|
684
|
+
padding-left: 0;
|
|
685
|
+
margin-left: 1rem;
|
|
686
|
+
top: -0.125rem;
|
|
687
|
+
transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out, padding 0.2s ease-in-out, line-height ease-in-out 0.2s;
|
|
688
|
+
-webkit-user-select: none;
|
|
689
|
+
-moz-user-select: none;
|
|
690
|
+
user-select: none;
|
|
691
|
+
pointer-events: none;
|
|
692
|
+
}
|
|
693
|
+
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
694
|
+
top: 0.375rem;
|
|
695
|
+
font-size: 0.75rem;
|
|
696
|
+
line-height: 0.75rem;
|
|
697
|
+
height: 10px;
|
|
797
698
|
padding: 0;
|
|
798
|
-
|
|
699
|
+
margin-left: 1rem;
|
|
700
|
+
}
|
|
701
|
+
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
702
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
703
|
+
background: var(--textarea-label-background);
|
|
704
|
+
width: calc(
|
|
705
|
+
100% - 1rem - 1rem - 4px
|
|
706
|
+
);
|
|
707
|
+
}
|
|
708
|
+
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
709
|
+
top: 0.5rem;
|
|
710
|
+
font-size: 0.875rem;
|
|
711
|
+
line-height: 1rem;
|
|
712
|
+
padding: 0;
|
|
713
|
+
margin-left: 1rem;
|
|
714
|
+
}
|
|
715
|
+
.eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
|
|
716
|
+
color: #aeb7e2;
|
|
717
|
+
}
|
|
718
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
719
|
+
font-size: 1.5rem;
|
|
720
|
+
line-height: 2.25rem;
|
|
721
|
+
height: 4rem;
|
|
722
|
+
}
|
|
723
|
+
.eds-input-group__label--filled {
|
|
724
|
+
top: 0.375rem;
|
|
725
|
+
font-size: 0.75rem;
|
|
726
|
+
line-height: 0.75rem;
|
|
727
|
+
height: 10px;
|
|
728
|
+
padding: 0;
|
|
729
|
+
margin-left: 1rem;
|
|
730
|
+
}
|
|
731
|
+
.eds-textarea__label .eds-input-group__label--filled {
|
|
732
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
733
|
+
background: var(--textarea-label-background);
|
|
734
|
+
width: calc(
|
|
735
|
+
100% - 1rem - 1rem - 4px
|
|
736
|
+
);
|
|
737
|
+
}
|
|
738
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
739
|
+
top: 0.5rem;
|
|
740
|
+
font-size: 0.875rem;
|
|
741
|
+
line-height: 1rem;
|
|
742
|
+
padding: 0;
|
|
743
|
+
margin-left: 1rem;
|
|
744
|
+
}
|
|
745
|
+
.eds-input-group__label-tooltip-icon {
|
|
746
|
+
color: #0082b9;
|
|
747
|
+
padding-left: 0.25rem;
|
|
748
|
+
padding-right: 0.25rem;
|
|
749
|
+
display: flex;
|
|
750
|
+
align-items: center;
|
|
751
|
+
cursor: help;
|
|
752
|
+
font-size: 1rem;
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
756
|
+
top: 0.375rem;
|
|
757
|
+
font-size: 0.75rem;
|
|
758
|
+
line-height: 0.75rem;
|
|
759
|
+
height: 10px;
|
|
760
|
+
padding: 0;
|
|
761
|
+
margin-left: 1rem;
|
|
762
|
+
}
|
|
763
|
+
|
|
764
|
+
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
765
|
+
top: 0.375rem;
|
|
766
|
+
font-size: 0.75rem;
|
|
767
|
+
line-height: 0.75rem;
|
|
768
|
+
height: 10px;
|
|
769
|
+
padding: 0;
|
|
770
|
+
margin-left: 1rem;
|
|
771
|
+
}
|
|
772
|
+
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
773
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
774
|
+
background: var(--textarea-label-background);
|
|
775
|
+
width: calc(
|
|
776
|
+
100% - 1rem - 1rem - 4px
|
|
777
|
+
);
|
|
778
|
+
}
|
|
779
|
+
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
780
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
781
|
+
background: var(--textarea-label-background);
|
|
782
|
+
width: calc(
|
|
783
|
+
100% - 1rem - 1rem - 4px
|
|
784
|
+
);
|
|
785
|
+
}
|
|
786
|
+
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
787
|
+
top: 0.5rem;
|
|
788
|
+
font-size: 0.875rem;
|
|
789
|
+
line-height: 1rem;
|
|
790
|
+
padding: 0;
|
|
791
|
+
margin-left: 1rem;
|
|
792
|
+
}
|
|
793
|
+
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
794
|
+
top: 0.5rem;
|
|
795
|
+
font-size: 0.875rem;
|
|
796
|
+
line-height: 1rem;
|
|
797
|
+
padding: 0;
|
|
798
|
+
margin-left: 1rem;
|
|
799
799
|
}
|
|
800
800
|
/* DO NOT CHANGE!*/
|
|
801
801
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -1005,6 +1005,17 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1005
1005
|
}
|
|
1006
1006
|
/* DO NOT CHANGE!*/
|
|
1007
1007
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1008
|
+
.eds-segmented-control {
|
|
1009
|
+
margin-top: 0.25rem;
|
|
1010
|
+
display: flex;
|
|
1011
|
+
background: #d1d4e3;
|
|
1012
|
+
border-radius: 0.5rem;
|
|
1013
|
+
}
|
|
1014
|
+
.eds-contrast .eds-segmented-control {
|
|
1015
|
+
background: #393d79;
|
|
1016
|
+
}
|
|
1017
|
+
/* DO NOT CHANGE!*/
|
|
1018
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1008
1019
|
.eds-segmented-choice {
|
|
1009
1020
|
display: block;
|
|
1010
1021
|
flex: 1 1 0px;
|
|
@@ -1074,17 +1085,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1074
1085
|
.eds-contrast .eds-segmented-choice input:focus:checked + .eds-base-segmented {
|
|
1075
1086
|
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;
|
|
1076
1087
|
}
|
|
1077
|
-
/* DO NOT CHANGE!*/
|
|
1078
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1079
|
-
.eds-segmented-control {
|
|
1080
|
-
margin-top: 0.25rem;
|
|
1081
|
-
display: flex;
|
|
1082
|
-
background: #d1d4e3;
|
|
1083
|
-
border-radius: 0.5rem;
|
|
1084
|
-
}
|
|
1085
|
-
.eds-contrast .eds-segmented-control {
|
|
1086
|
-
background: #393d79;
|
|
1087
|
-
}
|
|
1088
1088
|
:root {
|
|
1089
1089
|
--eds-form: 1;
|
|
1090
1090
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.34-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/form.esm.js",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@entur/icons": "^6.13.2",
|
|
31
31
|
"@entur/tokens": "^3.12.0",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
34
|
-
"@entur/utils": "^0.
|
|
32
|
+
"@entur/tooltip": "^2.6.43-beta.0",
|
|
33
|
+
"@entur/typography": "^1.8.21-beta.0",
|
|
34
|
+
"@entur/utils": "^1.0.0-beta.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "4e2a54a5b8402cf439cd91487f569e775bf53691"
|
|
38
38
|
}
|