@entur/form 7.0.13 → 7.0.15
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 +162 -162
- 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;
|
|
@@ -428,6 +376,65 @@
|
|
|
428
376
|
}
|
|
429
377
|
/* DO NOT CHANGE!*/
|
|
430
378
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
379
|
+
.eds-feedback-text {
|
|
380
|
+
display: flex;
|
|
381
|
+
align-items: center;
|
|
382
|
+
margin-top: 0.25rem;
|
|
383
|
+
}
|
|
384
|
+
.eds-feedback-text--info {
|
|
385
|
+
padding-left: calc(1rem + 0.125rem);
|
|
386
|
+
}
|
|
387
|
+
.eds-feedback-text__text {
|
|
388
|
+
color: #181c56;
|
|
389
|
+
}
|
|
390
|
+
.eds-contrast .eds-feedback-text__text {
|
|
391
|
+
color: #ffffff;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
.eds-feedback-text__icon {
|
|
395
|
+
font-size: 1.5rem;
|
|
396
|
+
min-height: 1.5rem;
|
|
397
|
+
min-width: 1.5rem;
|
|
398
|
+
padding-right: 0.5rem;
|
|
399
|
+
position: relative;
|
|
400
|
+
top: -0.1rem;
|
|
401
|
+
}
|
|
402
|
+
.eds-feedback-text__icon--success {
|
|
403
|
+
color: #1a8e60;
|
|
404
|
+
}
|
|
405
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
406
|
+
color: #5ac39a;
|
|
407
|
+
}
|
|
408
|
+
.eds-feedback-text__icon--error {
|
|
409
|
+
color: #d31b1b;
|
|
410
|
+
}
|
|
411
|
+
.eds-contrast .eds-feedback-text__icon--error {
|
|
412
|
+
color: #ff9494;
|
|
413
|
+
}
|
|
414
|
+
.eds-feedback-text__icon--info {
|
|
415
|
+
color: #0082b9;
|
|
416
|
+
}
|
|
417
|
+
.eds-contrast .eds-feedback-text__icon--info {
|
|
418
|
+
color: #64b3e7;
|
|
419
|
+
}
|
|
420
|
+
.eds-feedback-text__icon--warning {
|
|
421
|
+
color: #ffca28;
|
|
422
|
+
}
|
|
423
|
+
.eds-feedback-text__icon--warning circle {
|
|
424
|
+
fill: #181c56;
|
|
425
|
+
}
|
|
426
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
427
|
+
color: #ffe082;
|
|
428
|
+
}
|
|
429
|
+
/* DO NOT CHANGE!*/
|
|
430
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
431
|
+
.eds-fieldset {
|
|
432
|
+
margin: 0;
|
|
433
|
+
padding: 0;
|
|
434
|
+
border: 0;
|
|
435
|
+
}
|
|
436
|
+
/* DO NOT CHANGE!*/
|
|
437
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
431
438
|
.eds-checkbox__container {
|
|
432
439
|
display: flex;
|
|
433
440
|
align-items: center;
|
|
@@ -590,10 +597,98 @@
|
|
|
590
597
|
}
|
|
591
598
|
/* DO NOT CHANGE!*/
|
|
592
599
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
593
|
-
.eds-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
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. */
|
|
688
|
+
textarea.eds-form-control.eds-textarea {
|
|
689
|
+
min-height: 7.75rem;
|
|
690
|
+
resize: vertical;
|
|
691
|
+
line-height: 1.5rem;
|
|
597
692
|
}
|
|
598
693
|
/* DO NOT CHANGE!*/
|
|
599
694
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -716,101 +811,6 @@
|
|
|
716
811
|
}
|
|
717
812
|
/* DO NOT CHANGE!*/
|
|
718
813
|
/* 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
|
-
textarea.eds-form-control.eds-textarea {
|
|
808
|
-
min-height: 7.75rem;
|
|
809
|
-
resize: vertical;
|
|
810
|
-
line-height: 1.5rem;
|
|
811
|
-
}
|
|
812
|
-
/* DO NOT CHANGE!*/
|
|
813
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
814
814
|
.eds-textfield__clear-button {
|
|
815
815
|
background: none;
|
|
816
816
|
border: none;
|
|
@@ -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.15",
|
|
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.2",
|
|
31
31
|
"@entur/tokens": "^3.10.0",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
32
|
+
"@entur/tooltip": "^2.6.25",
|
|
33
|
+
"@entur/typography": "^1.8.6",
|
|
34
34
|
"@entur/utils": "^0.9.3",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "5fcad4b449082b80b796ab52e68f178977f2eba7"
|
|
38
38
|
}
|