@entur/form 7.0.13 → 7.0.14
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 +151 -151
- package/package.json +5 -5
package/dist/styles.css
CHANGED
|
@@ -3,58 +3,6 @@
|
|
|
3
3
|
}
|
|
4
4
|
/* DO NOT CHANGE!*/
|
|
5
5
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
6
|
-
.eds-feedback-text {
|
|
7
|
-
display: flex;
|
|
8
|
-
align-items: center;
|
|
9
|
-
margin-top: 0.25rem;
|
|
10
|
-
}
|
|
11
|
-
.eds-feedback-text--info {
|
|
12
|
-
padding-left: calc(1rem + 0.125rem);
|
|
13
|
-
}
|
|
14
|
-
.eds-feedback-text__text {
|
|
15
|
-
color: #181c56;
|
|
16
|
-
}
|
|
17
|
-
.eds-contrast .eds-feedback-text__text {
|
|
18
|
-
color: #ffffff;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.eds-feedback-text__icon {
|
|
22
|
-
font-size: 1.5rem;
|
|
23
|
-
min-height: 1.5rem;
|
|
24
|
-
min-width: 1.5rem;
|
|
25
|
-
padding-right: 0.5rem;
|
|
26
|
-
position: relative;
|
|
27
|
-
top: -0.1rem;
|
|
28
|
-
}
|
|
29
|
-
.eds-feedback-text__icon--success {
|
|
30
|
-
color: #1a8e60;
|
|
31
|
-
}
|
|
32
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
33
|
-
color: #5ac39a;
|
|
34
|
-
}
|
|
35
|
-
.eds-feedback-text__icon--error {
|
|
36
|
-
color: #d31b1b;
|
|
37
|
-
}
|
|
38
|
-
.eds-contrast .eds-feedback-text__icon--error {
|
|
39
|
-
color: #ff9494;
|
|
40
|
-
}
|
|
41
|
-
.eds-feedback-text__icon--info {
|
|
42
|
-
color: #0082b9;
|
|
43
|
-
}
|
|
44
|
-
.eds-contrast .eds-feedback-text__icon--info {
|
|
45
|
-
color: #64b3e7;
|
|
46
|
-
}
|
|
47
|
-
.eds-feedback-text__icon--warning {
|
|
48
|
-
color: #ffca28;
|
|
49
|
-
}
|
|
50
|
-
.eds-feedback-text__icon--warning circle {
|
|
51
|
-
fill: #181c56;
|
|
52
|
-
}
|
|
53
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
54
|
-
color: #ffe082;
|
|
55
|
-
}
|
|
56
|
-
/* DO NOT CHANGE!*/
|
|
57
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
58
6
|
.eds-form-control-wrapper {
|
|
59
7
|
--border-color: #7C7F9F;
|
|
60
8
|
--border-color-hover: #aeb7e2;
|
|
@@ -597,6 +545,146 @@
|
|
|
597
545
|
}
|
|
598
546
|
/* DO NOT CHANGE!*/
|
|
599
547
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
548
|
+
.eds-feedback-text {
|
|
549
|
+
display: flex;
|
|
550
|
+
align-items: center;
|
|
551
|
+
margin-top: 0.25rem;
|
|
552
|
+
}
|
|
553
|
+
.eds-feedback-text--info {
|
|
554
|
+
padding-left: calc(1rem + 0.125rem);
|
|
555
|
+
}
|
|
556
|
+
.eds-feedback-text__text {
|
|
557
|
+
color: #181c56;
|
|
558
|
+
}
|
|
559
|
+
.eds-contrast .eds-feedback-text__text {
|
|
560
|
+
color: #ffffff;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
.eds-feedback-text__icon {
|
|
564
|
+
font-size: 1.5rem;
|
|
565
|
+
min-height: 1.5rem;
|
|
566
|
+
min-width: 1.5rem;
|
|
567
|
+
padding-right: 0.5rem;
|
|
568
|
+
position: relative;
|
|
569
|
+
top: -0.1rem;
|
|
570
|
+
}
|
|
571
|
+
.eds-feedback-text__icon--success {
|
|
572
|
+
color: #1a8e60;
|
|
573
|
+
}
|
|
574
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
575
|
+
color: #5ac39a;
|
|
576
|
+
}
|
|
577
|
+
.eds-feedback-text__icon--error {
|
|
578
|
+
color: #d31b1b;
|
|
579
|
+
}
|
|
580
|
+
.eds-contrast .eds-feedback-text__icon--error {
|
|
581
|
+
color: #ff9494;
|
|
582
|
+
}
|
|
583
|
+
.eds-feedback-text__icon--info {
|
|
584
|
+
color: #0082b9;
|
|
585
|
+
}
|
|
586
|
+
.eds-contrast .eds-feedback-text__icon--info {
|
|
587
|
+
color: #64b3e7;
|
|
588
|
+
}
|
|
589
|
+
.eds-feedback-text__icon--warning {
|
|
590
|
+
color: #ffca28;
|
|
591
|
+
}
|
|
592
|
+
.eds-feedback-text__icon--warning circle {
|
|
593
|
+
fill: #181c56;
|
|
594
|
+
}
|
|
595
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
596
|
+
color: #ffe082;
|
|
597
|
+
}
|
|
598
|
+
/* DO NOT CHANGE!*/
|
|
599
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
600
|
+
.eds-form-component--radio__container {
|
|
601
|
+
display: flex;
|
|
602
|
+
justify-content: center;
|
|
603
|
+
align-items: center;
|
|
604
|
+
position: relative;
|
|
605
|
+
cursor: pointer;
|
|
606
|
+
height: 2rem;
|
|
607
|
+
width: -moz-fit-content;
|
|
608
|
+
width: fit-content;
|
|
609
|
+
-webkit-user-select: none;
|
|
610
|
+
-moz-user-select: none;
|
|
611
|
+
user-select: none;
|
|
612
|
+
}
|
|
613
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
614
|
+
border-color: #54568c;
|
|
615
|
+
}
|
|
616
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
617
|
+
background-color: #54568c;
|
|
618
|
+
}
|
|
619
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
620
|
+
border-color: #8285a8;
|
|
621
|
+
}
|
|
622
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
623
|
+
background-color: #8285a8;
|
|
624
|
+
}
|
|
625
|
+
.eds-form-component--radio__container input {
|
|
626
|
+
position: absolute;
|
|
627
|
+
opacity: 0;
|
|
628
|
+
cursor: pointer;
|
|
629
|
+
height: 0;
|
|
630
|
+
width: 0;
|
|
631
|
+
}
|
|
632
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
633
|
+
height: 0.625rem;
|
|
634
|
+
width: 0.625rem;
|
|
635
|
+
}
|
|
636
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
637
|
+
outline: none;
|
|
638
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
639
|
+
outline-offset: 0.125rem;
|
|
640
|
+
}
|
|
641
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
642
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
643
|
+
}
|
|
644
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
645
|
+
position: relative;
|
|
646
|
+
height: 1.25rem;
|
|
647
|
+
width: 1.25rem;
|
|
648
|
+
margin-right: 1rem;
|
|
649
|
+
background-color: #ffffff;
|
|
650
|
+
border: 0.125rem solid #181c56;
|
|
651
|
+
border-radius: 50%;
|
|
652
|
+
display: flex;
|
|
653
|
+
align-items: center;
|
|
654
|
+
justify-content: center;
|
|
655
|
+
}
|
|
656
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
657
|
+
background-color: #181c56;
|
|
658
|
+
border-color: #aeb7e2;
|
|
659
|
+
}
|
|
660
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
661
|
+
background: #d1d3d3;
|
|
662
|
+
border-color: #d1d3d3;
|
|
663
|
+
cursor: not-allowed;
|
|
664
|
+
}
|
|
665
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
666
|
+
border-color: #d1d3d3;
|
|
667
|
+
}
|
|
668
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
669
|
+
background: #d1d3d3;
|
|
670
|
+
border-color: #d1d3d3;
|
|
671
|
+
}
|
|
672
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
673
|
+
color: #656782;
|
|
674
|
+
}
|
|
675
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
676
|
+
display: block;
|
|
677
|
+
width: 0;
|
|
678
|
+
height: 0;
|
|
679
|
+
border-radius: 50%;
|
|
680
|
+
background-color: #181c56;
|
|
681
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
682
|
+
}
|
|
683
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
684
|
+
background-color: #aeb7e2;
|
|
685
|
+
}
|
|
686
|
+
/* DO NOT CHANGE!*/
|
|
687
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
600
688
|
.eds-switch {
|
|
601
689
|
cursor: pointer;
|
|
602
690
|
-webkit-user-select: none;
|
|
@@ -716,94 +804,6 @@
|
|
|
716
804
|
}
|
|
717
805
|
/* DO NOT CHANGE!*/
|
|
718
806
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
719
|
-
.eds-form-component--radio__container {
|
|
720
|
-
display: flex;
|
|
721
|
-
justify-content: center;
|
|
722
|
-
align-items: center;
|
|
723
|
-
position: relative;
|
|
724
|
-
cursor: pointer;
|
|
725
|
-
height: 2rem;
|
|
726
|
-
width: -moz-fit-content;
|
|
727
|
-
width: fit-content;
|
|
728
|
-
-webkit-user-select: none;
|
|
729
|
-
-moz-user-select: none;
|
|
730
|
-
user-select: none;
|
|
731
|
-
}
|
|
732
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
733
|
-
border-color: #54568c;
|
|
734
|
-
}
|
|
735
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
736
|
-
background-color: #54568c;
|
|
737
|
-
}
|
|
738
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
739
|
-
border-color: #8285a8;
|
|
740
|
-
}
|
|
741
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
742
|
-
background-color: #8285a8;
|
|
743
|
-
}
|
|
744
|
-
.eds-form-component--radio__container input {
|
|
745
|
-
position: absolute;
|
|
746
|
-
opacity: 0;
|
|
747
|
-
cursor: pointer;
|
|
748
|
-
height: 0;
|
|
749
|
-
width: 0;
|
|
750
|
-
}
|
|
751
|
-
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
752
|
-
height: 0.625rem;
|
|
753
|
-
width: 0.625rem;
|
|
754
|
-
}
|
|
755
|
-
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
756
|
-
outline: none;
|
|
757
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
758
|
-
outline-offset: 0.125rem;
|
|
759
|
-
}
|
|
760
|
-
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
761
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
762
|
-
}
|
|
763
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
764
|
-
position: relative;
|
|
765
|
-
height: 1.25rem;
|
|
766
|
-
width: 1.25rem;
|
|
767
|
-
margin-right: 1rem;
|
|
768
|
-
background-color: #ffffff;
|
|
769
|
-
border: 0.125rem solid #181c56;
|
|
770
|
-
border-radius: 50%;
|
|
771
|
-
display: flex;
|
|
772
|
-
align-items: center;
|
|
773
|
-
justify-content: center;
|
|
774
|
-
}
|
|
775
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
776
|
-
background-color: #181c56;
|
|
777
|
-
border-color: #aeb7e2;
|
|
778
|
-
}
|
|
779
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
780
|
-
background: #d1d3d3;
|
|
781
|
-
border-color: #d1d3d3;
|
|
782
|
-
cursor: not-allowed;
|
|
783
|
-
}
|
|
784
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
785
|
-
border-color: #d1d3d3;
|
|
786
|
-
}
|
|
787
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
788
|
-
background: #d1d3d3;
|
|
789
|
-
border-color: #d1d3d3;
|
|
790
|
-
}
|
|
791
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
792
|
-
color: #656782;
|
|
793
|
-
}
|
|
794
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
795
|
-
display: block;
|
|
796
|
-
width: 0;
|
|
797
|
-
height: 0;
|
|
798
|
-
border-radius: 50%;
|
|
799
|
-
background-color: #181c56;
|
|
800
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
801
|
-
}
|
|
802
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
803
|
-
background-color: #aeb7e2;
|
|
804
|
-
}
|
|
805
|
-
/* DO NOT CHANGE!*/
|
|
806
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
807
807
|
textarea.eds-form-control.eds-textarea {
|
|
808
808
|
min-height: 7.75rem;
|
|
809
809
|
resize: vertical;
|
|
@@ -848,6 +848,17 @@ textarea.eds-form-control.eds-textarea {
|
|
|
848
848
|
}
|
|
849
849
|
/* DO NOT CHANGE!*/
|
|
850
850
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
851
|
+
.eds-segmented-control {
|
|
852
|
+
margin-top: 0.25rem;
|
|
853
|
+
display: flex;
|
|
854
|
+
background: #d1d4e3;
|
|
855
|
+
border-radius: 0.5rem;
|
|
856
|
+
}
|
|
857
|
+
.eds-contrast .eds-segmented-control {
|
|
858
|
+
background: #393d79;
|
|
859
|
+
}
|
|
860
|
+
/* DO NOT CHANGE!*/
|
|
861
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
851
862
|
.eds-segmented-choice {
|
|
852
863
|
display: block;
|
|
853
864
|
flex: 1 1 0px;
|
|
@@ -919,17 +930,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
919
930
|
}
|
|
920
931
|
/* DO NOT CHANGE!*/
|
|
921
932
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
922
|
-
.eds-segmented-control {
|
|
923
|
-
margin-top: 0.25rem;
|
|
924
|
-
display: flex;
|
|
925
|
-
background: #d1d4e3;
|
|
926
|
-
border-radius: 0.5rem;
|
|
927
|
-
}
|
|
928
|
-
.eds-contrast .eds-segmented-control {
|
|
929
|
-
background: #393d79;
|
|
930
|
-
}
|
|
931
|
-
/* DO NOT CHANGE!*/
|
|
932
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
933
933
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
934
934
|
border-color: #181c56;
|
|
935
935
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.14",
|
|
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.4.
|
|
30
|
+
"@entur/icons": "^6.4.1",
|
|
31
31
|
"@entur/tokens": "^3.10.0",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
32
|
+
"@entur/tooltip": "^2.6.24",
|
|
33
|
+
"@entur/typography": "^1.8.5",
|
|
34
34
|
"@entur/utils": "^0.9.3",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "113113f32a331fcd5f01d20e2c47ae2f2b73b93e"
|
|
38
38
|
}
|