@entur/form 7.0.27-alpha.0 → 7.0.28
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 +176 -176
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,57 @@
|
|
|
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 {
|
|
9
|
+
padding-left: calc(1rem + 0.125rem);
|
|
10
|
+
}
|
|
11
|
+
.eds-feedback-text__text {
|
|
12
|
+
color: #181c56;
|
|
13
|
+
}
|
|
14
|
+
.eds-contrast .eds-feedback-text__text {
|
|
15
|
+
color: #ffffff;
|
|
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: #1a8e60;
|
|
28
|
+
}
|
|
29
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
30
|
+
color: #5ac39a;
|
|
31
|
+
}
|
|
32
|
+
.eds-feedback-text__icon--error {
|
|
33
|
+
color: #d31b1b;
|
|
34
|
+
}
|
|
35
|
+
.eds-contrast .eds-feedback-text__icon--error {
|
|
36
|
+
color: #ff9494;
|
|
37
|
+
}
|
|
38
|
+
.eds-feedback-text__icon--info {
|
|
39
|
+
color: #0082b9;
|
|
40
|
+
}
|
|
41
|
+
.eds-contrast .eds-feedback-text__icon--info {
|
|
42
|
+
color: #64b3e7;
|
|
43
|
+
}
|
|
44
|
+
.eds-feedback-text__icon--warning {
|
|
45
|
+
color: #ffca28;
|
|
46
|
+
}
|
|
47
|
+
.eds-feedback-text__icon--warning circle {
|
|
48
|
+
fill: #181c56;
|
|
49
|
+
}
|
|
50
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
51
|
+
color: #ffe082;
|
|
52
|
+
}
|
|
53
|
+
/* DO NOT CHANGE!*/
|
|
54
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
55
|
.eds-form-control-wrapper {
|
|
4
56
|
--border-color: #7C7F9F;
|
|
5
57
|
--border-color-hover: #aeb7e2;
|
|
@@ -242,63 +294,6 @@
|
|
|
242
294
|
}
|
|
243
295
|
/* DO NOT CHANGE!*/
|
|
244
296
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
245
|
-
.eds-feedback-text {
|
|
246
|
-
display: flex;
|
|
247
|
-
align-items: center;
|
|
248
|
-
margin-top: 0.25rem;
|
|
249
|
-
}
|
|
250
|
-
.eds-feedback-text--info {
|
|
251
|
-
padding-left: calc(1rem + 0.125rem);
|
|
252
|
-
}
|
|
253
|
-
.eds-feedback-text__text {
|
|
254
|
-
color: #181c56;
|
|
255
|
-
}
|
|
256
|
-
.eds-contrast .eds-feedback-text__text {
|
|
257
|
-
color: #ffffff;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.eds-feedback-text__icon {
|
|
261
|
-
font-size: 1.5rem;
|
|
262
|
-
min-height: 1.5rem;
|
|
263
|
-
min-width: 1.5rem;
|
|
264
|
-
padding-right: 0.5rem;
|
|
265
|
-
position: relative;
|
|
266
|
-
top: -0.1rem;
|
|
267
|
-
}
|
|
268
|
-
.eds-feedback-text__icon--success {
|
|
269
|
-
color: #1a8e60;
|
|
270
|
-
}
|
|
271
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
272
|
-
color: #5ac39a;
|
|
273
|
-
}
|
|
274
|
-
.eds-feedback-text__icon--error {
|
|
275
|
-
color: #d31b1b;
|
|
276
|
-
}
|
|
277
|
-
.eds-contrast .eds-feedback-text__icon--error {
|
|
278
|
-
color: #ff9494;
|
|
279
|
-
}
|
|
280
|
-
.eds-feedback-text__icon--info {
|
|
281
|
-
color: #0082b9;
|
|
282
|
-
}
|
|
283
|
-
.eds-contrast .eds-feedback-text__icon--info {
|
|
284
|
-
color: #64b3e7;
|
|
285
|
-
}
|
|
286
|
-
.eds-feedback-text__icon--warning {
|
|
287
|
-
color: #ffca28;
|
|
288
|
-
}
|
|
289
|
-
.eds-feedback-text__icon--warning circle {
|
|
290
|
-
fill: #181c56;
|
|
291
|
-
}
|
|
292
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
293
|
-
color: #ffe082;
|
|
294
|
-
}
|
|
295
|
-
.eds-fieldset {
|
|
296
|
-
margin: 0;
|
|
297
|
-
padding: 0;
|
|
298
|
-
border: 0;
|
|
299
|
-
}
|
|
300
|
-
/* DO NOT CHANGE!*/
|
|
301
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
302
297
|
.eds-checkbox__container {
|
|
303
298
|
display: flex;
|
|
304
299
|
align-items: center;
|
|
@@ -459,6 +454,11 @@
|
|
|
459
454
|
stroke-dashoffset: 0;
|
|
460
455
|
}
|
|
461
456
|
}
|
|
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-form-component--radio__container {
|
|
@@ -680,6 +680,125 @@
|
|
|
680
680
|
}
|
|
681
681
|
/* DO NOT CHANGE!*/
|
|
682
682
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
683
|
+
.eds-switch {
|
|
684
|
+
cursor: pointer;
|
|
685
|
+
-webkit-user-select: none;
|
|
686
|
+
-moz-user-select: none;
|
|
687
|
+
user-select: none;
|
|
688
|
+
padding: 0.5rem 0;
|
|
689
|
+
width: -moz-fit-content;
|
|
690
|
+
width: fit-content;
|
|
691
|
+
}
|
|
692
|
+
.eds-switch input {
|
|
693
|
+
opacity: 0;
|
|
694
|
+
pointer-events: none;
|
|
695
|
+
position: absolute;
|
|
696
|
+
}
|
|
697
|
+
.eds-switch--right {
|
|
698
|
+
display: flex;
|
|
699
|
+
flex-direction: row;
|
|
700
|
+
align-items: center;
|
|
701
|
+
}
|
|
702
|
+
.eds-switch--bottom {
|
|
703
|
+
display: flex;
|
|
704
|
+
flex-direction: column;
|
|
705
|
+
align-items: center;
|
|
706
|
+
}
|
|
707
|
+
.eds-switch__circle {
|
|
708
|
+
border-radius: 50%;
|
|
709
|
+
height: 1.25rem;
|
|
710
|
+
width: 1.25rem;
|
|
711
|
+
content: "";
|
|
712
|
+
display: flex;
|
|
713
|
+
align-items: center;
|
|
714
|
+
justify-content: center;
|
|
715
|
+
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
716
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
717
|
+
background-color: #ffffff;
|
|
718
|
+
top: 0.125rem;
|
|
719
|
+
left: 0.125rem;
|
|
720
|
+
position: relative;
|
|
721
|
+
}
|
|
722
|
+
.eds-switch__switch--large .eds-switch__circle {
|
|
723
|
+
height: 1.75rem;
|
|
724
|
+
width: 1.75rem;
|
|
725
|
+
}
|
|
726
|
+
.eds-contrast .eds-switch__circle {
|
|
727
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
|
|
728
|
+
}
|
|
729
|
+
.eds-switch__switch {
|
|
730
|
+
position: relative;
|
|
731
|
+
background-color: #949494;
|
|
732
|
+
content: "";
|
|
733
|
+
display: block;
|
|
734
|
+
transition: background-color 0.1s ease-in-out;
|
|
735
|
+
height: 1.5rem;
|
|
736
|
+
width: 3rem;
|
|
737
|
+
border-radius: 1.5rem;
|
|
738
|
+
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
739
|
+
}
|
|
740
|
+
.eds-contrast .eds-switch__switch {
|
|
741
|
+
background-color: #8285a8;
|
|
742
|
+
}
|
|
743
|
+
.eds-switch--right .eds-switch__switch {
|
|
744
|
+
margin-right: 0.75rem;
|
|
745
|
+
}
|
|
746
|
+
.eds-switch__switch svg g,
|
|
747
|
+
.eds-switch__switch path {
|
|
748
|
+
fill: #646464;
|
|
749
|
+
transition: fill ease-in-out 0.1s;
|
|
750
|
+
}
|
|
751
|
+
.eds-contrast .eds-switch__switch svg g,
|
|
752
|
+
.eds-contrast .eds-switch__switch path {
|
|
753
|
+
fill: #181c56;
|
|
754
|
+
}
|
|
755
|
+
:checked + .eds-switch__switch {
|
|
756
|
+
background-color: var(--eds-switch-color);
|
|
757
|
+
}
|
|
758
|
+
:checked + .eds-switch__switch .eds-switch__circle {
|
|
759
|
+
left: 1.625rem;
|
|
760
|
+
}
|
|
761
|
+
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
762
|
+
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
763
|
+
fill: var(--eds-switch-color);
|
|
764
|
+
}
|
|
765
|
+
.eds-contrast :checked + .eds-switch__switch {
|
|
766
|
+
background-color: var(--eds-switch-contrast-color);
|
|
767
|
+
}
|
|
768
|
+
:focus + .eds-switch__switch {
|
|
769
|
+
outline: none;
|
|
770
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
771
|
+
outline-offset: 0.125rem;
|
|
772
|
+
}
|
|
773
|
+
.eds-contrast :focus + .eds-switch__switch {
|
|
774
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
775
|
+
}
|
|
776
|
+
.eds-switch__switch--large {
|
|
777
|
+
width: 3.75rem;
|
|
778
|
+
height: 2rem;
|
|
779
|
+
border-radius: 3.75rem;
|
|
780
|
+
}
|
|
781
|
+
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
782
|
+
left: 1.875rem;
|
|
783
|
+
}
|
|
784
|
+
.eds-switch__switch--large svg {
|
|
785
|
+
position: relative;
|
|
786
|
+
right: 0.05rem;
|
|
787
|
+
}
|
|
788
|
+
.eds-switch__label--large--right {
|
|
789
|
+
font-size: 1rem;
|
|
790
|
+
}
|
|
791
|
+
.eds-switch__label--large--bottom {
|
|
792
|
+
font-size: 0.875rem;
|
|
793
|
+
}
|
|
794
|
+
.eds-switch__label--medium--right {
|
|
795
|
+
font-size: 0.875rem;
|
|
796
|
+
}
|
|
797
|
+
.eds-switch__label--medium--bottom {
|
|
798
|
+
font-size: 0.75rem;
|
|
799
|
+
}
|
|
800
|
+
/* DO NOT CHANGE!*/
|
|
801
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
683
802
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
684
803
|
border-color: #181c56;
|
|
685
804
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
@@ -845,125 +964,6 @@ input:disabled + .eds-input-panel__container {
|
|
|
845
964
|
}
|
|
846
965
|
/* DO NOT CHANGE!*/
|
|
847
966
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
848
|
-
.eds-switch {
|
|
849
|
-
cursor: pointer;
|
|
850
|
-
-webkit-user-select: none;
|
|
851
|
-
-moz-user-select: none;
|
|
852
|
-
user-select: none;
|
|
853
|
-
padding: 0.5rem 0;
|
|
854
|
-
width: -moz-fit-content;
|
|
855
|
-
width: fit-content;
|
|
856
|
-
}
|
|
857
|
-
.eds-switch input {
|
|
858
|
-
opacity: 0;
|
|
859
|
-
pointer-events: none;
|
|
860
|
-
position: absolute;
|
|
861
|
-
}
|
|
862
|
-
.eds-switch--right {
|
|
863
|
-
display: flex;
|
|
864
|
-
flex-direction: row;
|
|
865
|
-
align-items: center;
|
|
866
|
-
}
|
|
867
|
-
.eds-switch--bottom {
|
|
868
|
-
display: flex;
|
|
869
|
-
flex-direction: column;
|
|
870
|
-
align-items: center;
|
|
871
|
-
}
|
|
872
|
-
.eds-switch__circle {
|
|
873
|
-
border-radius: 50%;
|
|
874
|
-
height: 1.25rem;
|
|
875
|
-
width: 1.25rem;
|
|
876
|
-
content: "";
|
|
877
|
-
display: flex;
|
|
878
|
-
align-items: center;
|
|
879
|
-
justify-content: center;
|
|
880
|
-
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
881
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
882
|
-
background-color: #ffffff;
|
|
883
|
-
top: 0.125rem;
|
|
884
|
-
left: 0.125rem;
|
|
885
|
-
position: relative;
|
|
886
|
-
}
|
|
887
|
-
.eds-switch__switch--large .eds-switch__circle {
|
|
888
|
-
height: 1.75rem;
|
|
889
|
-
width: 1.75rem;
|
|
890
|
-
}
|
|
891
|
-
.eds-contrast .eds-switch__circle {
|
|
892
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
|
|
893
|
-
}
|
|
894
|
-
.eds-switch__switch {
|
|
895
|
-
position: relative;
|
|
896
|
-
background-color: #949494;
|
|
897
|
-
content: "";
|
|
898
|
-
display: block;
|
|
899
|
-
transition: background-color 0.1s ease-in-out;
|
|
900
|
-
height: 1.5rem;
|
|
901
|
-
width: 3rem;
|
|
902
|
-
border-radius: 1.5rem;
|
|
903
|
-
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
904
|
-
}
|
|
905
|
-
.eds-contrast .eds-switch__switch {
|
|
906
|
-
background-color: #8285a8;
|
|
907
|
-
}
|
|
908
|
-
.eds-switch--right .eds-switch__switch {
|
|
909
|
-
margin-right: 0.75rem;
|
|
910
|
-
}
|
|
911
|
-
.eds-switch__switch svg g,
|
|
912
|
-
.eds-switch__switch path {
|
|
913
|
-
fill: #646464;
|
|
914
|
-
transition: fill ease-in-out 0.1s;
|
|
915
|
-
}
|
|
916
|
-
.eds-contrast .eds-switch__switch svg g,
|
|
917
|
-
.eds-contrast .eds-switch__switch path {
|
|
918
|
-
fill: #181c56;
|
|
919
|
-
}
|
|
920
|
-
:checked + .eds-switch__switch {
|
|
921
|
-
background-color: var(--eds-switch-color);
|
|
922
|
-
}
|
|
923
|
-
:checked + .eds-switch__switch .eds-switch__circle {
|
|
924
|
-
left: 1.625rem;
|
|
925
|
-
}
|
|
926
|
-
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
927
|
-
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
928
|
-
fill: var(--eds-switch-color);
|
|
929
|
-
}
|
|
930
|
-
.eds-contrast :checked + .eds-switch__switch {
|
|
931
|
-
background-color: var(--eds-switch-contrast-color);
|
|
932
|
-
}
|
|
933
|
-
:focus + .eds-switch__switch {
|
|
934
|
-
outline: none;
|
|
935
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
936
|
-
outline-offset: 0.125rem;
|
|
937
|
-
}
|
|
938
|
-
.eds-contrast :focus + .eds-switch__switch {
|
|
939
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
940
|
-
}
|
|
941
|
-
.eds-switch__switch--large {
|
|
942
|
-
width: 3.75rem;
|
|
943
|
-
height: 2rem;
|
|
944
|
-
border-radius: 3.75rem;
|
|
945
|
-
}
|
|
946
|
-
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
947
|
-
left: 1.875rem;
|
|
948
|
-
}
|
|
949
|
-
.eds-switch__switch--large svg {
|
|
950
|
-
position: relative;
|
|
951
|
-
right: 0.05rem;
|
|
952
|
-
}
|
|
953
|
-
.eds-switch__label--large--right {
|
|
954
|
-
font-size: 1rem;
|
|
955
|
-
}
|
|
956
|
-
.eds-switch__label--large--bottom {
|
|
957
|
-
font-size: 0.875rem;
|
|
958
|
-
}
|
|
959
|
-
.eds-switch__label--medium--right {
|
|
960
|
-
font-size: 0.875rem;
|
|
961
|
-
}
|
|
962
|
-
.eds-switch__label--medium--bottom {
|
|
963
|
-
font-size: 0.75rem;
|
|
964
|
-
}
|
|
965
|
-
/* DO NOT CHANGE!*/
|
|
966
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
967
967
|
textarea.eds-form-control.eds-textarea {
|
|
968
968
|
min-height: 7.75rem;
|
|
969
969
|
resize: vertical;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.28",
|
|
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.12.
|
|
31
|
-
"@entur/tokens": "^3.11.
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/icons": "^6.12.0",
|
|
31
|
+
"@entur/tokens": "^3.11.0",
|
|
32
|
+
"@entur/tooltip": "^2.6.37",
|
|
33
|
+
"@entur/typography": "^1.8.16",
|
|
34
34
|
"@entur/utils": "^0.9.5",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "b88f20e65837e48f9c1c2882f6d18233613d63a6"
|
|
38
38
|
}
|