@entur/form 7.0.34 → 7.0.35-alpha.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 +155 -155
- 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;
|
|
@@ -240,6 +292,11 @@
|
|
|
240
292
|
.eds-form-control__append {
|
|
241
293
|
margin-left: 0;
|
|
242
294
|
}
|
|
295
|
+
.eds-fieldset {
|
|
296
|
+
margin: 0;
|
|
297
|
+
padding: 0;
|
|
298
|
+
border: 0;
|
|
299
|
+
}
|
|
243
300
|
/* DO NOT CHANGE!*/
|
|
244
301
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
245
302
|
.eds-checkbox__container {
|
|
@@ -404,58 +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-feedback-text {
|
|
408
|
-
display: flex;
|
|
409
|
-
align-items: center;
|
|
410
|
-
margin-top: 0.25rem;
|
|
411
|
-
}
|
|
412
|
-
.eds-feedback-text--info {
|
|
413
|
-
padding-left: calc(1rem + 0.125rem);
|
|
414
|
-
}
|
|
415
|
-
.eds-feedback-text__text {
|
|
416
|
-
color: #181c56;
|
|
417
|
-
}
|
|
418
|
-
.eds-contrast .eds-feedback-text__text {
|
|
419
|
-
color: #ffffff;
|
|
420
|
-
}
|
|
421
|
-
|
|
422
|
-
.eds-feedback-text__icon {
|
|
423
|
-
font-size: 1.5rem;
|
|
424
|
-
min-height: 1.5rem;
|
|
425
|
-
min-width: 1.5rem;
|
|
426
|
-
padding-right: 0.5rem;
|
|
427
|
-
position: relative;
|
|
428
|
-
top: -0.1rem;
|
|
429
|
-
}
|
|
430
|
-
.eds-feedback-text__icon--success {
|
|
431
|
-
color: #1a8e60;
|
|
432
|
-
}
|
|
433
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
434
|
-
color: #5ac39a;
|
|
435
|
-
}
|
|
436
|
-
.eds-feedback-text__icon--error {
|
|
437
|
-
color: #d31b1b;
|
|
438
|
-
}
|
|
439
|
-
.eds-contrast .eds-feedback-text__icon--error {
|
|
440
|
-
color: #ff9494;
|
|
441
|
-
}
|
|
442
|
-
.eds-feedback-text__icon--info {
|
|
443
|
-
color: #0082b9;
|
|
444
|
-
}
|
|
445
|
-
.eds-contrast .eds-feedback-text__icon--info {
|
|
446
|
-
color: #64b3e7;
|
|
447
|
-
}
|
|
448
|
-
.eds-feedback-text__icon--warning {
|
|
449
|
-
color: #ffca28;
|
|
450
|
-
}
|
|
451
|
-
.eds-feedback-text__icon--warning circle {
|
|
452
|
-
fill: #181c56;
|
|
453
|
-
}
|
|
454
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
455
|
-
color: #ffe082;
|
|
456
|
-
}
|
|
457
|
-
/* DO NOT CHANGE!*/
|
|
458
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
459
464
|
.eds-input-group {
|
|
460
465
|
color: inherit;
|
|
461
466
|
display: block;
|
|
@@ -586,10 +591,93 @@
|
|
|
586
591
|
padding: 0;
|
|
587
592
|
margin-left: 1rem;
|
|
588
593
|
}
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
594
|
+
/* DO NOT CHANGE!*/
|
|
595
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
596
|
+
.eds-form-component--radio__container {
|
|
597
|
+
display: flex;
|
|
598
|
+
justify-content: center;
|
|
599
|
+
align-items: center;
|
|
600
|
+
position: relative;
|
|
601
|
+
cursor: pointer;
|
|
602
|
+
height: 2rem;
|
|
603
|
+
width: -moz-fit-content;
|
|
604
|
+
width: fit-content;
|
|
605
|
+
-webkit-user-select: none;
|
|
606
|
+
-moz-user-select: none;
|
|
607
|
+
user-select: none;
|
|
608
|
+
}
|
|
609
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
610
|
+
border-color: #54568c;
|
|
611
|
+
}
|
|
612
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
613
|
+
background-color: #54568c;
|
|
614
|
+
}
|
|
615
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
616
|
+
border-color: #8285a8;
|
|
617
|
+
}
|
|
618
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
619
|
+
background-color: #8285a8;
|
|
620
|
+
}
|
|
621
|
+
.eds-form-component--radio__container input {
|
|
622
|
+
position: absolute;
|
|
623
|
+
opacity: 0;
|
|
624
|
+
cursor: pointer;
|
|
625
|
+
height: 0;
|
|
626
|
+
width: 0;
|
|
627
|
+
}
|
|
628
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
629
|
+
height: 0.625rem;
|
|
630
|
+
width: 0.625rem;
|
|
631
|
+
}
|
|
632
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
633
|
+
outline: none;
|
|
634
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
635
|
+
outline-offset: 0.125rem;
|
|
636
|
+
}
|
|
637
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
638
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
639
|
+
}
|
|
640
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
641
|
+
position: relative;
|
|
642
|
+
height: 1.25rem;
|
|
643
|
+
width: 1.25rem;
|
|
644
|
+
margin-right: 1rem;
|
|
645
|
+
background-color: #ffffff;
|
|
646
|
+
border: 0.125rem solid #181c56;
|
|
647
|
+
border-radius: 50%;
|
|
648
|
+
display: flex;
|
|
649
|
+
align-items: center;
|
|
650
|
+
justify-content: center;
|
|
651
|
+
}
|
|
652
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
653
|
+
background-color: #181c56;
|
|
654
|
+
border-color: #aeb7e2;
|
|
655
|
+
}
|
|
656
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
657
|
+
background: #d1d3d3;
|
|
658
|
+
border-color: #d1d3d3;
|
|
659
|
+
cursor: not-allowed;
|
|
660
|
+
}
|
|
661
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
662
|
+
border-color: #d1d3d3;
|
|
663
|
+
}
|
|
664
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
665
|
+
background: #d1d3d3;
|
|
666
|
+
border-color: #d1d3d3;
|
|
667
|
+
}
|
|
668
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
669
|
+
color: #656782;
|
|
670
|
+
}
|
|
671
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
672
|
+
display: block;
|
|
673
|
+
width: 0;
|
|
674
|
+
height: 0;
|
|
675
|
+
border-radius: 50%;
|
|
676
|
+
background-color: #181c56;
|
|
677
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
678
|
+
}
|
|
679
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
680
|
+
background-color: #aeb7e2;
|
|
593
681
|
}
|
|
594
682
|
/* DO NOT CHANGE!*/
|
|
595
683
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -755,94 +843,6 @@ input:disabled + .eds-input-panel__container {
|
|
|
755
843
|
}
|
|
756
844
|
/* DO NOT CHANGE!*/
|
|
757
845
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
758
|
-
.eds-form-component--radio__container {
|
|
759
|
-
display: flex;
|
|
760
|
-
justify-content: center;
|
|
761
|
-
align-items: center;
|
|
762
|
-
position: relative;
|
|
763
|
-
cursor: pointer;
|
|
764
|
-
height: 2rem;
|
|
765
|
-
width: -moz-fit-content;
|
|
766
|
-
width: fit-content;
|
|
767
|
-
-webkit-user-select: none;
|
|
768
|
-
-moz-user-select: none;
|
|
769
|
-
user-select: none;
|
|
770
|
-
}
|
|
771
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
772
|
-
border-color: #54568c;
|
|
773
|
-
}
|
|
774
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
775
|
-
background-color: #54568c;
|
|
776
|
-
}
|
|
777
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
778
|
-
border-color: #8285a8;
|
|
779
|
-
}
|
|
780
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
781
|
-
background-color: #8285a8;
|
|
782
|
-
}
|
|
783
|
-
.eds-form-component--radio__container input {
|
|
784
|
-
position: absolute;
|
|
785
|
-
opacity: 0;
|
|
786
|
-
cursor: pointer;
|
|
787
|
-
height: 0;
|
|
788
|
-
width: 0;
|
|
789
|
-
}
|
|
790
|
-
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
791
|
-
height: 0.625rem;
|
|
792
|
-
width: 0.625rem;
|
|
793
|
-
}
|
|
794
|
-
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
795
|
-
outline: none;
|
|
796
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
797
|
-
outline-offset: 0.125rem;
|
|
798
|
-
}
|
|
799
|
-
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
800
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
801
|
-
}
|
|
802
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
803
|
-
position: relative;
|
|
804
|
-
height: 1.25rem;
|
|
805
|
-
width: 1.25rem;
|
|
806
|
-
margin-right: 1rem;
|
|
807
|
-
background-color: #ffffff;
|
|
808
|
-
border: 0.125rem solid #181c56;
|
|
809
|
-
border-radius: 50%;
|
|
810
|
-
display: flex;
|
|
811
|
-
align-items: center;
|
|
812
|
-
justify-content: center;
|
|
813
|
-
}
|
|
814
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
815
|
-
background-color: #181c56;
|
|
816
|
-
border-color: #aeb7e2;
|
|
817
|
-
}
|
|
818
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
819
|
-
background: #d1d3d3;
|
|
820
|
-
border-color: #d1d3d3;
|
|
821
|
-
cursor: not-allowed;
|
|
822
|
-
}
|
|
823
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
824
|
-
border-color: #d1d3d3;
|
|
825
|
-
}
|
|
826
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
827
|
-
background: #d1d3d3;
|
|
828
|
-
border-color: #d1d3d3;
|
|
829
|
-
}
|
|
830
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
831
|
-
color: #656782;
|
|
832
|
-
}
|
|
833
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
834
|
-
display: block;
|
|
835
|
-
width: 0;
|
|
836
|
-
height: 0;
|
|
837
|
-
border-radius: 50%;
|
|
838
|
-
background-color: #181c56;
|
|
839
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
840
|
-
}
|
|
841
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
842
|
-
background-color: #aeb7e2;
|
|
843
|
-
}
|
|
844
|
-
/* DO NOT CHANGE!*/
|
|
845
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
846
846
|
.eds-switch {
|
|
847
847
|
cursor: pointer;
|
|
848
848
|
-webkit-user-select: none;
|
|
@@ -1006,17 +1006,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1006
1006
|
}
|
|
1007
1007
|
/* DO NOT CHANGE!*/
|
|
1008
1008
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1009
|
-
.eds-segmented-control {
|
|
1010
|
-
margin-top: 0.25rem;
|
|
1011
|
-
display: flex;
|
|
1012
|
-
background: #d1d4e3;
|
|
1013
|
-
border-radius: 0.5rem;
|
|
1014
|
-
}
|
|
1015
|
-
.eds-contrast .eds-segmented-control {
|
|
1016
|
-
background: #393d79;
|
|
1017
|
-
}
|
|
1018
|
-
/* DO NOT CHANGE!*/
|
|
1019
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1020
1009
|
.eds-segmented-choice {
|
|
1021
1010
|
display: block;
|
|
1022
1011
|
flex: 1 1 0px;
|
|
@@ -1086,6 +1075,17 @@ textarea.eds-form-control.eds-textarea {
|
|
|
1086
1075
|
.eds-contrast .eds-segmented-choice input:focus:checked + .eds-base-segmented {
|
|
1087
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;
|
|
1088
1077
|
}
|
|
1078
|
+
/* DO NOT CHANGE!*/
|
|
1079
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1080
|
+
.eds-segmented-control {
|
|
1081
|
+
margin-top: 0.25rem;
|
|
1082
|
+
display: flex;
|
|
1083
|
+
background: #d1d4e3;
|
|
1084
|
+
border-radius: 0.5rem;
|
|
1085
|
+
}
|
|
1086
|
+
.eds-contrast .eds-segmented-control {
|
|
1087
|
+
background: #393d79;
|
|
1088
|
+
}
|
|
1089
1089
|
:root {
|
|
1090
1090
|
--eds-form: 1;
|
|
1091
1091
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.35-alpha.0",
|
|
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.13.
|
|
31
|
-
"@entur/tokens": "^3.12.0",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/icons": "^6.13.3-alpha.0",
|
|
31
|
+
"@entur/tokens": "^3.12.1-alpha.0",
|
|
32
|
+
"@entur/tooltip": "^2.6.44-alpha.0",
|
|
33
|
+
"@entur/typography": "^1.8.22-alpha.0",
|
|
34
34
|
"@entur/utils": "^0.10.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "d6797c03d0ad7c0629f3851445759d9552660dcd"
|
|
38
38
|
}
|