@entur/form 7.0.37 → 7.0.38-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 +96 -96
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -402,6 +402,11 @@
|
|
|
402
402
|
stroke-dashoffset: 0;
|
|
403
403
|
}
|
|
404
404
|
}
|
|
405
|
+
.eds-fieldset {
|
|
406
|
+
margin: 0;
|
|
407
|
+
padding: 0;
|
|
408
|
+
border: 0;
|
|
409
|
+
}
|
|
405
410
|
/* DO NOT CHANGE!*/
|
|
406
411
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
407
412
|
.eds-feedback-text {
|
|
@@ -454,11 +459,6 @@
|
|
|
454
459
|
.eds-contrast .eds-feedback-text__icon--warning {
|
|
455
460
|
color: #ffe082;
|
|
456
461
|
}
|
|
457
|
-
.eds-fieldset {
|
|
458
|
-
margin: 0;
|
|
459
|
-
padding: 0;
|
|
460
|
-
border: 0;
|
|
461
|
-
}
|
|
462
462
|
/* DO NOT CHANGE!*/
|
|
463
463
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
464
464
|
.eds-input-group {
|
|
@@ -712,94 +712,6 @@
|
|
|
712
712
|
}
|
|
713
713
|
/* DO NOT CHANGE!*/
|
|
714
714
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
715
|
-
.eds-form-component--radio__container {
|
|
716
|
-
display: flex;
|
|
717
|
-
justify-content: center;
|
|
718
|
-
align-items: center;
|
|
719
|
-
position: relative;
|
|
720
|
-
cursor: pointer;
|
|
721
|
-
height: 2rem;
|
|
722
|
-
width: -moz-fit-content;
|
|
723
|
-
width: fit-content;
|
|
724
|
-
-webkit-user-select: none;
|
|
725
|
-
-moz-user-select: none;
|
|
726
|
-
user-select: none;
|
|
727
|
-
}
|
|
728
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
729
|
-
border-color: #54568c;
|
|
730
|
-
}
|
|
731
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
732
|
-
background-color: #54568c;
|
|
733
|
-
}
|
|
734
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
735
|
-
border-color: #8285a8;
|
|
736
|
-
}
|
|
737
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
738
|
-
background-color: #8285a8;
|
|
739
|
-
}
|
|
740
|
-
.eds-form-component--radio__container input {
|
|
741
|
-
position: absolute;
|
|
742
|
-
opacity: 0;
|
|
743
|
-
cursor: pointer;
|
|
744
|
-
height: 0;
|
|
745
|
-
width: 0;
|
|
746
|
-
}
|
|
747
|
-
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
748
|
-
height: 0.625rem;
|
|
749
|
-
width: 0.625rem;
|
|
750
|
-
}
|
|
751
|
-
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
752
|
-
outline: none;
|
|
753
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
754
|
-
outline-offset: 0.125rem;
|
|
755
|
-
}
|
|
756
|
-
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
757
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
758
|
-
}
|
|
759
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
760
|
-
position: relative;
|
|
761
|
-
height: 1.25rem;
|
|
762
|
-
width: 1.25rem;
|
|
763
|
-
margin-right: 1rem;
|
|
764
|
-
background-color: #ffffff;
|
|
765
|
-
border: 0.125rem solid #181c56;
|
|
766
|
-
border-radius: 50%;
|
|
767
|
-
display: flex;
|
|
768
|
-
align-items: center;
|
|
769
|
-
justify-content: center;
|
|
770
|
-
}
|
|
771
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
772
|
-
background-color: #181c56;
|
|
773
|
-
border-color: #aeb7e2;
|
|
774
|
-
}
|
|
775
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
776
|
-
background: #d1d3d3;
|
|
777
|
-
border-color: #d1d3d3;
|
|
778
|
-
cursor: not-allowed;
|
|
779
|
-
}
|
|
780
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
781
|
-
border-color: #d1d3d3;
|
|
782
|
-
}
|
|
783
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
784
|
-
background: #d1d3d3;
|
|
785
|
-
border-color: #d1d3d3;
|
|
786
|
-
}
|
|
787
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
788
|
-
color: #656782;
|
|
789
|
-
}
|
|
790
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
791
|
-
display: block;
|
|
792
|
-
width: 0;
|
|
793
|
-
height: 0;
|
|
794
|
-
border-radius: 50%;
|
|
795
|
-
background-color: #181c56;
|
|
796
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
797
|
-
}
|
|
798
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
799
|
-
background-color: #aeb7e2;
|
|
800
|
-
}
|
|
801
|
-
/* DO NOT CHANGE!*/
|
|
802
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
803
715
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
804
716
|
border-color: #181c56;
|
|
805
717
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
@@ -962,6 +874,94 @@ input:disabled + .eds-input-panel__container {
|
|
|
962
874
|
}
|
|
963
875
|
/* DO NOT CHANGE!*/
|
|
964
876
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
877
|
+
.eds-form-component--radio__container {
|
|
878
|
+
display: flex;
|
|
879
|
+
justify-content: center;
|
|
880
|
+
align-items: center;
|
|
881
|
+
position: relative;
|
|
882
|
+
cursor: pointer;
|
|
883
|
+
height: 2rem;
|
|
884
|
+
width: -moz-fit-content;
|
|
885
|
+
width: fit-content;
|
|
886
|
+
-webkit-user-select: none;
|
|
887
|
+
-moz-user-select: none;
|
|
888
|
+
user-select: none;
|
|
889
|
+
}
|
|
890
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
891
|
+
border-color: #54568c;
|
|
892
|
+
}
|
|
893
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
894
|
+
background-color: #54568c;
|
|
895
|
+
}
|
|
896
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
897
|
+
border-color: #8285a8;
|
|
898
|
+
}
|
|
899
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
900
|
+
background-color: #8285a8;
|
|
901
|
+
}
|
|
902
|
+
.eds-form-component--radio__container input {
|
|
903
|
+
position: absolute;
|
|
904
|
+
opacity: 0;
|
|
905
|
+
cursor: pointer;
|
|
906
|
+
height: 0;
|
|
907
|
+
width: 0;
|
|
908
|
+
}
|
|
909
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
910
|
+
height: 0.625rem;
|
|
911
|
+
width: 0.625rem;
|
|
912
|
+
}
|
|
913
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
914
|
+
outline: none;
|
|
915
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
916
|
+
outline-offset: 0.125rem;
|
|
917
|
+
}
|
|
918
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
919
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
920
|
+
}
|
|
921
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
922
|
+
position: relative;
|
|
923
|
+
height: 1.25rem;
|
|
924
|
+
width: 1.25rem;
|
|
925
|
+
margin-right: 1rem;
|
|
926
|
+
background-color: #ffffff;
|
|
927
|
+
border: 0.125rem solid #181c56;
|
|
928
|
+
border-radius: 50%;
|
|
929
|
+
display: flex;
|
|
930
|
+
align-items: center;
|
|
931
|
+
justify-content: center;
|
|
932
|
+
}
|
|
933
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
934
|
+
background-color: #181c56;
|
|
935
|
+
border-color: #aeb7e2;
|
|
936
|
+
}
|
|
937
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
938
|
+
background: #d1d3d3;
|
|
939
|
+
border-color: #d1d3d3;
|
|
940
|
+
cursor: not-allowed;
|
|
941
|
+
}
|
|
942
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
943
|
+
border-color: #d1d3d3;
|
|
944
|
+
}
|
|
945
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
946
|
+
background: #d1d3d3;
|
|
947
|
+
border-color: #d1d3d3;
|
|
948
|
+
}
|
|
949
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
950
|
+
color: #656782;
|
|
951
|
+
}
|
|
952
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
953
|
+
display: block;
|
|
954
|
+
width: 0;
|
|
955
|
+
height: 0;
|
|
956
|
+
border-radius: 50%;
|
|
957
|
+
background-color: #181c56;
|
|
958
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
959
|
+
}
|
|
960
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
961
|
+
background-color: #aeb7e2;
|
|
962
|
+
}
|
|
963
|
+
/* DO NOT CHANGE!*/
|
|
964
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
965
965
|
textarea.eds-form-control.eds-textarea {
|
|
966
966
|
min-height: 7.75rem;
|
|
967
967
|
resize: vertical;
|
|
@@ -1075,6 +1075,9 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1075
1075
|
.eds-contrast .eds-segmented-choice input:focus:checked + .eds-base-segmented {
|
|
1076
1076
|
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;
|
|
1077
1077
|
}
|
|
1078
|
+
:root {
|
|
1079
|
+
--eds-form: 1;
|
|
1080
|
+
}
|
|
1078
1081
|
/* DO NOT CHANGE!*/
|
|
1079
1082
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1080
1083
|
.eds-segmented-control {
|
|
@@ -1086,6 +1089,3 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1086
1089
|
.eds-contrast .eds-segmented-control {
|
|
1087
1090
|
background: #393d79;
|
|
1088
1091
|
}
|
|
1089
|
-
:root {
|
|
1090
|
-
--eds-form: 1;
|
|
1091
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.38-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.15.0",
|
|
31
31
|
"@entur/tokens": "^3.12.0",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
32
|
+
"@entur/tooltip": "^2.6.47-beta.0",
|
|
33
33
|
"@entur/typography": "^1.8.23",
|
|
34
34
|
"@entur/utils": "^0.10.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "453c823f5b935959f701f0c777236a8e0c23601e"
|
|
38
38
|
}
|