@entur/form 7.0.14 → 7.0.16
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 +268 -268
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -3,6 +3,65 @@
|
|
|
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
|
+
.eds-fieldset {
|
|
59
|
+
margin: 0;
|
|
60
|
+
padding: 0;
|
|
61
|
+
border: 0;
|
|
62
|
+
}
|
|
63
|
+
/* DO NOT CHANGE!*/
|
|
64
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
6
65
|
.eds-form-control-wrapper {
|
|
7
66
|
--border-color: #7C7F9F;
|
|
8
67
|
--border-color-hover: #aeb7e2;
|
|
@@ -245,137 +304,6 @@
|
|
|
245
304
|
}
|
|
246
305
|
/* DO NOT CHANGE!*/
|
|
247
306
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
248
|
-
.eds-input-group {
|
|
249
|
-
color: inherit;
|
|
250
|
-
display: block;
|
|
251
|
-
position: relative;
|
|
252
|
-
}
|
|
253
|
-
.eds-input-group__label {
|
|
254
|
-
color: #656782;
|
|
255
|
-
display: flex;
|
|
256
|
-
font-size: 1rem;
|
|
257
|
-
position: absolute;
|
|
258
|
-
line-height: 1rem;
|
|
259
|
-
height: 3rem;
|
|
260
|
-
padding: 1rem;
|
|
261
|
-
padding-left: 0;
|
|
262
|
-
margin-left: 1rem;
|
|
263
|
-
top: -0.125rem;
|
|
264
|
-
transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out, padding 0.2s ease-in-out, line-height ease-in-out 0.2s;
|
|
265
|
-
-webkit-user-select: none;
|
|
266
|
-
-moz-user-select: none;
|
|
267
|
-
user-select: none;
|
|
268
|
-
pointer-events: none;
|
|
269
|
-
}
|
|
270
|
-
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
271
|
-
top: 0.375rem;
|
|
272
|
-
font-size: 0.75rem;
|
|
273
|
-
line-height: 0.75rem;
|
|
274
|
-
height: 10px;
|
|
275
|
-
padding: 0;
|
|
276
|
-
margin-left: 1rem;
|
|
277
|
-
}
|
|
278
|
-
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
279
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
280
|
-
background: var(--textarea-label-background);
|
|
281
|
-
width: calc(
|
|
282
|
-
100% - 1rem - 1rem - 4px
|
|
283
|
-
);
|
|
284
|
-
}
|
|
285
|
-
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
286
|
-
top: 0.5rem;
|
|
287
|
-
font-size: 0.875rem;
|
|
288
|
-
line-height: 1rem;
|
|
289
|
-
padding: 0;
|
|
290
|
-
margin-left: 1rem;
|
|
291
|
-
}
|
|
292
|
-
.eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
|
|
293
|
-
color: #aeb7e2;
|
|
294
|
-
}
|
|
295
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
296
|
-
font-size: 1.5rem;
|
|
297
|
-
line-height: 2.25rem;
|
|
298
|
-
height: 4rem;
|
|
299
|
-
}
|
|
300
|
-
.eds-input-group__label--filled {
|
|
301
|
-
top: 0.375rem;
|
|
302
|
-
font-size: 0.75rem;
|
|
303
|
-
line-height: 0.75rem;
|
|
304
|
-
height: 10px;
|
|
305
|
-
padding: 0;
|
|
306
|
-
margin-left: 1rem;
|
|
307
|
-
}
|
|
308
|
-
.eds-textarea__label .eds-input-group__label--filled {
|
|
309
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
310
|
-
background: var(--textarea-label-background);
|
|
311
|
-
width: calc(
|
|
312
|
-
100% - 1rem - 1rem - 4px
|
|
313
|
-
);
|
|
314
|
-
}
|
|
315
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
316
|
-
top: 0.5rem;
|
|
317
|
-
font-size: 0.875rem;
|
|
318
|
-
line-height: 1rem;
|
|
319
|
-
padding: 0;
|
|
320
|
-
margin-left: 1rem;
|
|
321
|
-
}
|
|
322
|
-
.eds-input-group__label-tooltip-icon {
|
|
323
|
-
color: #0082b9;
|
|
324
|
-
padding-left: 0.25rem;
|
|
325
|
-
padding-right: 0.25rem;
|
|
326
|
-
display: flex;
|
|
327
|
-
align-items: center;
|
|
328
|
-
cursor: help;
|
|
329
|
-
font-size: 1rem;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
333
|
-
top: 0.375rem;
|
|
334
|
-
font-size: 0.75rem;
|
|
335
|
-
line-height: 0.75rem;
|
|
336
|
-
height: 10px;
|
|
337
|
-
padding: 0;
|
|
338
|
-
margin-left: 1rem;
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
342
|
-
top: 0.375rem;
|
|
343
|
-
font-size: 0.75rem;
|
|
344
|
-
line-height: 0.75rem;
|
|
345
|
-
height: 10px;
|
|
346
|
-
padding: 0;
|
|
347
|
-
margin-left: 1rem;
|
|
348
|
-
}
|
|
349
|
-
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
350
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
351
|
-
background: var(--textarea-label-background);
|
|
352
|
-
width: calc(
|
|
353
|
-
100% - 1rem - 1rem - 4px
|
|
354
|
-
);
|
|
355
|
-
}
|
|
356
|
-
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
357
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
358
|
-
background: var(--textarea-label-background);
|
|
359
|
-
width: calc(
|
|
360
|
-
100% - 1rem - 1rem - 4px
|
|
361
|
-
);
|
|
362
|
-
}
|
|
363
|
-
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
364
|
-
top: 0.5rem;
|
|
365
|
-
font-size: 0.875rem;
|
|
366
|
-
line-height: 1rem;
|
|
367
|
-
padding: 0;
|
|
368
|
-
margin-left: 1rem;
|
|
369
|
-
}
|
|
370
|
-
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
371
|
-
top: 0.5rem;
|
|
372
|
-
font-size: 0.875rem;
|
|
373
|
-
line-height: 1rem;
|
|
374
|
-
padding: 0;
|
|
375
|
-
margin-left: 1rem;
|
|
376
|
-
}
|
|
377
|
-
/* DO NOT CHANGE!*/
|
|
378
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
379
307
|
.eds-checkbox__container {
|
|
380
308
|
display: flex;
|
|
381
309
|
align-items: center;
|
|
@@ -538,150 +466,134 @@
|
|
|
538
466
|
}
|
|
539
467
|
/* DO NOT CHANGE!*/
|
|
540
468
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
541
|
-
.eds-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
469
|
+
.eds-input-group {
|
|
470
|
+
color: inherit;
|
|
471
|
+
display: block;
|
|
472
|
+
position: relative;
|
|
545
473
|
}
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
.eds-feedback-text {
|
|
474
|
+
.eds-input-group__label {
|
|
475
|
+
color: #656782;
|
|
549
476
|
display: flex;
|
|
550
|
-
|
|
551
|
-
|
|
477
|
+
font-size: 1rem;
|
|
478
|
+
position: absolute;
|
|
479
|
+
line-height: 1rem;
|
|
480
|
+
height: 3rem;
|
|
481
|
+
padding: 1rem;
|
|
482
|
+
padding-left: 0;
|
|
483
|
+
margin-left: 1rem;
|
|
484
|
+
top: -0.125rem;
|
|
485
|
+
transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out, padding 0.2s ease-in-out, line-height ease-in-out 0.2s;
|
|
486
|
+
-webkit-user-select: none;
|
|
487
|
+
-moz-user-select: none;
|
|
488
|
+
user-select: none;
|
|
489
|
+
pointer-events: none;
|
|
552
490
|
}
|
|
553
|
-
.eds-
|
|
554
|
-
|
|
491
|
+
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
492
|
+
top: 0.375rem;
|
|
493
|
+
font-size: 0.75rem;
|
|
494
|
+
line-height: 0.75rem;
|
|
495
|
+
height: 10px;
|
|
496
|
+
padding: 0;
|
|
497
|
+
margin-left: 1rem;
|
|
555
498
|
}
|
|
556
|
-
.eds-
|
|
557
|
-
|
|
499
|
+
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
500
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
501
|
+
background: var(--textarea-label-background);
|
|
502
|
+
width: calc(
|
|
503
|
+
100% - 1rem - 1rem - 4px
|
|
504
|
+
);
|
|
558
505
|
}
|
|
559
|
-
.eds-
|
|
560
|
-
|
|
506
|
+
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
507
|
+
top: 0.5rem;
|
|
508
|
+
font-size: 0.875rem;
|
|
509
|
+
line-height: 1rem;
|
|
510
|
+
padding: 0;
|
|
511
|
+
margin-left: 1rem;
|
|
561
512
|
}
|
|
562
|
-
|
|
563
|
-
|
|
513
|
+
.eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
|
|
514
|
+
color: #aeb7e2;
|
|
515
|
+
}
|
|
516
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
564
517
|
font-size: 1.5rem;
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
padding-right: 0.5rem;
|
|
568
|
-
position: relative;
|
|
569
|
-
top: -0.1rem;
|
|
518
|
+
line-height: 2.25rem;
|
|
519
|
+
height: 4rem;
|
|
570
520
|
}
|
|
571
|
-
.eds-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
521
|
+
.eds-input-group__label--filled {
|
|
522
|
+
top: 0.375rem;
|
|
523
|
+
font-size: 0.75rem;
|
|
524
|
+
line-height: 0.75rem;
|
|
525
|
+
height: 10px;
|
|
526
|
+
padding: 0;
|
|
527
|
+
margin-left: 1rem;
|
|
576
528
|
}
|
|
577
|
-
.eds-
|
|
578
|
-
|
|
529
|
+
.eds-textarea__label .eds-input-group__label--filled {
|
|
530
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
531
|
+
background: var(--textarea-label-background);
|
|
532
|
+
width: calc(
|
|
533
|
+
100% - 1rem - 1rem - 4px
|
|
534
|
+
);
|
|
579
535
|
}
|
|
580
|
-
.eds-
|
|
581
|
-
|
|
536
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
537
|
+
top: 0.5rem;
|
|
538
|
+
font-size: 0.875rem;
|
|
539
|
+
line-height: 1rem;
|
|
540
|
+
padding: 0;
|
|
541
|
+
margin-left: 1rem;
|
|
582
542
|
}
|
|
583
|
-
.eds-
|
|
543
|
+
.eds-input-group__label-tooltip-icon {
|
|
584
544
|
color: #0082b9;
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
color: #64b3e7;
|
|
588
|
-
}
|
|
589
|
-
.eds-feedback-text__icon--warning {
|
|
590
|
-
color: #ffca28;
|
|
591
|
-
}
|
|
592
|
-
.eds-feedback-text__icon--warning circle {
|
|
593
|
-
fill: #181c56;
|
|
594
|
-
}
|
|
595
|
-
.eds-contrast .eds-feedback-text__icon--warning {
|
|
596
|
-
color: #ffe082;
|
|
597
|
-
}
|
|
598
|
-
/* DO NOT CHANGE!*/
|
|
599
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
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%;
|
|
545
|
+
padding-left: 0.25rem;
|
|
546
|
+
padding-right: 0.25rem;
|
|
652
547
|
display: flex;
|
|
653
548
|
align-items: center;
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
657
|
-
background-color: #181c56;
|
|
658
|
-
border-color: #aeb7e2;
|
|
549
|
+
cursor: help;
|
|
550
|
+
font-size: 1rem;
|
|
659
551
|
}
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
552
|
+
|
|
553
|
+
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
554
|
+
top: 0.375rem;
|
|
555
|
+
font-size: 0.75rem;
|
|
556
|
+
line-height: 0.75rem;
|
|
557
|
+
height: 10px;
|
|
558
|
+
padding: 0;
|
|
559
|
+
margin-left: 1rem;
|
|
664
560
|
}
|
|
665
|
-
|
|
666
|
-
|
|
561
|
+
|
|
562
|
+
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
563
|
+
top: 0.375rem;
|
|
564
|
+
font-size: 0.75rem;
|
|
565
|
+
line-height: 0.75rem;
|
|
566
|
+
height: 10px;
|
|
567
|
+
padding: 0;
|
|
568
|
+
margin-left: 1rem;
|
|
667
569
|
}
|
|
668
|
-
.eds-
|
|
669
|
-
|
|
670
|
-
|
|
570
|
+
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
571
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
572
|
+
background: var(--textarea-label-background);
|
|
573
|
+
width: calc(
|
|
574
|
+
100% - 1rem - 1rem - 4px
|
|
575
|
+
);
|
|
671
576
|
}
|
|
672
|
-
.eds-
|
|
673
|
-
|
|
577
|
+
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
578
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
579
|
+
background: var(--textarea-label-background);
|
|
580
|
+
width: calc(
|
|
581
|
+
100% - 1rem - 1rem - 4px
|
|
582
|
+
);
|
|
674
583
|
}
|
|
675
|
-
.eds-form-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
height:
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
584
|
+
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
585
|
+
top: 0.5rem;
|
|
586
|
+
font-size: 0.875rem;
|
|
587
|
+
line-height: 1rem;
|
|
588
|
+
padding: 0;
|
|
589
|
+
margin-left: 1rem;
|
|
682
590
|
}
|
|
683
|
-
.eds-
|
|
684
|
-
|
|
591
|
+
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
592
|
+
top: 0.5rem;
|
|
593
|
+
font-size: 0.875rem;
|
|
594
|
+
line-height: 1rem;
|
|
595
|
+
padding: 0;
|
|
596
|
+
margin-left: 1rem;
|
|
685
597
|
}
|
|
686
598
|
/* DO NOT CHANGE!*/
|
|
687
599
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -804,13 +716,6 @@
|
|
|
804
716
|
}
|
|
805
717
|
/* DO NOT CHANGE!*/
|
|
806
718
|
/* 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
719
|
.eds-textfield__clear-button {
|
|
815
720
|
background: none;
|
|
816
721
|
border: none;
|
|
@@ -848,14 +753,98 @@ textarea.eds-form-control.eds-textarea {
|
|
|
848
753
|
}
|
|
849
754
|
/* DO NOT CHANGE!*/
|
|
850
755
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
851
|
-
.eds-
|
|
852
|
-
margin-top: 0.25rem;
|
|
756
|
+
.eds-form-component--radio__container {
|
|
853
757
|
display: flex;
|
|
854
|
-
|
|
855
|
-
|
|
758
|
+
justify-content: center;
|
|
759
|
+
align-items: center;
|
|
760
|
+
position: relative;
|
|
761
|
+
cursor: pointer;
|
|
762
|
+
height: 2rem;
|
|
763
|
+
width: -moz-fit-content;
|
|
764
|
+
width: fit-content;
|
|
765
|
+
-webkit-user-select: none;
|
|
766
|
+
-moz-user-select: none;
|
|
767
|
+
user-select: none;
|
|
856
768
|
}
|
|
857
|
-
.eds-
|
|
858
|
-
|
|
769
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
770
|
+
border-color: #54568c;
|
|
771
|
+
}
|
|
772
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
773
|
+
background-color: #54568c;
|
|
774
|
+
}
|
|
775
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
776
|
+
border-color: #8285a8;
|
|
777
|
+
}
|
|
778
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
779
|
+
background-color: #8285a8;
|
|
780
|
+
}
|
|
781
|
+
.eds-form-component--radio__container input {
|
|
782
|
+
position: absolute;
|
|
783
|
+
opacity: 0;
|
|
784
|
+
cursor: pointer;
|
|
785
|
+
height: 0;
|
|
786
|
+
width: 0;
|
|
787
|
+
}
|
|
788
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
789
|
+
height: 0.625rem;
|
|
790
|
+
width: 0.625rem;
|
|
791
|
+
}
|
|
792
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
793
|
+
outline: none;
|
|
794
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
795
|
+
outline-offset: 0.125rem;
|
|
796
|
+
}
|
|
797
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
798
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
799
|
+
}
|
|
800
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
801
|
+
position: relative;
|
|
802
|
+
height: 1.25rem;
|
|
803
|
+
width: 1.25rem;
|
|
804
|
+
margin-right: 1rem;
|
|
805
|
+
background-color: #ffffff;
|
|
806
|
+
border: 0.125rem solid #181c56;
|
|
807
|
+
border-radius: 50%;
|
|
808
|
+
display: flex;
|
|
809
|
+
align-items: center;
|
|
810
|
+
justify-content: center;
|
|
811
|
+
}
|
|
812
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
813
|
+
background-color: #181c56;
|
|
814
|
+
border-color: #aeb7e2;
|
|
815
|
+
}
|
|
816
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
817
|
+
background: #d1d3d3;
|
|
818
|
+
border-color: #d1d3d3;
|
|
819
|
+
cursor: not-allowed;
|
|
820
|
+
}
|
|
821
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
822
|
+
border-color: #d1d3d3;
|
|
823
|
+
}
|
|
824
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
825
|
+
background: #d1d3d3;
|
|
826
|
+
border-color: #d1d3d3;
|
|
827
|
+
}
|
|
828
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
829
|
+
color: #656782;
|
|
830
|
+
}
|
|
831
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
832
|
+
display: block;
|
|
833
|
+
width: 0;
|
|
834
|
+
height: 0;
|
|
835
|
+
border-radius: 50%;
|
|
836
|
+
background-color: #181c56;
|
|
837
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
838
|
+
}
|
|
839
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
840
|
+
background-color: #aeb7e2;
|
|
841
|
+
}
|
|
842
|
+
/* DO NOT CHANGE!*/
|
|
843
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
844
|
+
textarea.eds-form-control.eds-textarea {
|
|
845
|
+
min-height: 7.75rem;
|
|
846
|
+
resize: vertical;
|
|
847
|
+
line-height: 1.5rem;
|
|
859
848
|
}
|
|
860
849
|
/* DO NOT CHANGE!*/
|
|
861
850
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -930,6 +919,17 @@ textarea.eds-form-control.eds-textarea {
|
|
|
930
919
|
}
|
|
931
920
|
/* DO NOT CHANGE!*/
|
|
932
921
|
/* 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.16",
|
|
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.
|
|
34
|
-
"@entur/utils": "^0.9.
|
|
32
|
+
"@entur/tooltip": "^2.6.26",
|
|
33
|
+
"@entur/typography": "^1.8.7",
|
|
34
|
+
"@entur/utils": "^0.9.4",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "0da1a9e2532f60cc1a456a79ad3aa689514ca2c7"
|
|
38
38
|
}
|