@entur/form 7.0.28 → 7.0.29
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 +175 -175
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -1,57 +1,5 @@
|
|
|
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. */
|
|
55
3
|
.eds-form-control-wrapper {
|
|
56
4
|
--border-color: #7C7F9F;
|
|
57
5
|
--border-color-hover: #aeb7e2;
|
|
@@ -294,6 +242,63 @@
|
|
|
294
242
|
}
|
|
295
243
|
/* DO NOT CHANGE!*/
|
|
296
244
|
/* 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. */
|
|
297
302
|
.eds-checkbox__container {
|
|
298
303
|
display: flex;
|
|
299
304
|
align-items: center;
|
|
@@ -454,10 +459,124 @@
|
|
|
454
459
|
stroke-dashoffset: 0;
|
|
455
460
|
}
|
|
456
461
|
}
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
462
|
+
/* DO NOT CHANGE!*/
|
|
463
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
464
|
+
.eds-switch {
|
|
465
|
+
cursor: pointer;
|
|
466
|
+
-webkit-user-select: none;
|
|
467
|
+
-moz-user-select: none;
|
|
468
|
+
user-select: none;
|
|
469
|
+
padding: 0.5rem 0;
|
|
470
|
+
width: -moz-fit-content;
|
|
471
|
+
width: fit-content;
|
|
472
|
+
}
|
|
473
|
+
.eds-switch input {
|
|
474
|
+
opacity: 0;
|
|
475
|
+
pointer-events: none;
|
|
476
|
+
position: absolute;
|
|
477
|
+
}
|
|
478
|
+
.eds-switch--right {
|
|
479
|
+
display: flex;
|
|
480
|
+
flex-direction: row;
|
|
481
|
+
align-items: center;
|
|
482
|
+
}
|
|
483
|
+
.eds-switch--bottom {
|
|
484
|
+
display: flex;
|
|
485
|
+
flex-direction: column;
|
|
486
|
+
align-items: center;
|
|
487
|
+
}
|
|
488
|
+
.eds-switch__circle {
|
|
489
|
+
border-radius: 50%;
|
|
490
|
+
height: 1.25rem;
|
|
491
|
+
width: 1.25rem;
|
|
492
|
+
content: "";
|
|
493
|
+
display: flex;
|
|
494
|
+
align-items: center;
|
|
495
|
+
justify-content: center;
|
|
496
|
+
transition: left 0.1s ease-in-out, background-color 0.1s ease-in-out;
|
|
497
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
498
|
+
background-color: #ffffff;
|
|
499
|
+
top: 0.125rem;
|
|
500
|
+
left: 0.125rem;
|
|
501
|
+
position: relative;
|
|
502
|
+
}
|
|
503
|
+
.eds-switch__switch--large .eds-switch__circle {
|
|
504
|
+
height: 1.75rem;
|
|
505
|
+
width: 1.75rem;
|
|
506
|
+
}
|
|
507
|
+
.eds-contrast .eds-switch__circle {
|
|
508
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5);
|
|
509
|
+
}
|
|
510
|
+
.eds-switch__switch {
|
|
511
|
+
position: relative;
|
|
512
|
+
background-color: #949494;
|
|
513
|
+
content: "";
|
|
514
|
+
display: block;
|
|
515
|
+
transition: background-color 0.1s ease-in-out;
|
|
516
|
+
height: 1.5rem;
|
|
517
|
+
width: 3rem;
|
|
518
|
+
border-radius: 1.5rem;
|
|
519
|
+
box-shadow: inset 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
|
|
520
|
+
}
|
|
521
|
+
.eds-contrast .eds-switch__switch {
|
|
522
|
+
background-color: #8285a8;
|
|
523
|
+
}
|
|
524
|
+
.eds-switch--right .eds-switch__switch {
|
|
525
|
+
margin-right: 0.75rem;
|
|
526
|
+
}
|
|
527
|
+
.eds-switch__switch svg g,
|
|
528
|
+
.eds-switch__switch path {
|
|
529
|
+
fill: #646464;
|
|
530
|
+
transition: fill ease-in-out 0.1s;
|
|
531
|
+
}
|
|
532
|
+
.eds-contrast .eds-switch__switch svg g,
|
|
533
|
+
.eds-contrast .eds-switch__switch path {
|
|
534
|
+
fill: #181c56;
|
|
535
|
+
}
|
|
536
|
+
:checked + .eds-switch__switch {
|
|
537
|
+
background-color: var(--eds-switch-color);
|
|
538
|
+
}
|
|
539
|
+
:checked + .eds-switch__switch .eds-switch__circle {
|
|
540
|
+
left: 1.625rem;
|
|
541
|
+
}
|
|
542
|
+
:checked + .eds-switch__switch .eds-switch__circle svg g,
|
|
543
|
+
:checked + .eds-switch__switch .eds-switch__circle path {
|
|
544
|
+
fill: var(--eds-switch-color);
|
|
545
|
+
}
|
|
546
|
+
.eds-contrast :checked + .eds-switch__switch {
|
|
547
|
+
background-color: var(--eds-switch-contrast-color);
|
|
548
|
+
}
|
|
549
|
+
:focus + .eds-switch__switch {
|
|
550
|
+
outline: none;
|
|
551
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
552
|
+
outline-offset: 0.125rem;
|
|
553
|
+
}
|
|
554
|
+
.eds-contrast :focus + .eds-switch__switch {
|
|
555
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
556
|
+
}
|
|
557
|
+
.eds-switch__switch--large {
|
|
558
|
+
width: 3.75rem;
|
|
559
|
+
height: 2rem;
|
|
560
|
+
border-radius: 3.75rem;
|
|
561
|
+
}
|
|
562
|
+
:checked + .eds-switch__switch--large .eds-switch__circle {
|
|
563
|
+
left: 1.875rem;
|
|
564
|
+
}
|
|
565
|
+
.eds-switch__switch--large svg {
|
|
566
|
+
position: relative;
|
|
567
|
+
right: 0.05rem;
|
|
568
|
+
}
|
|
569
|
+
.eds-switch__label--large--right {
|
|
570
|
+
font-size: 1rem;
|
|
571
|
+
}
|
|
572
|
+
.eds-switch__label--large--bottom {
|
|
573
|
+
font-size: 0.875rem;
|
|
574
|
+
}
|
|
575
|
+
.eds-switch__label--medium--right {
|
|
576
|
+
font-size: 0.875rem;
|
|
577
|
+
}
|
|
578
|
+
.eds-switch__label--medium--bottom {
|
|
579
|
+
font-size: 0.75rem;
|
|
461
580
|
}
|
|
462
581
|
/* DO NOT CHANGE!*/
|
|
463
582
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -680,125 +799,6 @@
|
|
|
680
799
|
}
|
|
681
800
|
/* DO NOT CHANGE!*/
|
|
682
801
|
/* 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. */
|
|
802
802
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
803
803
|
border-color: #181c56;
|
|
804
804
|
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.29",
|
|
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.1",
|
|
31
|
+
"@entur/tokens": "^3.11.1",
|
|
32
|
+
"@entur/tooltip": "^2.6.38",
|
|
33
|
+
"@entur/typography": "^1.8.17",
|
|
34
34
|
"@entur/utils": "^0.9.5",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "3fc001a78ef085d8fd22bb8aa245ec488214de72"
|
|
38
38
|
}
|