@entur/form 5.4.17 → 5.4.19
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 +287 -287
- package/package.json +7 -7
package/dist/styles.css
CHANGED
|
@@ -245,194 +245,6 @@
|
|
|
245
245
|
margin-left: 0;
|
|
246
246
|
}/* DO NOT CHANGE!*/
|
|
247
247
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
248
|
-
.eds-fieldset {
|
|
249
|
-
margin: 0;
|
|
250
|
-
padding: 0;
|
|
251
|
-
border: 0;
|
|
252
|
-
}
|
|
253
|
-
.eds-fieldset .eds-legend {
|
|
254
|
-
margin: 0 0 0.5rem;
|
|
255
|
-
}/* DO NOT CHANGE!*/
|
|
256
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
257
|
-
.eds-feedback-text {
|
|
258
|
-
display: flex;
|
|
259
|
-
align-items: center;
|
|
260
|
-
margin-top: 0.25rem;
|
|
261
|
-
}
|
|
262
|
-
.eds-feedback-text--info {
|
|
263
|
-
padding-left: calc(1rem + 0.125rem);
|
|
264
|
-
}
|
|
265
|
-
.eds-feedback-text__text {
|
|
266
|
-
color: #181c56;
|
|
267
|
-
}
|
|
268
|
-
.eds-contrast .eds-feedback-text__text {
|
|
269
|
-
color: #ffffff;
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
.eds-feedback-text__icon {
|
|
273
|
-
font-size: 1.5rem;
|
|
274
|
-
min-height: 1.5rem;
|
|
275
|
-
min-width: 1.5rem;
|
|
276
|
-
padding-right: 0.5rem;
|
|
277
|
-
position: relative;
|
|
278
|
-
top: -0.1rem;
|
|
279
|
-
}
|
|
280
|
-
.eds-feedback-text__icon--success {
|
|
281
|
-
color: #1a8e60;
|
|
282
|
-
}
|
|
283
|
-
.eds-contrast .eds-feedback-text__icon--success {
|
|
284
|
-
color: #5ac39a;
|
|
285
|
-
}
|
|
286
|
-
.eds-feedback-text__icon--error {
|
|
287
|
-
color: #d31b1b;
|
|
288
|
-
}
|
|
289
|
-
.eds-contrast .eds-feedback-text__icon--error {
|
|
290
|
-
color: #ff9494;
|
|
291
|
-
}
|
|
292
|
-
.eds-feedback-text__icon--info {
|
|
293
|
-
color: #0082b9;
|
|
294
|
-
}
|
|
295
|
-
.eds-contrast .eds-feedback-text__icon--info {
|
|
296
|
-
color: #64b3e7;
|
|
297
|
-
}
|
|
298
|
-
.eds-feedback-text__icon--warning {
|
|
299
|
-
color: #ffca28;
|
|
300
|
-
}
|
|
301
|
-
.eds-feedback-text__icon--warning circle {
|
|
302
|
-
fill: #181c56;
|
|
303
|
-
}
|
|
304
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
305
|
-
color: #ffe082;
|
|
306
|
-
}/* DO NOT CHANGE!*/
|
|
307
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
308
|
-
.eds-checkbox__container {
|
|
309
|
-
display: flex;
|
|
310
|
-
align-items: center;
|
|
311
|
-
position: relative;
|
|
312
|
-
-webkit-appearance: none;
|
|
313
|
-
-moz-appearance: none;
|
|
314
|
-
appearance: none;
|
|
315
|
-
cursor: pointer;
|
|
316
|
-
height: 2rem;
|
|
317
|
-
-webkit-user-select: none;
|
|
318
|
-
-moz-user-select: none;
|
|
319
|
-
user-select: none;
|
|
320
|
-
width: -moz-fit-content;
|
|
321
|
-
width: fit-content;
|
|
322
|
-
}
|
|
323
|
-
.eds-checkbox__container--reduced-click-area {
|
|
324
|
-
height: -moz-fit-content;
|
|
325
|
-
height: fit-content;
|
|
326
|
-
}
|
|
327
|
-
.eds-checkbox__container input {
|
|
328
|
-
position: absolute;
|
|
329
|
-
opacity: 0;
|
|
330
|
-
height: 0;
|
|
331
|
-
width: 0;
|
|
332
|
-
}
|
|
333
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
334
|
-
background-color: #181c56;
|
|
335
|
-
}
|
|
336
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
337
|
-
visibility: visible;
|
|
338
|
-
}
|
|
339
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
340
|
-
stroke: #ffffff;
|
|
341
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
342
|
-
}
|
|
343
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
344
|
-
opacity: 0.5;
|
|
345
|
-
}
|
|
346
|
-
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled .eds-checkbox-icon__path {
|
|
347
|
-
opacity: 0.5;
|
|
348
|
-
}
|
|
349
|
-
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
350
|
-
background: #54568c;
|
|
351
|
-
}
|
|
352
|
-
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
353
|
-
border-color: #54568c;
|
|
354
|
-
background: #f3f3f3;
|
|
355
|
-
}
|
|
356
|
-
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
357
|
-
border-color: #656782;
|
|
358
|
-
background: #292b6a;
|
|
359
|
-
}
|
|
360
|
-
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
361
|
-
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
362
|
-
border-color: #54568c;
|
|
363
|
-
background-color: #54568c;
|
|
364
|
-
}
|
|
365
|
-
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
366
|
-
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
367
|
-
background: #8285a8;
|
|
368
|
-
border-color: #8285a8;
|
|
369
|
-
}
|
|
370
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
371
|
-
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
372
|
-
outline: none;
|
|
373
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
374
|
-
outline-offset: 0.125rem;
|
|
375
|
-
}
|
|
376
|
-
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
377
|
-
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
378
|
-
outline: none;
|
|
379
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
380
|
-
outline-offset: 0.125rem;
|
|
381
|
-
}
|
|
382
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
383
|
-
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
384
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
385
|
-
}
|
|
386
|
-
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
387
|
-
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
388
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
389
|
-
}
|
|
390
|
-
.eds-checkbox--disabled {
|
|
391
|
-
pointer-events: none;
|
|
392
|
-
}
|
|
393
|
-
.eds-checkbox--disabled .eds-checkbox__label {
|
|
394
|
-
opacity: 0.5;
|
|
395
|
-
}
|
|
396
|
-
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
397
|
-
opacity: 0.5;
|
|
398
|
-
}
|
|
399
|
-
.eds-checkbox__icon {
|
|
400
|
-
display: inline-flex;
|
|
401
|
-
justify-content: center;
|
|
402
|
-
align-items: center;
|
|
403
|
-
position: relative;
|
|
404
|
-
margin-right: 1rem;
|
|
405
|
-
height: 1.25rem;
|
|
406
|
-
width: 1.25rem;
|
|
407
|
-
border: 0.125rem solid #181c56;
|
|
408
|
-
border-radius: 0.0625rem;
|
|
409
|
-
background-color: transparent;
|
|
410
|
-
color: #ffffff;
|
|
411
|
-
}
|
|
412
|
-
.eds-checkbox__icon--reduced-click-area {
|
|
413
|
-
margin-right: 0;
|
|
414
|
-
}
|
|
415
|
-
.eds-contrast .eds-checkbox__icon {
|
|
416
|
-
border-color: #54568c;
|
|
417
|
-
}
|
|
418
|
-
.eds-checkbox__icon .eds-checkbox-icon {
|
|
419
|
-
height: 1rem;
|
|
420
|
-
width: 1rem;
|
|
421
|
-
visibility: hidden;
|
|
422
|
-
}
|
|
423
|
-
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
424
|
-
transform-origin: 50% 50%;
|
|
425
|
-
stroke-dasharray: 48;
|
|
426
|
-
stroke-dashoffset: 48;
|
|
427
|
-
stroke-width: 0.375rem;
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
@keyframes stroke {
|
|
431
|
-
100% {
|
|
432
|
-
stroke-dashoffset: 0;
|
|
433
|
-
}
|
|
434
|
-
}/* DO NOT CHANGE!*/
|
|
435
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
436
248
|
.eds-input-group {
|
|
437
249
|
color: inherit;
|
|
438
250
|
display: block;
|
|
@@ -653,143 +465,192 @@
|
|
|
653
465
|
background-color: #aeb7e2;
|
|
654
466
|
}/* DO NOT CHANGE!*/
|
|
655
467
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
656
|
-
.eds-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
468
|
+
.eds-checkbox__container {
|
|
469
|
+
display: flex;
|
|
470
|
+
align-items: center;
|
|
471
|
+
position: relative;
|
|
472
|
+
-webkit-appearance: none;
|
|
473
|
+
-moz-appearance: none;
|
|
474
|
+
appearance: none;
|
|
475
|
+
cursor: pointer;
|
|
476
|
+
height: 2rem;
|
|
477
|
+
-webkit-user-select: none;
|
|
478
|
+
-moz-user-select: none;
|
|
479
|
+
user-select: none;
|
|
480
|
+
width: -moz-fit-content;
|
|
481
|
+
width: fit-content;
|
|
667
482
|
}
|
|
668
|
-
.eds-
|
|
669
|
-
|
|
670
|
-
|
|
483
|
+
.eds-checkbox__container--reduced-click-area {
|
|
484
|
+
height: -moz-fit-content;
|
|
485
|
+
height: fit-content;
|
|
671
486
|
}
|
|
672
|
-
.eds-
|
|
487
|
+
.eds-checkbox__container input {
|
|
673
488
|
position: absolute;
|
|
674
489
|
opacity: 0;
|
|
675
|
-
cursor: pointer;
|
|
676
490
|
height: 0;
|
|
677
491
|
width: 0;
|
|
678
492
|
}
|
|
679
|
-
.eds-
|
|
680
|
-
border-color: #181c56;
|
|
681
|
-
background: #f5f5f8;
|
|
682
|
-
}
|
|
683
|
-
.eds-contrast .eds-radio-panel__wrapper input:checked + .eds-radio-panel__container {
|
|
684
|
-
border-color: #aeb7e2;
|
|
685
|
-
background: #393d79;
|
|
686
|
-
}
|
|
687
|
-
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check {
|
|
493
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
688
494
|
background-color: #181c56;
|
|
689
|
-
border-color: #181c56;
|
|
690
495
|
}
|
|
691
|
-
.eds-
|
|
496
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon {
|
|
692
497
|
visibility: visible;
|
|
693
498
|
}
|
|
694
|
-
.eds-
|
|
695
|
-
stroke: #
|
|
499
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon .eds-checkbox-icon__path {
|
|
500
|
+
stroke: #ffffff;
|
|
696
501
|
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
697
502
|
}
|
|
698
|
-
.eds-
|
|
503
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled {
|
|
699
504
|
opacity: 0.5;
|
|
700
505
|
}
|
|
701
|
-
.eds-
|
|
506
|
+
.eds-checkbox__container input:checked + .eds-checkbox__icon--disabled .eds-checkbox-icon__path, .eds-checkbox__container input:indeterminate + .eds-checkbox__icon--disabled .eds-checkbox-icon__path {
|
|
702
507
|
opacity: 0.5;
|
|
703
508
|
}
|
|
704
|
-
.eds-
|
|
705
|
-
background: #
|
|
706
|
-
border: 0.125rem solid #d1d3d3;
|
|
707
|
-
border-radius: 0.25rem;
|
|
708
|
-
display: flex;
|
|
709
|
-
flex-direction: column;
|
|
710
|
-
justify-content: flex-start;
|
|
711
|
-
min-width: 20rem;
|
|
712
|
-
position: relative;
|
|
713
|
-
padding: 1rem;
|
|
714
|
-
-webkit-user-select: none;
|
|
715
|
-
-moz-user-select: none;
|
|
716
|
-
user-select: none;
|
|
717
|
-
width: -moz-fit-content;
|
|
718
|
-
width: fit-content;
|
|
509
|
+
.eds-contrast .eds-checkbox__container input:checked + .eds-checkbox__icon, .eds-contrast .eds-checkbox__container input:indeterminate + .eds-checkbox__icon {
|
|
510
|
+
background: #54568c;
|
|
719
511
|
}
|
|
720
|
-
.eds-
|
|
721
|
-
background: #181c56;
|
|
512
|
+
.eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
722
513
|
border-color: #54568c;
|
|
514
|
+
background: #f3f3f3;
|
|
723
515
|
}
|
|
724
|
-
.eds-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
align-items: center;
|
|
516
|
+
.eds-contrast .eds-checkbox__container:hover input + .eds-checkbox__icon {
|
|
517
|
+
border-color: #656782;
|
|
518
|
+
background: #292b6a;
|
|
728
519
|
}
|
|
729
|
-
.eds-
|
|
730
|
-
|
|
731
|
-
|
|
520
|
+
.eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
521
|
+
.eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
522
|
+
border-color: #54568c;
|
|
523
|
+
background-color: #54568c;
|
|
732
524
|
}
|
|
733
|
-
.eds-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
border-radius: 50%;
|
|
738
|
-
border: 0.125rem solid #e9e9e9;
|
|
739
|
-
display: flex;
|
|
740
|
-
align-items: center;
|
|
741
|
-
justify-content: center;
|
|
742
|
-
background: #ffffff;
|
|
743
|
-
transition: background ease-in-out 0.1s, border-color ease-in-out 0.1s;
|
|
525
|
+
.eds-contrast .eds-checkbox__container:hover input:checked + .eds-checkbox__icon,
|
|
526
|
+
.eds-contrast .eds-checkbox__container:hover input:indeterminate + .eds-checkbox__icon {
|
|
527
|
+
background: #8285a8;
|
|
528
|
+
border-color: #8285a8;
|
|
744
529
|
}
|
|
745
|
-
.eds-
|
|
746
|
-
|
|
747
|
-
|
|
530
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
531
|
+
.eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
532
|
+
outline: none;
|
|
533
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
534
|
+
outline-offset: 0.125rem;
|
|
748
535
|
}
|
|
749
|
-
.eds-
|
|
750
|
-
|
|
751
|
-
|
|
536
|
+
.eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
537
|
+
.eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
538
|
+
outline: none;
|
|
539
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
540
|
+
outline-offset: 0.125rem;
|
|
752
541
|
}
|
|
753
|
-
.eds-
|
|
754
|
-
|
|
755
|
-
|
|
542
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
543
|
+
.eds-contrast .eds-checkbox__container [focus-within] + .eds-checkbox__icon {
|
|
544
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
756
545
|
}
|
|
757
|
-
.eds-
|
|
758
|
-
|
|
759
|
-
|
|
546
|
+
.eds-contrast .eds-checkbox__container:focus + .eds-checkbox__icon,
|
|
547
|
+
.eds-contrast .eds-checkbox__container :focus-within + .eds-checkbox__icon {
|
|
548
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
760
549
|
}
|
|
761
|
-
.eds-
|
|
762
|
-
|
|
550
|
+
.eds-checkbox--disabled {
|
|
551
|
+
pointer-events: none;
|
|
763
552
|
}
|
|
764
|
-
.eds-
|
|
765
|
-
|
|
553
|
+
.eds-checkbox--disabled .eds-checkbox__label {
|
|
554
|
+
opacity: 0.5;
|
|
766
555
|
}
|
|
767
|
-
.eds-
|
|
768
|
-
|
|
769
|
-
font-weight: 500;
|
|
770
|
-
line-height: 1.875rem;
|
|
556
|
+
.eds-checkbox--disabled .eds-checkbox__icon {
|
|
557
|
+
opacity: 0.5;
|
|
771
558
|
}
|
|
772
|
-
.eds-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
559
|
+
.eds-checkbox__icon {
|
|
560
|
+
display: inline-flex;
|
|
561
|
+
justify-content: center;
|
|
562
|
+
align-items: center;
|
|
563
|
+
position: relative;
|
|
564
|
+
margin-right: 1rem;
|
|
565
|
+
height: 1.25rem;
|
|
566
|
+
width: 1.25rem;
|
|
567
|
+
border: 0.125rem solid #181c56;
|
|
568
|
+
border-radius: 0.0625rem;
|
|
569
|
+
background-color: transparent;
|
|
570
|
+
color: #ffffff;
|
|
776
571
|
}
|
|
777
|
-
.eds-
|
|
778
|
-
|
|
779
|
-
|
|
572
|
+
.eds-checkbox__icon--reduced-click-area {
|
|
573
|
+
margin-right: 0;
|
|
574
|
+
}
|
|
575
|
+
.eds-contrast .eds-checkbox__icon {
|
|
780
576
|
border-color: #54568c;
|
|
781
|
-
color: #babbcf;
|
|
782
577
|
}
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
width:
|
|
786
|
-
|
|
578
|
+
.eds-checkbox__icon .eds-checkbox-icon {
|
|
579
|
+
height: 1rem;
|
|
580
|
+
width: 1rem;
|
|
581
|
+
visibility: hidden;
|
|
787
582
|
}
|
|
788
|
-
.eds-checkbox-icon__path {
|
|
583
|
+
.eds-checkbox__icon .eds-checkbox-icon__path {
|
|
789
584
|
transform-origin: 50% 50%;
|
|
790
585
|
stroke-dasharray: 48;
|
|
791
586
|
stroke-dashoffset: 48;
|
|
792
587
|
stroke-width: 0.375rem;
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
@keyframes stroke {
|
|
591
|
+
100% {
|
|
592
|
+
stroke-dashoffset: 0;
|
|
593
|
+
}
|
|
594
|
+
}/* DO NOT CHANGE!*/
|
|
595
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
596
|
+
.eds-feedback-text {
|
|
597
|
+
display: flex;
|
|
598
|
+
align-items: center;
|
|
599
|
+
margin-top: 0.25rem;
|
|
600
|
+
}
|
|
601
|
+
.eds-feedback-text--info {
|
|
602
|
+
padding-left: calc(1rem + 0.125rem);
|
|
603
|
+
}
|
|
604
|
+
.eds-feedback-text__text {
|
|
605
|
+
color: #181c56;
|
|
606
|
+
}
|
|
607
|
+
.eds-contrast .eds-feedback-text__text {
|
|
608
|
+
color: #ffffff;
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
.eds-feedback-text__icon {
|
|
612
|
+
font-size: 1.5rem;
|
|
613
|
+
min-height: 1.5rem;
|
|
614
|
+
min-width: 1.5rem;
|
|
615
|
+
padding-right: 0.5rem;
|
|
616
|
+
position: relative;
|
|
617
|
+
top: -0.1rem;
|
|
618
|
+
}
|
|
619
|
+
.eds-feedback-text__icon--success {
|
|
620
|
+
color: #1a8e60;
|
|
621
|
+
}
|
|
622
|
+
.eds-contrast .eds-feedback-text__icon--success {
|
|
623
|
+
color: #5ac39a;
|
|
624
|
+
}
|
|
625
|
+
.eds-feedback-text__icon--error {
|
|
626
|
+
color: #d31b1b;
|
|
627
|
+
}
|
|
628
|
+
.eds-contrast .eds-feedback-text__icon--error {
|
|
629
|
+
color: #ff9494;
|
|
630
|
+
}
|
|
631
|
+
.eds-feedback-text__icon--info {
|
|
632
|
+
color: #0082b9;
|
|
633
|
+
}
|
|
634
|
+
.eds-contrast .eds-feedback-text__icon--info {
|
|
635
|
+
color: #64b3e7;
|
|
636
|
+
}
|
|
637
|
+
.eds-feedback-text__icon--warning {
|
|
638
|
+
color: #ffca28;
|
|
639
|
+
}
|
|
640
|
+
.eds-feedback-text__icon--warning circle {
|
|
641
|
+
fill: #181c56;
|
|
642
|
+
}
|
|
643
|
+
.eds-contrast .eds-feedback-text__icon--warning {
|
|
644
|
+
color: #ffe082;
|
|
645
|
+
}/* DO NOT CHANGE!*/
|
|
646
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
647
|
+
.eds-fieldset {
|
|
648
|
+
margin: 0;
|
|
649
|
+
padding: 0;
|
|
650
|
+
border: 0;
|
|
651
|
+
}
|
|
652
|
+
.eds-fieldset .eds-legend {
|
|
653
|
+
margin: 0 0 0.5rem;
|
|
793
654
|
}/* DO NOT CHANGE!*/
|
|
794
655
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
795
656
|
.eds-switch {
|
|
@@ -902,6 +763,145 @@
|
|
|
902
763
|
font-size: 0.75rem;
|
|
903
764
|
}/* DO NOT CHANGE!*/
|
|
904
765
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
766
|
+
.eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
767
|
+
border-color: #181c56;
|
|
768
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
769
|
+
}
|
|
770
|
+
.eds-radio-panel__wrapper:focus-within .eds-radio-panel__container {
|
|
771
|
+
border-color: #181c56;
|
|
772
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
773
|
+
}
|
|
774
|
+
.eds-contrast .eds-radio-panel__wrapper[focus-within] .eds-radio-panel__container {
|
|
775
|
+
border-color: #ffffff;
|
|
776
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
777
|
+
}
|
|
778
|
+
.eds-contrast .eds-radio-panel__wrapper:focus-within .eds-radio-panel__container {
|
|
779
|
+
border-color: #ffffff;
|
|
780
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
781
|
+
}
|
|
782
|
+
.eds-radio-panel__wrapper input {
|
|
783
|
+
position: absolute;
|
|
784
|
+
opacity: 0;
|
|
785
|
+
cursor: pointer;
|
|
786
|
+
height: 0;
|
|
787
|
+
width: 0;
|
|
788
|
+
}
|
|
789
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container {
|
|
790
|
+
border-color: #181c56;
|
|
791
|
+
background: #f5f5f8;
|
|
792
|
+
}
|
|
793
|
+
.eds-contrast .eds-radio-panel__wrapper input:checked + .eds-radio-panel__container {
|
|
794
|
+
border-color: #aeb7e2;
|
|
795
|
+
background: #393d79;
|
|
796
|
+
}
|
|
797
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check {
|
|
798
|
+
background-color: #181c56;
|
|
799
|
+
border-color: #181c56;
|
|
800
|
+
}
|
|
801
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check .eds-checkbox-icon {
|
|
802
|
+
visibility: visible;
|
|
803
|
+
}
|
|
804
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check .eds-checkbox-icon__path {
|
|
805
|
+
stroke: #5ac39a;
|
|
806
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
807
|
+
}
|
|
808
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check--disabled {
|
|
809
|
+
opacity: 0.5;
|
|
810
|
+
}
|
|
811
|
+
.eds-radio-panel__wrapper input:checked + .eds-radio-panel__container .eds-radio-panel__check--disabled .eds-checkbox-icon__path {
|
|
812
|
+
opacity: 0.5;
|
|
813
|
+
}
|
|
814
|
+
.eds-radio-panel__container {
|
|
815
|
+
background: #ffffff;
|
|
816
|
+
border: 0.125rem solid #d1d3d3;
|
|
817
|
+
border-radius: 0.25rem;
|
|
818
|
+
display: flex;
|
|
819
|
+
flex-direction: column;
|
|
820
|
+
justify-content: flex-start;
|
|
821
|
+
min-width: 20rem;
|
|
822
|
+
position: relative;
|
|
823
|
+
padding: 1rem;
|
|
824
|
+
-webkit-user-select: none;
|
|
825
|
+
-moz-user-select: none;
|
|
826
|
+
user-select: none;
|
|
827
|
+
width: -moz-fit-content;
|
|
828
|
+
width: fit-content;
|
|
829
|
+
}
|
|
830
|
+
.eds-contrast .eds-radio-panel__container {
|
|
831
|
+
background: #181c56;
|
|
832
|
+
border-color: #54568c;
|
|
833
|
+
}
|
|
834
|
+
.eds-radio-panel__title-wrapper {
|
|
835
|
+
display: flex;
|
|
836
|
+
justify-content: space-between;
|
|
837
|
+
align-items: center;
|
|
838
|
+
}
|
|
839
|
+
.eds-radio-panel__label {
|
|
840
|
+
display: flex;
|
|
841
|
+
justify-content: center;
|
|
842
|
+
}
|
|
843
|
+
.eds-radio-panel__check {
|
|
844
|
+
height: 2rem;
|
|
845
|
+
width: 2rem;
|
|
846
|
+
margin-left: 1rem;
|
|
847
|
+
border-radius: 50%;
|
|
848
|
+
border: 0.125rem solid #e9e9e9;
|
|
849
|
+
display: flex;
|
|
850
|
+
align-items: center;
|
|
851
|
+
justify-content: center;
|
|
852
|
+
background: #ffffff;
|
|
853
|
+
transition: background ease-in-out 0.1s, border-color ease-in-out 0.1s;
|
|
854
|
+
}
|
|
855
|
+
.eds-contrast .eds-radio-panel__check {
|
|
856
|
+
background: #181c56;
|
|
857
|
+
border-color: #54568c;
|
|
858
|
+
}
|
|
859
|
+
.eds-radio-panel__additional-content {
|
|
860
|
+
margin-top: 0.25rem;
|
|
861
|
+
word-wrap: break-word;
|
|
862
|
+
}
|
|
863
|
+
.eds-radio-panel--medium .eds-radio-panel__title {
|
|
864
|
+
font-size: 1rem;
|
|
865
|
+
font-weight: 500;
|
|
866
|
+
}
|
|
867
|
+
.eds-radio-panel--medium.eds-radio-panel__container {
|
|
868
|
+
padding-bottom: 1rem;
|
|
869
|
+
min-height: 3.75rem;
|
|
870
|
+
}
|
|
871
|
+
.eds-radio-panel--large.eds-radio-panel__container {
|
|
872
|
+
min-height: 6.5rem;
|
|
873
|
+
}
|
|
874
|
+
.eds-radio-panel--large .eds-radio-panel__title-wrapper {
|
|
875
|
+
height: 2rem;
|
|
876
|
+
}
|
|
877
|
+
.eds-radio-panel--large .eds-radio-panel__title {
|
|
878
|
+
font-size: 1.25rem;
|
|
879
|
+
font-weight: 500;
|
|
880
|
+
line-height: 1.875rem;
|
|
881
|
+
}
|
|
882
|
+
.eds-radio-panel--disabled {
|
|
883
|
+
background: #f3f3f3;
|
|
884
|
+
border-color: #f3f3f3;
|
|
885
|
+
color: #656782;
|
|
886
|
+
}
|
|
887
|
+
.eds-contrast .eds-radio-panel--disabled {
|
|
888
|
+
background: #181c56;
|
|
889
|
+
border-style: dashed;
|
|
890
|
+
border-color: #54568c;
|
|
891
|
+
color: #babbcf;
|
|
892
|
+
}
|
|
893
|
+
|
|
894
|
+
.eds-checkbox-icon {
|
|
895
|
+
width: 1.5em;
|
|
896
|
+
height: 1.5em;
|
|
897
|
+
}
|
|
898
|
+
.eds-checkbox-icon__path {
|
|
899
|
+
transform-origin: 50% 50%;
|
|
900
|
+
stroke-dasharray: 48;
|
|
901
|
+
stroke-dashoffset: 48;
|
|
902
|
+
stroke-width: 0.375rem;
|
|
903
|
+
}/* DO NOT CHANGE!*/
|
|
904
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
905
905
|
textarea.eds-form-control.eds-textarea {
|
|
906
906
|
min-height: 7.75rem;
|
|
907
907
|
resize: vertical;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.19",
|
|
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": "^5.
|
|
31
|
-
"@entur/tokens": "^3.
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.7.
|
|
34
|
-
"@entur/utils": "^0.5.
|
|
30
|
+
"@entur/icons": "^5.8.0",
|
|
31
|
+
"@entur/tokens": "^3.8.0",
|
|
32
|
+
"@entur/tooltip": "^2.6.6",
|
|
33
|
+
"@entur/typography": "^1.7.10",
|
|
34
|
+
"@entur/utils": "^0.5.5",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "3b97ecb2ab0cba40d9f353d936dc0a87a6253108"
|
|
38
38
|
}
|