@entur/form 7.1.1 → 7.1.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 +87 -87
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -183,6 +183,11 @@
|
|
|
183
183
|
.eds-form-control__append {
|
|
184
184
|
margin-left: 0;
|
|
185
185
|
}
|
|
186
|
+
.eds-fieldset {
|
|
187
|
+
margin: 0;
|
|
188
|
+
padding: 0;
|
|
189
|
+
border: 0;
|
|
190
|
+
}
|
|
186
191
|
/* DO NOT CHANGE!*/
|
|
187
192
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
188
193
|
.eds-checkbox__container {
|
|
@@ -411,93 +416,6 @@
|
|
|
411
416
|
.eds-contrast .eds-feedback-text__icon--warning circle {
|
|
412
417
|
fill: var(--components-form-feedbacktext-warning-contrast-icon-symbol);
|
|
413
418
|
}
|
|
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
|
-
}
|
|
501
419
|
/* DO NOT CHANGE!*/
|
|
502
420
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
503
421
|
.eds-input-group {
|
|
@@ -748,6 +666,88 @@
|
|
|
748
666
|
}
|
|
749
667
|
/* DO NOT CHANGE!*/
|
|
750
668
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
669
|
+
.eds-form-component--radio__container {
|
|
670
|
+
display: flex;
|
|
671
|
+
justify-content: center;
|
|
672
|
+
align-items: center;
|
|
673
|
+
position: relative;
|
|
674
|
+
cursor: pointer;
|
|
675
|
+
height: 2rem;
|
|
676
|
+
width: -moz-fit-content;
|
|
677
|
+
width: fit-content;
|
|
678
|
+
-webkit-user-select: none;
|
|
679
|
+
-moz-user-select: none;
|
|
680
|
+
user-select: none;
|
|
681
|
+
}
|
|
682
|
+
.eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
683
|
+
background-color: var(--components-form-radio-standard-fill-hover);
|
|
684
|
+
}
|
|
685
|
+
.eds-contrast .eds-form-component--radio__container :hover ~ .eds-form-component--radio__radio {
|
|
686
|
+
background-color: var(--components-form-radio-contrast-fill-hover);
|
|
687
|
+
}
|
|
688
|
+
.eds-form-component--radio__container input {
|
|
689
|
+
position: absolute;
|
|
690
|
+
opacity: 0;
|
|
691
|
+
cursor: pointer;
|
|
692
|
+
height: 0;
|
|
693
|
+
width: 0;
|
|
694
|
+
}
|
|
695
|
+
.eds-form-component--radio__container input:checked ~ .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
696
|
+
height: 0.625rem;
|
|
697
|
+
width: 0.625rem;
|
|
698
|
+
}
|
|
699
|
+
.eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
700
|
+
outline: 2px solid #181c56;
|
|
701
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
702
|
+
outline-offset: 0.125rem;
|
|
703
|
+
}
|
|
704
|
+
.eds-contrast .eds-form-component--radio__container input:focus ~ .eds-form-component--radio__radio {
|
|
705
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
706
|
+
}
|
|
707
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
708
|
+
position: relative;
|
|
709
|
+
height: 1.25rem;
|
|
710
|
+
width: 1.25rem;
|
|
711
|
+
margin-right: 1rem;
|
|
712
|
+
background-color: var(--components-form-radio-standard-fill-default);
|
|
713
|
+
border: 0.125rem solid var(--components-form-radio-standard-border);
|
|
714
|
+
border-radius: 50%;
|
|
715
|
+
display: flex;
|
|
716
|
+
align-items: center;
|
|
717
|
+
justify-content: center;
|
|
718
|
+
}
|
|
719
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio {
|
|
720
|
+
background-color: var(--components-form-radio-contrast-fill-default);
|
|
721
|
+
border-color: var(--components-form-radio-contrast-border);
|
|
722
|
+
}
|
|
723
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
724
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
725
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
726
|
+
cursor: not-allowed;
|
|
727
|
+
}
|
|
728
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled:hover {
|
|
729
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
730
|
+
}
|
|
731
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled {
|
|
732
|
+
background: var(--components-form-baseform-contrast-fill-disabled);
|
|
733
|
+
border-color: var(--components-form-baseform-contrast-text-disabled);
|
|
734
|
+
}
|
|
735
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio.eds-form-component--radio__radio--disabled ~ .eds-form-component--radio__label {
|
|
736
|
+
color: var(--components-form-baseform-contrast-text-disabled);
|
|
737
|
+
}
|
|
738
|
+
.eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
739
|
+
display: block;
|
|
740
|
+
width: 0;
|
|
741
|
+
height: 0;
|
|
742
|
+
border-radius: 50%;
|
|
743
|
+
background-color: var(--components-form-radio-standard-fill-selected);
|
|
744
|
+
transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
|
|
745
|
+
}
|
|
746
|
+
.eds-contrast .eds-form-component--radio__container .eds-form-component--radio__radio .eds-form-component--radio__circle {
|
|
747
|
+
background-color: var(--components-form-radio-contrast-icon);
|
|
748
|
+
}
|
|
749
|
+
/* DO NOT CHANGE!*/
|
|
750
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
751
751
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
752
752
|
outline: 2px solid #181c56;
|
|
753
753
|
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.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.15.
|
|
31
|
-
"@entur/tokens": "^3.13.
|
|
32
|
-
"@entur/tooltip": "^2.7.
|
|
33
|
-
"@entur/typography": "^1.8.
|
|
30
|
+
"@entur/icons": "^6.15.7",
|
|
31
|
+
"@entur/tokens": "^3.13.5",
|
|
32
|
+
"@entur/tooltip": "^2.7.2",
|
|
33
|
+
"@entur/typography": "^1.8.31",
|
|
34
34
|
"@entur/utils": "^0.11.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "1008c4e487e114c41234cc4ce7da912519ad26a5"
|
|
38
38
|
}
|