@entur/form 5.4.3 → 5.4.4
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 +133 -133
- package/package.json +4 -4
package/dist/styles.css
CHANGED
|
@@ -258,6 +258,21 @@
|
|
|
258
258
|
margin-left: 0;
|
|
259
259
|
}/* DO NOT CHANGE!*/
|
|
260
260
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
261
|
+
textarea.eds-form-control.eds-textarea {
|
|
262
|
+
min-height: 7.75rem;
|
|
263
|
+
resize: vertical;
|
|
264
|
+
line-height: 1.5rem;
|
|
265
|
+
}/* DO NOT CHANGE!*/
|
|
266
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
267
|
+
.eds-fieldset {
|
|
268
|
+
margin: 0;
|
|
269
|
+
padding: 0;
|
|
270
|
+
border: 0;
|
|
271
|
+
}
|
|
272
|
+
.eds-fieldset .eds-legend {
|
|
273
|
+
margin: 0 0 0.5rem;
|
|
274
|
+
}/* DO NOT CHANGE!*/
|
|
275
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
261
276
|
.eds-feedback-text {
|
|
262
277
|
display: flex;
|
|
263
278
|
align-items: center;
|
|
@@ -536,6 +551,118 @@
|
|
|
536
551
|
}
|
|
537
552
|
}/* DO NOT CHANGE!*/
|
|
538
553
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
554
|
+
.eds-switch {
|
|
555
|
+
cursor: pointer;
|
|
556
|
+
-webkit-user-select: none;
|
|
557
|
+
-moz-user-select: none;
|
|
558
|
+
-ms-user-select: none;
|
|
559
|
+
user-select: none;
|
|
560
|
+
padding: 0.5rem 0;
|
|
561
|
+
width: -webkit-fit-content;
|
|
562
|
+
width: -moz-fit-content;
|
|
563
|
+
width: fit-content;
|
|
564
|
+
}
|
|
565
|
+
.eds-switch input {
|
|
566
|
+
opacity: 0;
|
|
567
|
+
pointer-events: none;
|
|
568
|
+
position: absolute;
|
|
569
|
+
}
|
|
570
|
+
.eds-switch--right {
|
|
571
|
+
display: flex;
|
|
572
|
+
flex-direction: row;
|
|
573
|
+
align-items: center;
|
|
574
|
+
}
|
|
575
|
+
.eds-switch--bottom {
|
|
576
|
+
display: flex;
|
|
577
|
+
flex-direction: column;
|
|
578
|
+
align-items: center;
|
|
579
|
+
}
|
|
580
|
+
.eds-switch__circle {
|
|
581
|
+
border-radius: 50%;
|
|
582
|
+
height: 1.25rem;
|
|
583
|
+
width: 1.25rem;
|
|
584
|
+
content: "";
|
|
585
|
+
display: flex;
|
|
586
|
+
align-items: center;
|
|
587
|
+
justify-content: center;
|
|
588
|
+
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
589
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
590
|
+
background-color: #ffffff;
|
|
591
|
+
top: 0.125rem;
|
|
592
|
+
left: 0.125rem;
|
|
593
|
+
position: relative;
|
|
594
|
+
}
|
|
595
|
+
.eds-switch__switch--large .eds-switch__circle {
|
|
596
|
+
height: 1.75rem;
|
|
597
|
+
width: 1.75rem;
|
|
598
|
+
}
|
|
599
|
+
.eds-switch .eds-switch__switch svg g,
|
|
600
|
+
.eds-switch .eds-switch__switch path {
|
|
601
|
+
fill: #949494;
|
|
602
|
+
transition: fill ease-in-out 0.1s;
|
|
603
|
+
}
|
|
604
|
+
.eds-switch__switch {
|
|
605
|
+
position: relative;
|
|
606
|
+
background-color: #d1d3d3;
|
|
607
|
+
content: "";
|
|
608
|
+
display: block;
|
|
609
|
+
transition: background-color 0.1s ease-in-out;
|
|
610
|
+
height: 1.5rem;
|
|
611
|
+
width: 3rem;
|
|
612
|
+
border-radius: 1.5rem;
|
|
613
|
+
}
|
|
614
|
+
.eds-switch--right .eds-switch__switch {
|
|
615
|
+
margin-right: 0.75rem;
|
|
616
|
+
}
|
|
617
|
+
:checked + .eds-switch__switch {
|
|
618
|
+
background-color: var(--eds-switch-color);
|
|
619
|
+
}
|
|
620
|
+
:checked + .eds-switch__switch .eds-switch__circle {
|
|
621
|
+
left: 1.625rem;
|
|
622
|
+
}
|
|
623
|
+
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
624
|
+
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
625
|
+
fill: var(--eds-switch-color);
|
|
626
|
+
}
|
|
627
|
+
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
628
|
+
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle path {
|
|
629
|
+
fill: var(--eds-switch-color);
|
|
630
|
+
}
|
|
631
|
+
.eds-contrast :checked + .eds-switch__switch {
|
|
632
|
+
background-color: var(--eds-switch-contrast-color);
|
|
633
|
+
}
|
|
634
|
+
:focus + .eds-switch__switch {
|
|
635
|
+
outline: none;
|
|
636
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
637
|
+
outline-offset: 0.125rem;
|
|
638
|
+
}
|
|
639
|
+
.eds-contrast :focus + .eds-switch__switch {
|
|
640
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
641
|
+
}
|
|
642
|
+
.eds-contrast .eds-switch__switch {
|
|
643
|
+
background-color: #54568c;
|
|
644
|
+
}
|
|
645
|
+
.eds-switch__switch--large {
|
|
646
|
+
width: 3.75rem;
|
|
647
|
+
height: 2rem;
|
|
648
|
+
border-radius: 3.75rem;
|
|
649
|
+
}
|
|
650
|
+
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
651
|
+
left: 1.875rem;
|
|
652
|
+
}
|
|
653
|
+
.eds-switch__label--large--right {
|
|
654
|
+
font-size: 1rem;
|
|
655
|
+
}
|
|
656
|
+
.eds-switch__label--large--bottom {
|
|
657
|
+
font-size: 0.875rem;
|
|
658
|
+
}
|
|
659
|
+
.eds-switch__label--medium--right {
|
|
660
|
+
font-size: 0.875rem;
|
|
661
|
+
}
|
|
662
|
+
.eds-switch__label--medium--bottom {
|
|
663
|
+
font-size: 0.75rem;
|
|
664
|
+
}/* DO NOT CHANGE!*/
|
|
665
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
539
666
|
.eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
540
667
|
border-color: #181c56;
|
|
541
668
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
@@ -804,21 +931,6 @@
|
|
|
804
931
|
margin-left: 1rem;
|
|
805
932
|
}/* DO NOT CHANGE!*/
|
|
806
933
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
807
|
-
textarea.eds-form-control.eds-textarea {
|
|
808
|
-
min-height: 7.75rem;
|
|
809
|
-
resize: vertical;
|
|
810
|
-
line-height: 1.5rem;
|
|
811
|
-
}/* DO NOT CHANGE!*/
|
|
812
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
813
|
-
.eds-fieldset {
|
|
814
|
-
margin: 0;
|
|
815
|
-
padding: 0;
|
|
816
|
-
border: 0;
|
|
817
|
-
}
|
|
818
|
-
.eds-fieldset .eds-legend {
|
|
819
|
-
margin: 0 0 0.5rem;
|
|
820
|
-
}/* DO NOT CHANGE!*/
|
|
821
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
822
934
|
.eds-textfield__clear-button {
|
|
823
935
|
background: none;
|
|
824
936
|
border: none;
|
|
@@ -855,116 +967,14 @@ textarea.eds-form-control.eds-textarea {
|
|
|
855
967
|
background-color: #8285a8;
|
|
856
968
|
}/* DO NOT CHANGE!*/
|
|
857
969
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
858
|
-
.eds-
|
|
859
|
-
|
|
860
|
-
-webkit-user-select: none;
|
|
861
|
-
-moz-user-select: none;
|
|
862
|
-
-ms-user-select: none;
|
|
863
|
-
user-select: none;
|
|
864
|
-
padding: 0.5rem 0;
|
|
865
|
-
width: -webkit-fit-content;
|
|
866
|
-
width: -moz-fit-content;
|
|
867
|
-
width: fit-content;
|
|
868
|
-
}
|
|
869
|
-
.eds-switch input {
|
|
870
|
-
opacity: 0;
|
|
871
|
-
pointer-events: none;
|
|
872
|
-
position: absolute;
|
|
873
|
-
}
|
|
874
|
-
.eds-switch--right {
|
|
875
|
-
display: flex;
|
|
876
|
-
flex-direction: row;
|
|
877
|
-
align-items: center;
|
|
878
|
-
}
|
|
879
|
-
.eds-switch--bottom {
|
|
880
|
-
display: flex;
|
|
881
|
-
flex-direction: column;
|
|
882
|
-
align-items: center;
|
|
883
|
-
}
|
|
884
|
-
.eds-switch__circle {
|
|
885
|
-
border-radius: 50%;
|
|
886
|
-
height: 1.25rem;
|
|
887
|
-
width: 1.25rem;
|
|
888
|
-
content: "";
|
|
970
|
+
.eds-segmented-control {
|
|
971
|
+
margin-top: 0.25rem;
|
|
889
972
|
display: flex;
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
893
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
894
|
-
background-color: #ffffff;
|
|
895
|
-
top: 0.125rem;
|
|
896
|
-
left: 0.125rem;
|
|
897
|
-
position: relative;
|
|
898
|
-
}
|
|
899
|
-
.eds-switch__switch--large .eds-switch__circle {
|
|
900
|
-
height: 1.75rem;
|
|
901
|
-
width: 1.75rem;
|
|
902
|
-
}
|
|
903
|
-
.eds-switch .eds-switch__switch svg g,
|
|
904
|
-
.eds-switch .eds-switch__switch path {
|
|
905
|
-
fill: #949494;
|
|
906
|
-
transition: fill ease-in-out 0.1s;
|
|
907
|
-
}
|
|
908
|
-
.eds-switch__switch {
|
|
909
|
-
position: relative;
|
|
910
|
-
background-color: #d1d3d3;
|
|
911
|
-
content: "";
|
|
912
|
-
display: block;
|
|
913
|
-
transition: background-color 0.1s ease-in-out;
|
|
914
|
-
height: 1.5rem;
|
|
915
|
-
width: 3rem;
|
|
916
|
-
border-radius: 1.5rem;
|
|
917
|
-
}
|
|
918
|
-
.eds-switch--right .eds-switch__switch {
|
|
919
|
-
margin-right: 0.75rem;
|
|
920
|
-
}
|
|
921
|
-
:checked + .eds-switch__switch {
|
|
922
|
-
background-color: var(--eds-switch-color);
|
|
923
|
-
}
|
|
924
|
-
:checked + .eds-switch__switch .eds-switch__circle {
|
|
925
|
-
left: 1.625rem;
|
|
926
|
-
}
|
|
927
|
-
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
928
|
-
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
929
|
-
fill: var(--eds-switch-color);
|
|
930
|
-
}
|
|
931
|
-
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
932
|
-
.eds-contrast :checked + .eds-switch__switch .eds-switch__circle path {
|
|
933
|
-
fill: var(--eds-switch-color);
|
|
934
|
-
}
|
|
935
|
-
.eds-contrast :checked + .eds-switch__switch {
|
|
936
|
-
background-color: var(--eds-switch-contrast-color);
|
|
937
|
-
}
|
|
938
|
-
:focus + .eds-switch__switch {
|
|
939
|
-
outline: none;
|
|
940
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
941
|
-
outline-offset: 0.125rem;
|
|
942
|
-
}
|
|
943
|
-
.eds-contrast :focus + .eds-switch__switch {
|
|
944
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
945
|
-
}
|
|
946
|
-
.eds-contrast .eds-switch__switch {
|
|
947
|
-
background-color: #54568c;
|
|
948
|
-
}
|
|
949
|
-
.eds-switch__switch--large {
|
|
950
|
-
width: 3.75rem;
|
|
951
|
-
height: 2rem;
|
|
952
|
-
border-radius: 3.75rem;
|
|
953
|
-
}
|
|
954
|
-
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
955
|
-
left: 1.875rem;
|
|
956
|
-
}
|
|
957
|
-
.eds-switch__label--large--right {
|
|
958
|
-
font-size: 1rem;
|
|
959
|
-
}
|
|
960
|
-
.eds-switch__label--large--bottom {
|
|
961
|
-
font-size: 0.875rem;
|
|
962
|
-
}
|
|
963
|
-
.eds-switch__label--medium--right {
|
|
964
|
-
font-size: 0.875rem;
|
|
973
|
+
background: #d1d4e3;
|
|
974
|
+
border-radius: 0.25rem;
|
|
965
975
|
}
|
|
966
|
-
.eds-
|
|
967
|
-
|
|
976
|
+
.eds-contrast .eds-segmented-control {
|
|
977
|
+
background: #393d79;
|
|
968
978
|
}/* DO NOT CHANGE!*/
|
|
969
979
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
970
980
|
.eds-segmented-choice {
|
|
@@ -1034,14 +1044,4 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1034
1044
|
}
|
|
1035
1045
|
.eds-contrast .eds-segmented-choice:hover input:checked + .eds-base-segmented {
|
|
1036
1046
|
--background-color: #d1d4e3;
|
|
1037
|
-
}/* DO NOT CHANGE!*/
|
|
1038
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1039
|
-
.eds-segmented-control {
|
|
1040
|
-
margin-top: 0.25rem;
|
|
1041
|
-
display: flex;
|
|
1042
|
-
background: #d1d4e3;
|
|
1043
|
-
border-radius: 0.25rem;
|
|
1044
|
-
}
|
|
1045
|
-
.eds-contrast .eds-segmented-control {
|
|
1046
|
-
background: #393d79;
|
|
1047
1047
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.4",
|
|
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": "^4.3.3",
|
|
31
31
|
"@entur/tokens": "^3.4.1",
|
|
32
|
-
"@entur/tooltip": "^2.5.
|
|
33
|
-
"@entur/typography": "^1.
|
|
32
|
+
"@entur/tooltip": "^2.5.16",
|
|
33
|
+
"@entur/typography": "^1.7.0",
|
|
34
34
|
"@entur/utils": "^0.4.5",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "c1318d134c4097efd550872cabf41b1e67940eae"
|
|
38
38
|
}
|