@entur/form 7.1.3 → 7.1.4
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 +91 -91
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -411,6 +411,93 @@
|
|
|
411
411
|
.eds-form-control__append {
|
|
412
412
|
margin-left: 0;
|
|
413
413
|
}
|
|
414
|
+
.eds-fieldset {
|
|
415
|
+
margin: 0;
|
|
416
|
+
padding: 0;
|
|
417
|
+
border: 0;
|
|
418
|
+
}
|
|
419
|
+
/* DO NOT CHANGE!*/
|
|
420
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
421
|
+
.eds-form-component--radio__container {
|
|
422
|
+
display: flex;
|
|
423
|
+
justify-content: center;
|
|
424
|
+
align-items: center;
|
|
425
|
+
position: relative;
|
|
426
|
+
cursor: pointer;
|
|
427
|
+
height: 2rem;
|
|
428
|
+
width: -moz-fit-content;
|
|
429
|
+
width: fit-content;
|
|
430
|
+
-webkit-user-select: none;
|
|
431
|
+
-moz-user-select: none;
|
|
432
|
+
user-select: none;
|
|
433
|
+
}
|
|
434
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
435
|
+
background-color: var(--components-form-radio-standard-fill-hover);
|
|
436
|
+
}
|
|
437
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
438
|
+
background-color: var(--components-form-radio-contrast-fill-hover);
|
|
439
|
+
}
|
|
440
|
+
.eds-form-component--radio__container input {
|
|
441
|
+
position: absolute;
|
|
442
|
+
opacity: 0;
|
|
443
|
+
cursor: pointer;
|
|
444
|
+
height: 0;
|
|
445
|
+
width: 0;
|
|
446
|
+
}
|
|
447
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
448
|
+
height: 0.625rem;
|
|
449
|
+
width: 0.625rem;
|
|
450
|
+
}
|
|
451
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
452
|
+
outline: 2px solid #181c56;
|
|
453
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
454
|
+
outline-offset: 0.125rem;
|
|
455
|
+
}
|
|
456
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
457
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
458
|
+
}
|
|
459
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
460
|
+
position: relative;
|
|
461
|
+
height: 1.25rem;
|
|
462
|
+
width: 1.25rem;
|
|
463
|
+
margin-right: 1rem;
|
|
464
|
+
background-color: var(--components-form-radio-standard-fill-default);
|
|
465
|
+
border: 0.125rem solid var(--components-form-radio-standard-border);
|
|
466
|
+
border-radius: 50%;
|
|
467
|
+
display: flex;
|
|
468
|
+
align-items: center;
|
|
469
|
+
justify-content: center;
|
|
470
|
+
}
|
|
471
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
472
|
+
background-color: var(--components-form-radio-contrast-fill-default);
|
|
473
|
+
border-color: var(--components-form-radio-contrast-border);
|
|
474
|
+
}
|
|
475
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
476
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
477
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
478
|
+
cursor: not-allowed;
|
|
479
|
+
}
|
|
480
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
481
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
482
|
+
}
|
|
483
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
484
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
485
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
486
|
+
}
|
|
487
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
488
|
+
color: var(--components-form-baseform-contrast-text-disabled);
|
|
489
|
+
}
|
|
490
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
491
|
+
display: block;
|
|
492
|
+
width: 0;
|
|
493
|
+
height: 0;
|
|
494
|
+
border-radius: 50%;
|
|
495
|
+
background-color: var(--components-form-radio-standard-fill-selected);
|
|
496
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
497
|
+
}
|
|
498
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
499
|
+
background-color: var(--components-form-radio-contrast-icon);
|
|
500
|
+
}
|
|
414
501
|
/* DO NOT CHANGE!*/
|
|
415
502
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
416
503
|
.eds-input-group {
|
|
@@ -542,85 +629,10 @@
|
|
|
542
629
|
}
|
|
543
630
|
/* DO NOT CHANGE!*/
|
|
544
631
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
545
|
-
.eds-form-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
position: relative;
|
|
550
|
-
cursor: pointer;
|
|
551
|
-
height: 2rem;
|
|
552
|
-
width: -moz-fit-content;
|
|
553
|
-
width: fit-content;
|
|
554
|
-
-webkit-user-select: none;
|
|
555
|
-
-moz-user-select: none;
|
|
556
|
-
user-select: none;
|
|
557
|
-
}
|
|
558
|
-
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
559
|
-
background-color: var(--components-form-radio-standard-fill-hover);
|
|
560
|
-
}
|
|
561
|
-
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
562
|
-
background-color: var(--components-form-radio-contrast-fill-hover);
|
|
563
|
-
}
|
|
564
|
-
.eds-form-component--radio__container input {
|
|
565
|
-
position: absolute;
|
|
566
|
-
opacity: 0;
|
|
567
|
-
cursor: pointer;
|
|
568
|
-
height: 0;
|
|
569
|
-
width: 0;
|
|
570
|
-
}
|
|
571
|
-
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
572
|
-
height: 0.625rem;
|
|
573
|
-
width: 0.625rem;
|
|
574
|
-
}
|
|
575
|
-
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
576
|
-
outline: 2px solid #181c56;
|
|
577
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
578
|
-
outline-offset: 0.125rem;
|
|
579
|
-
}
|
|
580
|
-
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
581
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
582
|
-
}
|
|
583
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
584
|
-
position: relative;
|
|
585
|
-
height: 1.25rem;
|
|
586
|
-
width: 1.25rem;
|
|
587
|
-
margin-right: 1rem;
|
|
588
|
-
background-color: var(--components-form-radio-standard-fill-default);
|
|
589
|
-
border: 0.125rem solid var(--components-form-radio-standard-border);
|
|
590
|
-
border-radius: 50%;
|
|
591
|
-
display: flex;
|
|
592
|
-
align-items: center;
|
|
593
|
-
justify-content: center;
|
|
594
|
-
}
|
|
595
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
596
|
-
background-color: var(--components-form-radio-contrast-fill-default);
|
|
597
|
-
border-color: var(--components-form-radio-contrast-border);
|
|
598
|
-
}
|
|
599
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
600
|
-
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
601
|
-
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
602
|
-
cursor: not-allowed;
|
|
603
|
-
}
|
|
604
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
605
|
-
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
606
|
-
}
|
|
607
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
608
|
-
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
609
|
-
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
610
|
-
}
|
|
611
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
612
|
-
color: var(--components-form-baseform-contrast-text-disabled);
|
|
613
|
-
}
|
|
614
|
-
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
615
|
-
display: block;
|
|
616
|
-
width: 0;
|
|
617
|
-
height: 0;
|
|
618
|
-
border-radius: 50%;
|
|
619
|
-
background-color: var(--components-form-radio-standard-fill-selected);
|
|
620
|
-
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
621
|
-
}
|
|
622
|
-
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
623
|
-
background-color: var(--components-form-radio-contrast-icon);
|
|
632
|
+
textarea.eds-form-control.eds-textarea {
|
|
633
|
+
min-height: 7.75rem;
|
|
634
|
+
resize: vertical;
|
|
635
|
+
line-height: 1.5rem;
|
|
624
636
|
}
|
|
625
637
|
/* DO NOT CHANGE!*/
|
|
626
638
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -743,18 +755,6 @@
|
|
|
743
755
|
}
|
|
744
756
|
/* DO NOT CHANGE!*/
|
|
745
757
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
746
|
-
textarea.eds-form-control.eds-textarea {
|
|
747
|
-
min-height: 7.75rem;
|
|
748
|
-
resize: vertical;
|
|
749
|
-
line-height: 1.5rem;
|
|
750
|
-
}
|
|
751
|
-
.eds-fieldset {
|
|
752
|
-
margin: 0;
|
|
753
|
-
padding: 0;
|
|
754
|
-
border: 0;
|
|
755
|
-
}
|
|
756
|
-
/* DO NOT CHANGE!*/
|
|
757
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
758
758
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
759
759
|
outline: 2px solid #181c56;
|
|
760
760
|
outline-color: var(--basecolors-stroke-focus-standard);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "7.1.
|
|
3
|
+
"version": "7.1.4",
|
|
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.15.
|
|
31
|
-
"@entur/tokens": "^3.
|
|
32
|
-
"@entur/tooltip": "^2.7.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/icons": "^6.15.8",
|
|
31
|
+
"@entur/tokens": "^3.14.0",
|
|
32
|
+
"@entur/tooltip": "^2.7.4",
|
|
33
|
+
"@entur/typography": "^1.8.33",
|
|
34
34
|
"@entur/utils": "^0.11.1",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "bbca019e64cca63b6558abed97643bd12f0dca1b"
|
|
38
38
|
}
|