@entur/form 7.0.2 → 7.0.3
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 +152 -152
- package/package.json +5 -5
package/dist/styles.css
CHANGED
|
@@ -62,6 +62,140 @@
|
|
|
62
62
|
}
|
|
63
63
|
/* DO NOT CHANGE!*/
|
|
64
64
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
65
|
+
.eds-input-group {
|
|
66
|
+
color: inherit;
|
|
67
|
+
display: block;
|
|
68
|
+
position: relative;
|
|
69
|
+
}
|
|
70
|
+
.eds-input-group__label {
|
|
71
|
+
color: #656782;
|
|
72
|
+
display: flex;
|
|
73
|
+
font-size: 1rem;
|
|
74
|
+
position: absolute;
|
|
75
|
+
line-height: 1rem;
|
|
76
|
+
height: 3rem;
|
|
77
|
+
padding: 1rem;
|
|
78
|
+
padding-left: 0;
|
|
79
|
+
margin-left: 1rem;
|
|
80
|
+
top: -0.125rem;
|
|
81
|
+
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;
|
|
82
|
+
-webkit-user-select: none;
|
|
83
|
+
-moz-user-select: none;
|
|
84
|
+
user-select: none;
|
|
85
|
+
pointer-events: none;
|
|
86
|
+
}
|
|
87
|
+
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
88
|
+
top: 0.375rem;
|
|
89
|
+
font-size: 0.75rem;
|
|
90
|
+
line-height: 0.75rem;
|
|
91
|
+
height: 10px;
|
|
92
|
+
padding: 0;
|
|
93
|
+
margin-left: 1rem;
|
|
94
|
+
}
|
|
95
|
+
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
96
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
97
|
+
background: var(--textarea-label-background);
|
|
98
|
+
width: calc(
|
|
99
|
+
100% - 1rem - 1rem - 4px
|
|
100
|
+
);
|
|
101
|
+
}
|
|
102
|
+
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
103
|
+
top: 0.5rem;
|
|
104
|
+
font-size: 0.875rem;
|
|
105
|
+
line-height: 1rem;
|
|
106
|
+
padding: 0;
|
|
107
|
+
margin-left: 1rem;
|
|
108
|
+
}
|
|
109
|
+
.eds-contrast .eds-input-group__label {
|
|
110
|
+
color: #8285a8;
|
|
111
|
+
}
|
|
112
|
+
.eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
|
|
113
|
+
color: #aeb7e2;
|
|
114
|
+
}
|
|
115
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
116
|
+
font-size: 1.5rem;
|
|
117
|
+
line-height: 2.25rem;
|
|
118
|
+
height: 4rem;
|
|
119
|
+
}
|
|
120
|
+
.eds-input-group__label--filled {
|
|
121
|
+
top: 0.375rem;
|
|
122
|
+
font-size: 0.75rem;
|
|
123
|
+
line-height: 0.75rem;
|
|
124
|
+
height: 10px;
|
|
125
|
+
padding: 0;
|
|
126
|
+
margin-left: 1rem;
|
|
127
|
+
}
|
|
128
|
+
.eds-textarea__label .eds-input-group__label--filled {
|
|
129
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
130
|
+
background: var(--textarea-label-background);
|
|
131
|
+
width: calc(
|
|
132
|
+
100% - 1rem - 1rem - 4px
|
|
133
|
+
);
|
|
134
|
+
}
|
|
135
|
+
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
136
|
+
top: 0.5rem;
|
|
137
|
+
font-size: 0.875rem;
|
|
138
|
+
line-height: 1rem;
|
|
139
|
+
padding: 0;
|
|
140
|
+
margin-left: 1rem;
|
|
141
|
+
}
|
|
142
|
+
.eds-input-group__label-tooltip-icon {
|
|
143
|
+
color: #0082b9;
|
|
144
|
+
padding-left: 0.25rem;
|
|
145
|
+
padding-right: 0.25rem;
|
|
146
|
+
display: flex;
|
|
147
|
+
align-items: center;
|
|
148
|
+
cursor: help;
|
|
149
|
+
font-size: 1rem;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
153
|
+
top: 0.375rem;
|
|
154
|
+
font-size: 0.75rem;
|
|
155
|
+
line-height: 0.75rem;
|
|
156
|
+
height: 10px;
|
|
157
|
+
padding: 0;
|
|
158
|
+
margin-left: 1rem;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
162
|
+
top: 0.375rem;
|
|
163
|
+
font-size: 0.75rem;
|
|
164
|
+
line-height: 0.75rem;
|
|
165
|
+
height: 10px;
|
|
166
|
+
padding: 0;
|
|
167
|
+
margin-left: 1rem;
|
|
168
|
+
}
|
|
169
|
+
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
170
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
171
|
+
background: var(--textarea-label-background);
|
|
172
|
+
width: calc(
|
|
173
|
+
100% - 1rem - 1rem - 4px
|
|
174
|
+
);
|
|
175
|
+
}
|
|
176
|
+
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
177
|
+
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
178
|
+
background: var(--textarea-label-background);
|
|
179
|
+
width: calc(
|
|
180
|
+
100% - 1rem - 1rem - 4px
|
|
181
|
+
);
|
|
182
|
+
}
|
|
183
|
+
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
184
|
+
top: 0.5rem;
|
|
185
|
+
font-size: 0.875rem;
|
|
186
|
+
line-height: 1rem;
|
|
187
|
+
padding: 0;
|
|
188
|
+
margin-left: 1rem;
|
|
189
|
+
}
|
|
190
|
+
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
191
|
+
top: 0.5rem;
|
|
192
|
+
font-size: 0.875rem;
|
|
193
|
+
line-height: 1rem;
|
|
194
|
+
padding: 0;
|
|
195
|
+
margin-left: 1rem;
|
|
196
|
+
}
|
|
197
|
+
/* DO NOT CHANGE!*/
|
|
198
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
65
199
|
.eds-form-control-wrapper {
|
|
66
200
|
--border-color: #181c56;
|
|
67
201
|
--border-color-hover: #aeb7e2;
|
|
@@ -467,140 +601,6 @@
|
|
|
467
601
|
}
|
|
468
602
|
/* DO NOT CHANGE!*/
|
|
469
603
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
470
|
-
.eds-input-group {
|
|
471
|
-
color: inherit;
|
|
472
|
-
display: block;
|
|
473
|
-
position: relative;
|
|
474
|
-
}
|
|
475
|
-
.eds-input-group__label {
|
|
476
|
-
color: #656782;
|
|
477
|
-
display: flex;
|
|
478
|
-
font-size: 1rem;
|
|
479
|
-
position: absolute;
|
|
480
|
-
line-height: 1rem;
|
|
481
|
-
height: 3rem;
|
|
482
|
-
padding: 1rem;
|
|
483
|
-
padding-left: 0;
|
|
484
|
-
margin-left: 1rem;
|
|
485
|
-
top: -0.125rem;
|
|
486
|
-
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;
|
|
487
|
-
-webkit-user-select: none;
|
|
488
|
-
-moz-user-select: none;
|
|
489
|
-
user-select: none;
|
|
490
|
-
pointer-events: none;
|
|
491
|
-
}
|
|
492
|
-
.eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
493
|
-
top: 0.375rem;
|
|
494
|
-
font-size: 0.75rem;
|
|
495
|
-
line-height: 0.75rem;
|
|
496
|
-
height: 10px;
|
|
497
|
-
padding: 0;
|
|
498
|
-
margin-left: 1rem;
|
|
499
|
-
}
|
|
500
|
-
.eds-textarea__label .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
501
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
502
|
-
background: var(--textarea-label-background);
|
|
503
|
-
width: calc(
|
|
504
|
-
100% - 1rem - 1rem - 4px
|
|
505
|
-
);
|
|
506
|
-
}
|
|
507
|
-
.eds-form-control-wrapper--size-large .eds-form-control-wrapper--is-filled .eds-input-group__label {
|
|
508
|
-
top: 0.5rem;
|
|
509
|
-
font-size: 0.875rem;
|
|
510
|
-
line-height: 1rem;
|
|
511
|
-
padding: 0;
|
|
512
|
-
margin-left: 1rem;
|
|
513
|
-
}
|
|
514
|
-
.eds-contrast .eds-input-group__label {
|
|
515
|
-
color: #8285a8;
|
|
516
|
-
}
|
|
517
|
-
.eds-contrast .eds-form-control-wrapper--dark .eds-input-group__label {
|
|
518
|
-
color: #aeb7e2;
|
|
519
|
-
}
|
|
520
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label {
|
|
521
|
-
font-size: 1.5rem;
|
|
522
|
-
line-height: 2.25rem;
|
|
523
|
-
height: 4rem;
|
|
524
|
-
}
|
|
525
|
-
.eds-input-group__label--filled {
|
|
526
|
-
top: 0.375rem;
|
|
527
|
-
font-size: 0.75rem;
|
|
528
|
-
line-height: 0.75rem;
|
|
529
|
-
height: 10px;
|
|
530
|
-
padding: 0;
|
|
531
|
-
margin-left: 1rem;
|
|
532
|
-
}
|
|
533
|
-
.eds-textarea__label .eds-input-group__label--filled {
|
|
534
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
535
|
-
background: var(--textarea-label-background);
|
|
536
|
-
width: calc(
|
|
537
|
-
100% - 1rem - 1rem - 4px
|
|
538
|
-
);
|
|
539
|
-
}
|
|
540
|
-
.eds-form-control-wrapper--size-large .eds-input-group__label--filled {
|
|
541
|
-
top: 0.5rem;
|
|
542
|
-
font-size: 0.875rem;
|
|
543
|
-
line-height: 1rem;
|
|
544
|
-
padding: 0;
|
|
545
|
-
margin-left: 1rem;
|
|
546
|
-
}
|
|
547
|
-
.eds-input-group__label-tooltip-icon {
|
|
548
|
-
color: #0082b9;
|
|
549
|
-
padding-left: 0.25rem;
|
|
550
|
-
padding-right: 0.25rem;
|
|
551
|
-
display: flex;
|
|
552
|
-
align-items: center;
|
|
553
|
-
cursor: help;
|
|
554
|
-
font-size: 1rem;
|
|
555
|
-
}
|
|
556
|
-
|
|
557
|
-
.eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
558
|
-
top: 0.375rem;
|
|
559
|
-
font-size: 0.75rem;
|
|
560
|
-
line-height: 0.75rem;
|
|
561
|
-
height: 10px;
|
|
562
|
-
padding: 0;
|
|
563
|
-
margin-left: 1rem;
|
|
564
|
-
}
|
|
565
|
-
|
|
566
|
-
.eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
567
|
-
top: 0.375rem;
|
|
568
|
-
font-size: 0.75rem;
|
|
569
|
-
line-height: 0.75rem;
|
|
570
|
-
height: 10px;
|
|
571
|
-
padding: 0;
|
|
572
|
-
margin-left: 1rem;
|
|
573
|
-
}
|
|
574
|
-
.eds-textarea__label .eds-form-control-wrapper[focus-within] .eds-input-group__label {
|
|
575
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
576
|
-
background: var(--textarea-label-background);
|
|
577
|
-
width: calc(
|
|
578
|
-
100% - 1rem - 1rem - 4px
|
|
579
|
-
);
|
|
580
|
-
}
|
|
581
|
-
.eds-textarea__label .eds-form-control-wrapper:focus-within .eds-input-group__label {
|
|
582
|
-
box-shadow: 0px -2px 0px 4px var(--textarea-label-background);
|
|
583
|
-
background: var(--textarea-label-background);
|
|
584
|
-
width: calc(
|
|
585
|
-
100% - 1rem - 1rem - 4px
|
|
586
|
-
);
|
|
587
|
-
}
|
|
588
|
-
.eds-form-control-wrapper--size-large[focus-within] .eds-input-group__label {
|
|
589
|
-
top: 0.5rem;
|
|
590
|
-
font-size: 0.875rem;
|
|
591
|
-
line-height: 1rem;
|
|
592
|
-
padding: 0;
|
|
593
|
-
margin-left: 1rem;
|
|
594
|
-
}
|
|
595
|
-
.eds-form-control-wrapper--size-large:focus-within .eds-input-group__label {
|
|
596
|
-
top: 0.5rem;
|
|
597
|
-
font-size: 0.875rem;
|
|
598
|
-
line-height: 1rem;
|
|
599
|
-
padding: 0;
|
|
600
|
-
margin-left: 1rem;
|
|
601
|
-
}
|
|
602
|
-
/* DO NOT CHANGE!*/
|
|
603
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
604
604
|
.eds-form-component--radio__container {
|
|
605
605
|
display: flex;
|
|
606
606
|
justify-content: center;
|
|
@@ -689,6 +689,13 @@
|
|
|
689
689
|
}
|
|
690
690
|
/* DO NOT CHANGE!*/
|
|
691
691
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
692
|
+
textarea.eds-form-control.eds-textarea {
|
|
693
|
+
min-height: 7.75rem;
|
|
694
|
+
resize: vertical;
|
|
695
|
+
line-height: 1.5rem;
|
|
696
|
+
}
|
|
697
|
+
/* DO NOT CHANGE!*/
|
|
698
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
692
699
|
.eds-switch {
|
|
693
700
|
cursor: pointer;
|
|
694
701
|
-webkit-user-select: none;
|
|
@@ -845,24 +852,6 @@
|
|
|
845
852
|
}
|
|
846
853
|
/* DO NOT CHANGE!*/
|
|
847
854
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
848
|
-
textarea.eds-form-control.eds-textarea {
|
|
849
|
-
min-height: 7.75rem;
|
|
850
|
-
resize: vertical;
|
|
851
|
-
line-height: 1.5rem;
|
|
852
|
-
}
|
|
853
|
-
/* DO NOT CHANGE!*/
|
|
854
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
855
|
-
.eds-segmented-control {
|
|
856
|
-
margin-top: 0.25rem;
|
|
857
|
-
display: flex;
|
|
858
|
-
background: #d1d4e3;
|
|
859
|
-
border-radius: 0.5rem;
|
|
860
|
-
}
|
|
861
|
-
.eds-contrast .eds-segmented-control {
|
|
862
|
-
background: #393d79;
|
|
863
|
-
}
|
|
864
|
-
/* DO NOT CHANGE!*/
|
|
865
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
866
855
|
.eds-segmented-choice {
|
|
867
856
|
display: block;
|
|
868
857
|
flex: 1 1 0px;
|
|
@@ -934,6 +923,17 @@ textarea.eds-form-control.eds-textarea {
|
|
|
934
923
|
}
|
|
935
924
|
/* DO NOT CHANGE!*/
|
|
936
925
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
926
|
+
.eds-segmented-control {
|
|
927
|
+
margin-top: 0.25rem;
|
|
928
|
+
display: flex;
|
|
929
|
+
background: #d1d4e3;
|
|
930
|
+
border-radius: 0.5rem;
|
|
931
|
+
}
|
|
932
|
+
.eds-contrast .eds-segmented-control {
|
|
933
|
+
background: #393d79;
|
|
934
|
+
}
|
|
935
|
+
/* DO NOT CHANGE!*/
|
|
936
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
937
937
|
.eds-input-panel[focus-within] .eds-input-panel__container {
|
|
938
938
|
border-color: #181c56;
|
|
939
939
|
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.3",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/form.esm.js",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@entur/icons": "^6.2.0",
|
|
31
31
|
"@entur/tokens": "^3.8.1",
|
|
32
|
-
"@entur/tooltip": "^2.6.
|
|
33
|
-
"@entur/typography": "^1.7.
|
|
34
|
-
"@entur/utils": "^0.
|
|
32
|
+
"@entur/tooltip": "^2.6.13",
|
|
33
|
+
"@entur/typography": "^1.7.14",
|
|
34
|
+
"@entur/utils": "^0.7.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "402d010ee77f4ff809e3b709b0a29865c04cc1f4"
|
|
38
38
|
}
|