@entur/form 7.0.1 → 7.0.2
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 +158 -158
- package/package.json +4 -4
package/dist/styles.css
CHANGED
|
@@ -3,6 +3,58 @@
|
|
|
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. */
|
|
6
58
|
.eds-fieldset {
|
|
7
59
|
margin: 0;
|
|
8
60
|
padding: 0;
|
|
@@ -415,146 +467,6 @@
|
|
|
415
467
|
}
|
|
416
468
|
/* DO NOT CHANGE!*/
|
|
417
469
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
418
|
-
.eds-feedback-text {
|
|
419
|
-
display: flex;
|
|
420
|
-
align-items: center;
|
|
421
|
-
margin-top: 0.25rem;
|
|
422
|
-
}
|
|
423
|
-
.eds-feedback-text--info {
|
|
424
|
-
padding-left: calc(1rem + 0.125rem);
|
|
425
|
-
}
|
|
426
|
-
.eds-feedback-text__text {
|
|
427
|
-
color: #181c56;
|
|
428
|
-
}
|
|
429
|
-
.eds-contrast .eds-feedback-text__text {
|
|
430
|
-
color: #ffffff;
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
.eds-feedback-text__icon {
|
|
434
|
-
font-size: 1.5rem;
|
|
435
|
-
min-height: 1.5rem;
|
|
436
|
-
min-width: 1.5rem;
|
|
437
|
-
padding-right: 0.5rem;
|
|
438
|
-
position: relative;
|
|
439
|
-
top: -0.1rem;
|
|
440
|
-
}
|
|
441
|
-
.eds-feedback-text__icon--success {
|
|
442
|
-
color: #1a8e60;
|
|
443
|
-
}
|
|
444
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
445
|
-
color: #5ac39a;
|
|
446
|
-
}
|
|
447
|
-
.eds-feedback-text__icon--error {
|
|
448
|
-
color: #d31b1b;
|
|
449
|
-
}
|
|
450
|
-
.eds-contrast .eds-feedback-text__icon--error {
|
|
451
|
-
color: #ff9494;
|
|
452
|
-
}
|
|
453
|
-
.eds-feedback-text__icon--info {
|
|
454
|
-
color: #0082b9;
|
|
455
|
-
}
|
|
456
|
-
.eds-contrast .eds-feedback-text__icon--info {
|
|
457
|
-
color: #64b3e7;
|
|
458
|
-
}
|
|
459
|
-
.eds-feedback-text__icon--warning {
|
|
460
|
-
color: #ffca28;
|
|
461
|
-
}
|
|
462
|
-
.eds-feedback-text__icon--warning circle {
|
|
463
|
-
fill: #181c56;
|
|
464
|
-
}
|
|
465
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
466
|
-
color: #ffe082;
|
|
467
|
-
}
|
|
468
|
-
/* DO NOT CHANGE!*/
|
|
469
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
470
|
-
.eds-form-component--radio__container {
|
|
471
|
-
display: flex;
|
|
472
|
-
justify-content: center;
|
|
473
|
-
align-items: center;
|
|
474
|
-
position: relative;
|
|
475
|
-
cursor: pointer;
|
|
476
|
-
height: 2rem;
|
|
477
|
-
width: -moz-fit-content;
|
|
478
|
-
width: fit-content;
|
|
479
|
-
-webkit-user-select: none;
|
|
480
|
-
-moz-user-select: none;
|
|
481
|
-
user-select: none;
|
|
482
|
-
}
|
|
483
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
484
|
-
border-color: #54568c;
|
|
485
|
-
}
|
|
486
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
487
|
-
background-color: #54568c;
|
|
488
|
-
}
|
|
489
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
490
|
-
border-color: #8285a8;
|
|
491
|
-
}
|
|
492
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
493
|
-
background-color: #8285a8;
|
|
494
|
-
}
|
|
495
|
-
.eds-form-component--radio__container input {
|
|
496
|
-
position: absolute;
|
|
497
|
-
opacity: 0;
|
|
498
|
-
cursor: pointer;
|
|
499
|
-
height: 0;
|
|
500
|
-
width: 0;
|
|
501
|
-
}
|
|
502
|
-
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
503
|
-
height: 0.625rem;
|
|
504
|
-
width: 0.625rem;
|
|
505
|
-
}
|
|
506
|
-
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
507
|
-
outline: none;
|
|
508
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
509
|
-
outline-offset: 0.125rem;
|
|
510
|
-
}
|
|
511
|
-
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
512
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
513
|
-
}
|
|
514
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
515
|
-
position: relative;
|
|
516
|
-
height: 1.25rem;
|
|
517
|
-
width: 1.25rem;
|
|
518
|
-
margin-right: 1rem;
|
|
519
|
-
background-color: #ffffff;
|
|
520
|
-
border: 0.125rem solid #181c56;
|
|
521
|
-
border-radius: 50%;
|
|
522
|
-
display: flex;
|
|
523
|
-
align-items: center;
|
|
524
|
-
justify-content: center;
|
|
525
|
-
}
|
|
526
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
527
|
-
background-color: #181c56;
|
|
528
|
-
border-color: #aeb7e2;
|
|
529
|
-
}
|
|
530
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
531
|
-
background: #d1d3d3;
|
|
532
|
-
border-color: #d1d3d3;
|
|
533
|
-
cursor: not-allowed;
|
|
534
|
-
}
|
|
535
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
536
|
-
border-color: #d1d3d3;
|
|
537
|
-
}
|
|
538
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
539
|
-
background: #d1d3d3;
|
|
540
|
-
border-color: #d1d3d3;
|
|
541
|
-
}
|
|
542
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
543
|
-
color: #656782;
|
|
544
|
-
}
|
|
545
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
546
|
-
display: block;
|
|
547
|
-
width: 0;
|
|
548
|
-
height: 0;
|
|
549
|
-
border-radius: 50%;
|
|
550
|
-
background-color: #181c56;
|
|
551
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
552
|
-
}
|
|
553
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
554
|
-
background-color: #aeb7e2;
|
|
555
|
-
}
|
|
556
|
-
/* DO NOT CHANGE!*/
|
|
557
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
558
470
|
.eds-input-group {
|
|
559
471
|
color: inherit;
|
|
560
472
|
display: block;
|
|
@@ -689,6 +601,94 @@
|
|
|
689
601
|
}
|
|
690
602
|
/* DO NOT CHANGE!*/
|
|
691
603
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
604
|
+
.eds-form-component--radio__container {
|
|
605
|
+
display: flex;
|
|
606
|
+
justify-content: center;
|
|
607
|
+
align-items: center;
|
|
608
|
+
position: relative;
|
|
609
|
+
cursor: pointer;
|
|
610
|
+
height: 2rem;
|
|
611
|
+
width: -moz-fit-content;
|
|
612
|
+
width: fit-content;
|
|
613
|
+
-webkit-user-select: none;
|
|
614
|
+
-moz-user-select: none;
|
|
615
|
+
user-select: none;
|
|
616
|
+
}
|
|
617
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
618
|
+
border-color: #54568c;
|
|
619
|
+
}
|
|
620
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
621
|
+
background-color: #54568c;
|
|
622
|
+
}
|
|
623
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
624
|
+
border-color: #8285a8;
|
|
625
|
+
}
|
|
626
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
627
|
+
background-color: #8285a8;
|
|
628
|
+
}
|
|
629
|
+
.eds-form-component--radio__container input {
|
|
630
|
+
position: absolute;
|
|
631
|
+
opacity: 0;
|
|
632
|
+
cursor: pointer;
|
|
633
|
+
height: 0;
|
|
634
|
+
width: 0;
|
|
635
|
+
}
|
|
636
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
637
|
+
height: 0.625rem;
|
|
638
|
+
width: 0.625rem;
|
|
639
|
+
}
|
|
640
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
641
|
+
outline: none;
|
|
642
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
643
|
+
outline-offset: 0.125rem;
|
|
644
|
+
}
|
|
645
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
646
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
647
|
+
}
|
|
648
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
649
|
+
position: relative;
|
|
650
|
+
height: 1.25rem;
|
|
651
|
+
width: 1.25rem;
|
|
652
|
+
margin-right: 1rem;
|
|
653
|
+
background-color: #ffffff;
|
|
654
|
+
border: 0.125rem solid #181c56;
|
|
655
|
+
border-radius: 50%;
|
|
656
|
+
display: flex;
|
|
657
|
+
align-items: center;
|
|
658
|
+
justify-content: center;
|
|
659
|
+
}
|
|
660
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
661
|
+
background-color: #181c56;
|
|
662
|
+
border-color: #aeb7e2;
|
|
663
|
+
}
|
|
664
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
665
|
+
background: #d1d3d3;
|
|
666
|
+
border-color: #d1d3d3;
|
|
667
|
+
cursor: not-allowed;
|
|
668
|
+
}
|
|
669
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
670
|
+
border-color: #d1d3d3;
|
|
671
|
+
}
|
|
672
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
673
|
+
background: #d1d3d3;
|
|
674
|
+
border-color: #d1d3d3;
|
|
675
|
+
}
|
|
676
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
677
|
+
color: #656782;
|
|
678
|
+
}
|
|
679
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
680
|
+
display: block;
|
|
681
|
+
width: 0;
|
|
682
|
+
height: 0;
|
|
683
|
+
border-radius: 50%;
|
|
684
|
+
background-color: #181c56;
|
|
685
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
686
|
+
}
|
|
687
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
688
|
+
background-color: #aeb7e2;
|
|
689
|
+
}
|
|
690
|
+
/* DO NOT CHANGE!*/
|
|
691
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
692
692
|
.eds-switch {
|
|
693
693
|
cursor: pointer;
|
|
694
694
|
-webkit-user-select: none;
|
|
@@ -808,13 +808,6 @@
|
|
|
808
808
|
}
|
|
809
809
|
/* DO NOT CHANGE!*/
|
|
810
810
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
811
|
-
textarea.eds-form-control.eds-textarea {
|
|
812
|
-
min-height: 7.75rem;
|
|
813
|
-
resize: vertical;
|
|
814
|
-
line-height: 1.5rem;
|
|
815
|
-
}
|
|
816
|
-
/* DO NOT CHANGE!*/
|
|
817
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
818
811
|
.eds-textfield__clear-button {
|
|
819
812
|
background: none;
|
|
820
813
|
border: none;
|
|
@@ -852,6 +845,24 @@ textarea.eds-form-control.eds-textarea {
|
|
|
852
845
|
}
|
|
853
846
|
/* DO NOT CHANGE!*/
|
|
854
847
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
848
|
+
textarea.eds-form-control.eds-textarea {
|
|
849
|
+
min-height: 7.75rem;
|
|
850
|
+
resize: vertical;
|
|
851
|
+
line-height: 1.5rem;
|
|
852
|
+
}
|
|
853
|
+
/* DO NOT CHANGE!*/
|
|
854
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
855
|
+
.eds-segmented-control {
|
|
856
|
+
margin-top: 0.25rem;
|
|
857
|
+
display: flex;
|
|
858
|
+
background: #d1d4e3;
|
|
859
|
+
border-radius: 0.5rem;
|
|
860
|
+
}
|
|
861
|
+
.eds-contrast .eds-segmented-control {
|
|
862
|
+
background: #393d79;
|
|
863
|
+
}
|
|
864
|
+
/* DO NOT CHANGE!*/
|
|
865
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
855
866
|
.eds-segmented-choice {
|
|
856
867
|
display: block;
|
|
857
868
|
flex: 1 1 0px;
|
|
@@ -923,17 +934,6 @@ textarea.eds-form-control.eds-textarea {
|
|
|
923
934
|
}
|
|
924
935
|
/* DO NOT CHANGE!*/
|
|
925
936
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
926
|
-
.eds-segmented-control {
|
|
927
|
-
margin-top: 0.25rem;
|
|
928
|
-
display: flex;
|
|
929
|
-
background: #d1d4e3;
|
|
930
|
-
border-radius: 0.5rem;
|
|
931
|
-
}
|
|
932
|
-
.eds-contrast .eds-segmented-control {
|
|
933
|
-
background: #393d79;
|
|
934
|
-
}
|
|
935
|
-
/* DO NOT CHANGE!*/
|
|
936
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
937
937
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
938
938
|
border-color: #181c56;
|
|
939
939
|
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.2",
|
|
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.
|
|
30
|
+
"@entur/icons": "^6.2.0",
|
|
31
31
|
"@entur/tokens": "^3.8.1",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
32
|
+
"@entur/tooltip": "^2.6.12",
|
|
33
33
|
"@entur/typography": "^1.7.13",
|
|
34
34
|
"@entur/utils": "^0.6.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "1091cc677ad823929989fd5099b93427b4834143"
|
|
38
38
|
}
|