@entur/form 8.2.10-beta.0 → 8.2.10
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 +99 -99
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -435,6 +435,94 @@
|
|
|
435
435
|
}
|
|
436
436
|
/* DO NOT CHANGE!*/
|
|
437
437
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
438
|
+
.eds-input-group {
|
|
439
|
+
color: inherit;
|
|
440
|
+
display: block;
|
|
441
|
+
position: relative;
|
|
442
|
+
}
|
|
443
|
+
.eds-input-group__label {
|
|
444
|
+
color: var(--components-form-baseform-standard-text-label);
|
|
445
|
+
display: flex;
|
|
446
|
+
font-size: 1rem;
|
|
447
|
+
position: absolute;
|
|
448
|
+
line-height: 1rem;
|
|
449
|
+
height: 3rem;
|
|
450
|
+
padding-left: 0;
|
|
451
|
+
top: 1rem;
|
|
452
|
+
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;
|
|
453
|
+
-webkit-user-select: none;
|
|
454
|
+
-moz-user-select: none;
|
|
455
|
+
user-select: none;
|
|
456
|
+
pointer-events: none;
|
|
457
|
+
}
|
|
458
|
+
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
459
|
+
top: 0.375rem;
|
|
460
|
+
font-size: 0.75rem;
|
|
461
|
+
line-height: 0.75rem;
|
|
462
|
+
height: 10px;
|
|
463
|
+
padding: 0;
|
|
464
|
+
}
|
|
465
|
+
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
466
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
467
|
+
background: var(--textarea-label-background);
|
|
468
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
469
|
+
}
|
|
470
|
+
.eds-form-control-wrapper--is-filled.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
471
|
+
top: 0.5rem;
|
|
472
|
+
font-size: 0.875rem;
|
|
473
|
+
line-height: 1rem;
|
|
474
|
+
padding: 0;
|
|
475
|
+
}
|
|
476
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
477
|
+
top: 0.75rem;
|
|
478
|
+
font-size: 1.5rem;
|
|
479
|
+
line-height: 2.25rem;
|
|
480
|
+
}
|
|
481
|
+
.eds-input-group__label--filled {
|
|
482
|
+
top: 0.375rem;
|
|
483
|
+
font-size: 0.75rem;
|
|
484
|
+
line-height: 0.75rem;
|
|
485
|
+
height: 10px;
|
|
486
|
+
padding: 0;
|
|
487
|
+
}
|
|
488
|
+
.eds-textarea__label .eds-input-group__label--filled {
|
|
489
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
490
|
+
background: var(--textarea-label-background);
|
|
491
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
492
|
+
}
|
|
493
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
494
|
+
top: 0.5rem;
|
|
495
|
+
font-size: 0.875rem;
|
|
496
|
+
line-height: 1rem;
|
|
497
|
+
padding: 0;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
501
|
+
top: 0.375rem;
|
|
502
|
+
font-size: 0.75rem;
|
|
503
|
+
line-height: 0.75rem;
|
|
504
|
+
height: 10px;
|
|
505
|
+
padding: 0;
|
|
506
|
+
}
|
|
507
|
+
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
508
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
509
|
+
background: var(--textarea-label-background);
|
|
510
|
+
width: calc(100% - 1rem - 1rem - 4px);
|
|
511
|
+
}
|
|
512
|
+
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
513
|
+
top: 0.5rem;
|
|
514
|
+
font-size: 0.875rem;
|
|
515
|
+
line-height: 1rem;
|
|
516
|
+
padding: 0;
|
|
517
|
+
}
|
|
518
|
+
.eds-form-control-wrapper--disabled:focus-within .eds-input-group__label {
|
|
519
|
+
top: 1rem;
|
|
520
|
+
font-size: 1rem;
|
|
521
|
+
height: 3rem;
|
|
522
|
+
line-height: 1rem;
|
|
523
|
+
}
|
|
524
|
+
/* DO NOT CHANGE!*/
|
|
525
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
438
526
|
.eds-form-component--radio__container {
|
|
439
527
|
display: flex;
|
|
440
528
|
justify-content: center;
|
|
@@ -814,94 +902,6 @@
|
|
|
814
902
|
}
|
|
815
903
|
/* DO NOT CHANGE!*/
|
|
816
904
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
817
|
-
.eds-input-group {
|
|
818
|
-
color: inherit;
|
|
819
|
-
display: block;
|
|
820
|
-
position: relative;
|
|
821
|
-
}
|
|
822
|
-
.eds-input-group__label {
|
|
823
|
-
color: var(--components-form-baseform-standard-text-label);
|
|
824
|
-
display: flex;
|
|
825
|
-
font-size: 1rem;
|
|
826
|
-
position: absolute;
|
|
827
|
-
line-height: 1rem;
|
|
828
|
-
height: 3rem;
|
|
829
|
-
padding-left: 0;
|
|
830
|
-
top: 1rem;
|
|
831
|
-
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;
|
|
832
|
-
-webkit-user-select: none;
|
|
833
|
-
-moz-user-select: none;
|
|
834
|
-
user-select: none;
|
|
835
|
-
pointer-events: none;
|
|
836
|
-
}
|
|
837
|
-
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
838
|
-
top: 0.375rem;
|
|
839
|
-
font-size: 0.75rem;
|
|
840
|
-
line-height: 0.75rem;
|
|
841
|
-
height: 10px;
|
|
842
|
-
padding: 0;
|
|
843
|
-
}
|
|
844
|
-
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
845
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
846
|
-
background: var(--textarea-label-background);
|
|
847
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
848
|
-
}
|
|
849
|
-
.eds-form-control-wrapper--is-filled.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
850
|
-
top: 0.5rem;
|
|
851
|
-
font-size: 0.875rem;
|
|
852
|
-
line-height: 1rem;
|
|
853
|
-
padding: 0;
|
|
854
|
-
}
|
|
855
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
856
|
-
top: 0.75rem;
|
|
857
|
-
font-size: 1.5rem;
|
|
858
|
-
line-height: 2.25rem;
|
|
859
|
-
}
|
|
860
|
-
.eds-input-group__label--filled {
|
|
861
|
-
top: 0.375rem;
|
|
862
|
-
font-size: 0.75rem;
|
|
863
|
-
line-height: 0.75rem;
|
|
864
|
-
height: 10px;
|
|
865
|
-
padding: 0;
|
|
866
|
-
}
|
|
867
|
-
.eds-textarea__label .eds-input-group__label--filled {
|
|
868
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
869
|
-
background: var(--textarea-label-background);
|
|
870
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
871
|
-
}
|
|
872
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
873
|
-
top: 0.5rem;
|
|
874
|
-
font-size: 0.875rem;
|
|
875
|
-
line-height: 1rem;
|
|
876
|
-
padding: 0;
|
|
877
|
-
}
|
|
878
|
-
|
|
879
|
-
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
880
|
-
top: 0.375rem;
|
|
881
|
-
font-size: 0.75rem;
|
|
882
|
-
line-height: 0.75rem;
|
|
883
|
-
height: 10px;
|
|
884
|
-
padding: 0;
|
|
885
|
-
}
|
|
886
|
-
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
887
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
888
|
-
background: var(--textarea-label-background);
|
|
889
|
-
width: calc(100% - 1rem - 1rem - 4px);
|
|
890
|
-
}
|
|
891
|
-
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
892
|
-
top: 0.5rem;
|
|
893
|
-
font-size: 0.875rem;
|
|
894
|
-
line-height: 1rem;
|
|
895
|
-
padding: 0;
|
|
896
|
-
}
|
|
897
|
-
.eds-form-control-wrapper--disabled:focus-within .eds-input-group__label {
|
|
898
|
-
top: 1rem;
|
|
899
|
-
font-size: 1rem;
|
|
900
|
-
height: 3rem;
|
|
901
|
-
line-height: 1rem;
|
|
902
|
-
}
|
|
903
|
-
/* DO NOT CHANGE!*/
|
|
904
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
905
905
|
.eds-input-panel:has(:focus-visible) .eds-input-panel__container {
|
|
906
906
|
outline: 2px solid #181c56;
|
|
907
907
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
@@ -1092,6 +1092,17 @@ input:disabled + .eds-input-panel__container {
|
|
|
1092
1092
|
}
|
|
1093
1093
|
/* DO NOT CHANGE!*/
|
|
1094
1094
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1095
|
+
.eds-segmented-control {
|
|
1096
|
+
margin-top: 0.25rem;
|
|
1097
|
+
display: flex;
|
|
1098
|
+
background: var(--components-form-segmentedcontrol-standard-background);
|
|
1099
|
+
border-radius: 0.5rem;
|
|
1100
|
+
}
|
|
1101
|
+
.eds-contrast .eds-segmented-control {
|
|
1102
|
+
background: var(--components-form-segmentedcontrol-contrast-background);
|
|
1103
|
+
}
|
|
1104
|
+
/* DO NOT CHANGE!*/
|
|
1105
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1095
1106
|
.eds-segmented-choice {
|
|
1096
1107
|
display: block;
|
|
1097
1108
|
flex: 1 1 0px;
|
|
@@ -1771,14 +1782,3 @@ input:disabled + .eds-input-panel__container {
|
|
|
1771
1782
|
:root {
|
|
1772
1783
|
--eds-form: 1;
|
|
1773
1784
|
}
|
|
1774
|
-
/* DO NOT CHANGE!*/
|
|
1775
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1776
|
-
.eds-segmented-control {
|
|
1777
|
-
margin-top: 0.25rem;
|
|
1778
|
-
display: flex;
|
|
1779
|
-
background: var(--components-form-segmentedcontrol-standard-background);
|
|
1780
|
-
border-radius: 0.5rem;
|
|
1781
|
-
}
|
|
1782
|
-
.eds-contrast .eds-segmented-control {
|
|
1783
|
-
background: var(--components-form-segmentedcontrol-contrast-background);
|
|
1784
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/form",
|
|
3
|
-
"version": "8.2.10
|
|
3
|
+
"version": "8.2.10",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/form.esm.js",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.3.10
|
|
31
|
-
"@entur/icons": "^7.13.0
|
|
30
|
+
"@entur/button": "^3.3.10",
|
|
31
|
+
"@entur/icons": "^7.13.0",
|
|
32
32
|
"@entur/tokens": "^3.19.1",
|
|
33
|
-
"@entur/tooltip": "^5.2.10
|
|
34
|
-
"@entur/typography": "^1.9.10
|
|
33
|
+
"@entur/tooltip": "^5.2.10",
|
|
34
|
+
"@entur/typography": "^1.9.10",
|
|
35
35
|
"@entur/utils": "^0.12.3",
|
|
36
36
|
"classnames": "^2.3.1"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"dts-cli": "2.0.5"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "fce8c4670732d7dd2742d18f0d7759a364ba2c3c"
|
|
42
42
|
}
|